From a3ba8b4fdc1970767726bd537571f79bd997b3bd Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Tue, 23 Dec 2025 16:20:21 -0500
Subject: [PATCH 1/9] idk

---
 package-lock.json         | 68 +++++++++++++++++++++++++++------------
 package.json              |  1 +
 src/playground/python.jsx | 20 ++++++++++++
 webpack.config.js         | 22 ++++++++++++-
 4 files changed, 89 insertions(+), 22 deletions(-)
 create mode 100644 src/playground/python.jsx

diff --git a/package-lock.json b/package-lock.json
index 7a34e66bf..0a9cd847e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
     "": {
       "name": "scratch-gui",
       "version": "0.6.0-alpha",
-      "license": "GPL-3.0",
+      "license": "AGPL-3.0",
       "dependencies": {
         "@ffmpeg/ffmpeg": "^0.12.15",
         "@ffmpeg/util": "^0.12.2",
@@ -50,6 +50,7 @@
         "postcss-loader": "^3.0.0",
         "postcss-simple-vars": "^5.0.1",
         "prop-types": "^15.5.10",
+        "pyodide": "^0.29.0",
         "query-string": "^5.1.1",
         "raw-loader": "^0.5.1",
         "react": "^16.0.0",
@@ -184,7 +185,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
       "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.3",
@@ -2988,6 +2988,7 @@
       "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "eslint-scope": "5.1.1"
       }
@@ -3321,6 +3322,12 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/emscripten": {
+      "version": "1.41.5",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.41.5.tgz",
+      "integrity": "sha512-cMQm7pxu6BxtHyqJ7mQZ2kXWV5SLmugybFdHCBbJ5eHzOo6VhBckEgAT3//rP5FwPHNPeEiq4SmQ5ucBwsOo4Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/glob": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -3820,7 +3827,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3894,7 +3900,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -5271,7 +5276,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.8.9",
         "caniuse-lite": "^1.0.30001746",
@@ -7844,7 +7848,6 @@
       "integrity": "sha512-p2yy9Y7t/PFbPoTvrWde7JIYB2ZyGC+NgTNbVEGvZ5/EyoYSr9aG/2rSbVvyNvMHEhw9/dmGUJHWtfQIEiX9pg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "array.prototype.flat": "^1.2.1",
         "cheerio": "^1.0.0-rc.2",
@@ -8262,7 +8265,6 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -8433,7 +8435,6 @@
       "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "array-includes": "^3.1.7",
         "array.prototype.findlastindex": "^1.2.3",
@@ -8567,6 +8568,7 @@
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -8581,6 +8583,7 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -8591,6 +8594,7 @@
       "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -17226,7 +17230,6 @@
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -17392,6 +17395,40 @@
       ],
       "license": "MIT"
     },
+    "node_modules/pyodide": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/pyodide/-/pyodide-0.29.0.tgz",
+      "integrity": "sha512-ObIvsTmcrxAWKg+FT1GjfSdDmQc5CabnYe/nn5BCuhr9BVVITeQ24DBdZuG5B2tIiAZ9YonBpnDB7cmHZyd2Rw==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@types/emscripten": "^1.41.4",
+        "ws": "^8.5.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/pyodide/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/qs": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
@@ -17563,7 +17600,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
       "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -17593,7 +17629,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
       "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "object-assign": "^4.1.1",
@@ -17629,7 +17664,6 @@
       "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-2.9.0.tgz",
       "integrity": "sha512-27jnDlb/d2A7mSJwrbOBnUgD+rPep+abmoJE511Tf8BnoONIAUehy/U1zZCHGO17mnOwMWxqN4qC0nW11cD6rA==",
       "license": "BSD-3-Clause",
-      "peer": true,
       "dependencies": {
         "hoist-non-react-statics": "^3.3.0",
         "intl-format-cache": "^2.0.5",
@@ -17734,7 +17768,6 @@
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-5.0.7.tgz",
       "integrity": "sha512-5VI8EV5hdgNgyjfmWzBbdrqUkrVRKlyTKk1sGH3jzM2M2Mhj/seQgPXaz6gVAj2lz/nz688AdTqMO18Lr24Zhg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "hoist-non-react-statics": "^2.5.0",
         "invariant": "^2.0.0",
@@ -17759,7 +17792,6 @@
       "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-4.1.0.tgz",
       "integrity": "sha512-ZuDraf0qsJlyiTwzeva+foHx83IP6SIhru9o7BvMwQ4ZHjRIL5WjdgVNNrKSRbmeWO9rEJoMpabei/5lJn8KaA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "hyphenate-style-name": "^1.0.0",
         "matchmediaquery": "^0.2.1",
@@ -17789,7 +17821,6 @@
       "resolved": "https://registry.npmjs.org/react-style-proptype/-/react-style-proptype-3.2.2.tgz",
       "integrity": "sha512-ywYLSjNkxKHiZOqNlso9PZByNEY+FTyh3C+7uuziK0xFXu9xzdyfHwg4S9iyiRRoPCR4k2LqaBBsWVmSBwCWYQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "prop-types": "^15.5.4"
       }
@@ -17828,7 +17859,6 @@
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-3.8.0.tgz",
       "integrity": "sha512-Uj/vVd0uGuqwTkWeRjKS56T2iwOSvsSMbjqTK7AseHZEMND+WCXXUajaF7+ZsJWTZgnpeT9kBnaBFhchzeDTbw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "classnames": "^2.2.5",
         "prop-types": "^15.6.0"
@@ -17938,7 +17968,6 @@
       "resolved": "https://registry.npmjs.org/redux/-/redux-3.7.2.tgz",
       "integrity": "sha512-pNqnf9q1hI5HHZRBkj3bAngGZW/JMCmexDlOxw4XagXY2o1327nHH54LoTjiPJ0gizoqPDRqWyX/00g0hD6w+A==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "lodash": "^4.2.1",
         "lodash-es": "^4.2.1",
@@ -18813,7 +18842,6 @@
     "node_modules/scratch-render-fonts": {
       "version": "1.0.0",
       "resolved": "git+ssh://git@github.com/PenguinMod/penguinmod-render-fonts.git#4dda62c707f64505266aa62f7a6cc84f0e5812fd",
-      "peer": true,
       "dependencies": {
         "base64-loader": "1.0.0"
       }
@@ -20974,8 +21002,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
-      "peer": true
+      "license": "0BSD"
     },
     "node_modules/tty-browserify": {
       "version": "0.0.0",
@@ -22340,7 +22367,6 @@
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.47.0.tgz",
       "integrity": "sha512-td7fYwgLSrky3fI1EuU5cneU4+pbH6GgOfuKNS1tNPcfdGinGELAqsb/BP4nnvZyKSG2i/xFGU7+n2PvZA8HJQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.9.0",
         "@webassemblyjs/helper-module-context": "1.9.0",
diff --git a/package.json b/package.json
index a476c219d..a61700eef 100644
--- a/package.json
+++ b/package.json
@@ -73,6 +73,7 @@
     "postcss-loader": "^3.0.0",
     "postcss-simple-vars": "^5.0.1",
     "prop-types": "^15.5.10",
+    "pyodide": "^0.29.0",
     "query-string": "^5.1.1",
     "raw-loader": "^0.5.1",
     "react": "^16.0.0",
diff --git a/src/playground/python.jsx b/src/playground/python.jsx
new file mode 100644
index 000000000..517707c2a
--- /dev/null
+++ b/src/playground/python.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import pyodideURL from "pyodide/pyodide.js?pyodide";
+import render from './app-target.js';
+
+const Python = () => {
+    const script = document.createElement("script");
+    script.src = pyodideURL;
+    script.onload = async () => {
+    const pyodide = await loadPyodide({
+        indexURL: pyodideURL.replace(/pyodide\.js$/, "")
+    });
+    };
+    document.head.appendChild(script);
+    const [code, setCode] = React.useState('print("Hello World!")');
+    return (
+        <textarea onChange={e => setCode(e.target.value)} />
+    )
+}
+
+render(<Python />);
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index 1702c875a..280e369c9 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -113,11 +113,22 @@ const base = {
                     }
                 }
             }]
-        }]
+        },
+        {
+            test: /pyodide\.js$/,
+            loader: "file-loader",
+            options: {
+                name: "static/pyodide/[name].[ext]"
+            }
+            }]
     },
     plugins: [
         new CopyWebpackPlugin({
             patterns: [
+                {
+                    from: path.dirname(require.resolve('pyodide/pyodide.js')),
+                    to: 'static/pyodide'
+                },
                 {
                     from: 'node_modules/scratch-blocks/media',
                     to: 'static/blocks-media/default'
@@ -146,6 +157,7 @@ module.exports = [
     defaultsDeep({}, base, {
         entry: {
             'editor': './src/playground/editor.jsx',
+            'python': './src/playground/python.jsx',
             'player': './src/playground/player.jsx',
             'fullscreen': './src/playground/fullscreen.jsx',
             'embed': './src/playground/embed.jsx',
@@ -193,6 +205,14 @@ module.exports = [
                 isEditor: true,
                 ...htmlWebpackPluginCommon
             }),
+            new HtmlWebpackPlugin({
+                chunks: ['python'],
+                template: 'src/playground/index.ejs',
+                filename: 'python.html',
+                title: `${APP_NAME} - The Ultimate MultiLanguage IDE | Python`,
+                isEditor: true,
+                ...htmlWebpackPluginCommon
+            }),
             new HtmlWebpackPlugin({
                 chunks: ['player'],
                 template: 'src/playground/index.ejs',

From 6dc626dd6a3d6f9cefc0725097a54ad098576be8 Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Sun, 28 Dec 2025 14:38:39 -0500
Subject: [PATCH 2/9] docs: short plan in code editor

---
 text-editor.md | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 text-editor.md

diff --git a/text-editor.md b/text-editor.md
new file mode 100644
index 000000000..a15944f55
--- /dev/null
+++ b/text-editor.md
@@ -0,0 +1,8 @@
+This is a temporary documentation file so I can yap about my process in making the code editor without making a super ultra formal docs file fromt he beggingniing..
+
+
+I want the editor to work  with 3 different file systems:
+- The built in project file system. This is the file system where literally everything is stored in memory (or a project file) called .omb. This means all the files are stored in that .omb file and can be opened directly.
+- The local system. This is like a traditional IDE/Code editor, like VS Code. Nothing special.
+- The file system API if not installed as an app yet. VS Code already does this too with the website vscode.dev
+

From 6e329bc8fbe546b7a9abb69d4fa90df37b622f37 Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Sun, 28 Dec 2025 19:36:36 -0500
Subject: [PATCH 3/9] feat: got @monaco-editor/react working in scratch-gui
 with dynamic theme changing

---
 package-lock.json                             |  77 ++++++++
 package.json                                  |   2 +
 .../code-editor.css}                          |   0
 .../code-editor.jsx}                          |   2 +-
 src/components/gui/gui.jsx                    |   6 +-
 src/containers/blocks.jsx                     |   2 +-
 src/containers/code-editor.jsx                | 183 ++++++++++++++++++
 text-editor.md                                |  25 +++
 webpack.config.js                             |  48 +++--
 9 files changed, 321 insertions(+), 24 deletions(-)
 rename src/components/{blocks/blocks.css => code-editor/code-editor.css} (100%)
 rename src/components/{blocks/blocks.jsx => code-editor/code-editor.jsx} (93%)
 create mode 100644 src/containers/code-editor.jsx

diff --git a/package-lock.json b/package-lock.json
index c18bf3d64..1d45799e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,8 @@
         "@ffmpeg/ffmpeg": "^0.12.15",
         "@ffmpeg/util": "^0.12.2",
         "@microbit/microbit-universal-hex": "0.2.2",
+        "@monaco-editor/loader": "^1.3.2",
+        "@monaco-editor/react": "^4.4.6",
         "@turbowarp/jszip": "^3.11.1",
         "@turbowarp/nanolog": "^0.2.0",
         "@turbowarp/scratch-l10n": "^3.1001.0-202401241456-994097a5",
@@ -2974,6 +2976,33 @@
         "tslib": ">=1.11.1"
       }
     },
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.3.2.tgz",
+      "integrity": "sha512-BTDbpHl3e47r3AAtpfVFTlAi7WXv4UQ/xZmz8atKl4q7epQV5e7+JbigFDViWF71VBi4IIBdcWP57Hj+OWuc9g==",
+      "license": "MIT",
+      "dependencies": {
+        "state-local": "^1.0.6"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.21.0 < 1"
+      }
+    },
+    "node_modules/@monaco-editor/react": {
+      "version": "4.4.6",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.4.6.tgz",
+      "integrity": "sha512-Gr3uz3LYf33wlFE3eRnta4RxP5FSNxiIV9ENn2D2/rN8KgGAD8ecvcITRtsbbyuOuNkwbuHYxfeaz2Vr+CtyFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@monaco-editor/loader": "^1.3.2",
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.25.0 < 1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@nicolo-ribaudo/chokidar-2": {
       "version": "2.1.8-no-fsevents.3",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
@@ -3435,6 +3464,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@types/uglify-js": {
       "version": "3.17.5",
       "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.17.5.tgz",
@@ -14833,6 +14870,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/marked": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz",
+      "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/matchmediaquery": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/matchmediaquery/-/matchmediaquery-0.2.1.tgz",
@@ -15332,6 +15382,27 @@
         "node": ">=4"
       }
     },
+    "node_modules/monaco-editor": {
+      "version": "0.55.1",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
+      "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "dompurify": "3.2.7",
+        "marked": "14.0.0"
+      }
+    },
+    "node_modules/monaco-editor/node_modules/dompurify": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
+      "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "peer": true,
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/moo": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
@@ -19932,6 +20003,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/state-local": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
+      "license": "MIT"
+    },
     "node_modules/static-eval": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/static-eval/-/static-eval-2.1.1.tgz",
diff --git a/package.json b/package.json
index a476c219d..f861d8510 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,8 @@
     "@ffmpeg/ffmpeg": "^0.12.15",
     "@ffmpeg/util": "^0.12.2",
     "@microbit/microbit-universal-hex": "0.2.2",
+    "@monaco-editor/loader": "^1.3.2",
+    "@monaco-editor/react": "^4.4.6",
     "@turbowarp/jszip": "^3.11.1",
     "@turbowarp/nanolog": "^0.2.0",
     "@turbowarp/scratch-l10n": "^3.1001.0-202401241456-994097a5",
diff --git a/src/components/blocks/blocks.css b/src/components/code-editor/code-editor.css
similarity index 100%
rename from src/components/blocks/blocks.css
rename to src/components/code-editor/code-editor.css
diff --git a/src/components/blocks/blocks.jsx b/src/components/code-editor/code-editor.jsx
similarity index 93%
rename from src/components/blocks/blocks.jsx
rename to src/components/code-editor/code-editor.jsx
index a812b039f..e2fd2c878 100644
--- a/src/components/blocks/blocks.jsx
+++ b/src/components/code-editor/code-editor.jsx
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import React from 'react';
 import Box from '../box/box.jsx';
-import styles from './blocks.css';
+import styles from './code-editor.css';
 
 const BlocksComponent = props => {
     const {
diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx
index 524a7fe61..096659eb1 100644
--- a/src/components/gui/gui.jsx
+++ b/src/components/gui/gui.jsx
@@ -9,7 +9,7 @@ import {Tab, Tabs, TabList, TabPanel} from 'react-tabs';
 import tabStyles from 'react-tabs/style/react-tabs.css';
 import VM from 'scratch-vm';
 
-import Blocks from '../../containers/blocks.jsx';
+import CodeEditor from '../../containers/code-editor.jsx';
 import CostumeTab from '../../containers/costume-tab.jsx';
 import TargetPane from '../../containers/target-pane.jsx';
 import SoundTab from '../../containers/sound-tab.jsx';
@@ -19,7 +19,7 @@ import Box from '../box/box.jsx';
 import MenuBar from '../menu-bar/menu-bar.jsx';
 import CostumeLibrary from '../../containers/costume-library.jsx';
 import BackdropLibrary from '../../containers/backdrop-library.jsx';
-import Watermark from '../../containers/watermark.jsx';
+import Watermark from '../../containers/watermark.jsx'; 
 import SongsTab from '../../containers/songs-tab.jsx';
 import Backpack from '../../containers/backpack.jsx';
 import BrowserModal from '../browser-modal/browser-modal.jsx';
@@ -400,7 +400,7 @@ const GUIComponent = props => {
                                 </TabList>
                                 <TabPanel className={tabClassNames.tabPanel}>
                                     <Box className={styles.blocksWrapper}>
-                                        <Blocks
+                                        <CodeEditor
                                             key={`${blocksId}/${theme.id}`}
                                             canUseCloud={canUseCloud}
                                             grow={1}
diff --git a/src/containers/blocks.jsx b/src/containers/blocks.jsx
index 1a9370850..54986ae76 100644
--- a/src/containers/blocks.jsx
+++ b/src/containers/blocks.jsx
@@ -10,7 +10,7 @@ import VM from 'scratch-vm';
 
 import log from '../lib/log.js';
 import Prompt from './prompt.jsx';
-import BlocksComponent from '../components/blocks/blocks.jsx';
+import BlocksComponent from '../components/code-editor/code-editor.jsx';
 import ExtensionLibrary from './extension-library.jsx';
 import extensionData from '../lib/libraries/extensions/index.jsx';
 import CustomProcedures from './custom-procedures.jsx';
diff --git a/src/containers/code-editor.jsx b/src/containers/code-editor.jsx
new file mode 100644
index 000000000..2cb256b3d
--- /dev/null
+++ b/src/containers/code-editor.jsx
@@ -0,0 +1,183 @@
+import bindAll from 'lodash.bindall';
+import PropTypes from 'prop-types';
+import React from 'react';
+import {injectIntl} from 'react-intl';
+import Editor from '@monaco-editor/react';
+
+import log from '../lib/log.js';
+import Prompt from './prompt.jsx';
+import ExtensionLibrary from './extension-library.jsx';
+import errorBoundaryHOC from '../lib/error-boundary-hoc.jsx';
+import {Theme} from '../lib/themes';
+import {connect} from 'react-redux';
+import {updateToolbox} from '../reducers/toolbox.js';
+import {
+    closeExtensionLibrary,
+    openConnectionModal
+} from '../reducers/modals.js';
+
+class MonacoBlocks extends React.Component {
+    constructor (props) {
+        super(props);
+        bindAll(this, [
+            'handleEditorDidMount',
+            'handleEditorChange',
+            'handlePromptStart',
+            'handlePromptCallback',
+            'handlePromptClose'
+        ]);
+
+        this.state = {
+            prompt: null
+        };
+
+        this.editor = null;
+        this.monaco = null; 
+    }
+
+    handleEditorDidMount (editor, monaco) {
+        this.editor = editor;
+        this.monaco = monaco;
+
+        // Configure for general purpose coding
+        monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+            noSemanticValidation: false,
+            noSyntaxValidation: false
+        });
+        
+        // Ensure editor layout is correct on mount
+        setTimeout(() => {
+            editor.layout();
+        }, 0);
+    }
+
+    handleEditorChange (value) {
+        // Direct callback for parent components to handle code state
+        if (this.props.onCodeChange) {
+            this.props.onCodeChange(value);
+        }
+        
+        // Logic for auto-saving or dispatching to a general 'project' reducer
+        log.info('Code updated in general editor');
+    }
+
+    handlePromptStart (message, defaultValue, callback) {
+        this.setState({
+            prompt: {callback, message, defaultValue}
+        });
+    }
+
+    handlePromptCallback (input) {
+        this.state.prompt.callback(input);
+        this.handlePromptClose();
+    }
+
+    handlePromptClose () {
+        this.setState({prompt: null});
+    }
+
+    render () {
+        const {
+            isVisible,
+            code,
+            language,
+            extensionLibraryVisible,
+            onOpenConnectionModal,
+            onRequestCloseExtensionLibrary
+        } = this.props;
+
+        if (!isVisible) return null;
+
+        return (
+            <React.Fragment>
+                <div 
+                    className="monaco-container"
+                    style={{
+                        height: '100%',
+                        width: '100%',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        overflow: 'hidden'
+                    }}
+                >
+                    <Editor
+                        height="100%"
+                        language={language || 'javascript'}
+                        theme={this.props.theme.isDark() ? 'vs-dark' : 'vs'}
+                        value={code}
+                        onMount={this.handleEditorDidMount}
+                        onChange={this.handleEditorChange}
+                        options={{
+                            minimap: { enabled: true },
+                            fontSize: 14,
+                            automaticLayout: true,
+                            scrollBeyondLastLine: false,
+                            wordWrap: 'on',
+                            tabSize: 4,
+                            lineNumbers: 'on',
+                            glyphMargin: true,
+                            folding: true,
+                            bracketPairColorization: { enabled: true }
+                        }}
+                    />
+                </div>
+
+                {extensionLibraryVisible && (
+                    <ExtensionLibrary
+                        onCategorySelected={(id) => onOpenConnectionModal(id)}
+                        onRequestClose={onRequestCloseExtensionLibrary}
+                    />
+                )}
+
+                {this.state.prompt && (
+                    <Prompt
+                        defaultValue={this.state.prompt.defaultValue}
+                        label={this.state.prompt.message}
+                        onCancel={this.handlePromptClose}
+                        onOk={this.handlePromptCallback}
+                    />
+                )}
+            </React.Fragment>
+        );
+    }
+}
+
+MonacoBlocks.propTypes = {
+    code: PropTypes.string,
+    extensionLibraryVisible: PropTypes.bool,
+    isVisible: PropTypes.bool,
+    language: PropTypes.string,
+    onCodeChange: PropTypes.func,
+    onOpenConnectionModal: PropTypes.func,
+    onRequestCloseExtensionLibrary: PropTypes.func
+};
+
+MonacoBlocks.defaultProps = {
+    code: '',
+    language: 'javascript'
+};
+
+const mapStateToProps = state => ({
+    anyModalVisible: Object.keys(state.scratchGui.modals).some(key => state.scratchGui.modals[key]),
+    extensionLibraryVisible: state.scratchGui.modals.extensionLibrary,
+    // Assuming you have a custom reducer for code content
+    code: state.scratchGui.codeContent || '', 
+    language: state.scratchGui.editorLanguage || 'javascript'
+});
+
+const mapDispatchToProps = dispatch => ({
+    onOpenConnectionModal: id => {
+        // Keep standard modal dispatch but remove VM-specific ID setting if not needed
+        dispatch(openConnectionModal(id));
+    },
+    onRequestCloseExtensionLibrary: () => dispatch(closeExtensionLibrary()),
+    // Example of a custom action for code changes
+    onCodeChange: (value) => dispatch({type: 'UPDATE_CODE_CONTENT', content: value})
+});
+
+export default errorBoundaryHOC('GeneralCodeEditor')(
+    connect(
+        mapStateToProps,
+        mapDispatchToProps
+    )(MonacoBlocks)
+);
\ No newline at end of file
diff --git a/text-editor.md b/text-editor.md
index a15944f55..ba3a0291b 100644
--- a/text-editor.md
+++ b/text-editor.md
@@ -6,3 +6,28 @@ I want the editor to work  with 3 different file systems:
 - The local system. This is like a traditional IDE/Code editor, like VS Code. Nothing special.
 - The file system API if not installed as an app yet. VS Code already does this too with the website vscode.dev
 
+
+Updates...
+
+I have successfully changed the entire blocks editor into a new directory with entirely different names. Now it's time to start dismantling it into monaco-react.
+
+Well, it turns out webpack is freaking out at an .mjs file, since this codebase is ancient and uses React 16 and Webpack 4. 
+Welp, all I can do is downgrade @monaco-editor/react from ^4.7.0 to a lower version that doesn't use .mjs yet.
+
+Yes! It finally works! I can type in it perfectly!! YESS!!
+But it looks jarring in light mode, but perfect in dark mode.
+
+Trying to make it dynamic to the scratch-gui theme sent me down a rabbit hole of pain.
+
+I spent an hour trying to lazily vibe code the dynamic theme switching with AI, which only let do a crap ton of hallucinations and me crashing out a few times, further proving my point that AI absolutely sucks for coding (but it's great for reviewing 😉 especially if it's a rabbit ifykyk)
+
+I then took a 2 hour nap, woke up, and copied the logic from gui.jsx, and it was actually quite simple. The AI kept making up nonexisted prop names, calling `Theme` as a class, and even using a random `isDark()` function that, well, didn't work. It tried a bunch of `ComponentDidUpdate` shenanigans as well, and well yeah it was just trash all the way. After my nap, where my headache was gone, I looked at gui.jsx for two seconds before finding that you simply imported  `{Theme}` from `'src/lib/themes'`, and then in the Editor component for `@monaco-editor/react`, you simply pass the theme as a prop using a ternary operator, which logic i copied from `paint-editor.wrapper.jsx`, giving me this:
+```javascript
+theme={this.props.theme.isDark() ? 'dark' : 'light'},
+```
+
+I was overjoyed that this instantly worked exactly how I want it. Now I just need to scrap the entire scratch vm and replace it with something more IDE-y, but I guess that can wait. This is a great milestone, I will commit now. I'll work on the file explorer, like the one that shows up in the left to VS Code with the folders and whatnot.
+
+
+Honestly, I feel much better now that I took that nap. The reason I used AI in the first place was because I had a strong headache, and thinking hurt more, so I couldn't look and read the code properly or try to understand it. 
+
diff --git a/webpack.config.js b/webpack.config.js
index 1702c875a..74cf345f8 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -62,31 +62,41 @@ const base = {
     },
     resolve: {
         symlinks: false,
+        extensions: ['.mjs', '.js', '.jsx', '.json'],
         alias: {
             'text-encoding$': path.resolve(__dirname, 'src/lib/tw-text-encoder'),
             'scratch-render-fonts$': path.resolve(__dirname, 'src/lib/tw-scratch-render-fonts')
         }
     },
     module: {
-        rules: [{
-            test: /\.jsx?$/,
-            loader: 'babel-loader',
-            include: [
-                path.resolve(__dirname, 'src'),
-                /node_modules[\\/]scratch-[^\\/]+[\\/]src/,
-                /node_modules[\\/]pify/,
-                /node_modules[\\/]@vernier[\\/]godirect/
-            ],
-            options: {
-                // Explicitly disable babelrc so we don't catch various config
-                // in much lower dependencies.
-                babelrc: false,
-                plugins: [
-                    ['react-intl', {
-                        messagesDir: './translations/messages/'
-                    }]],
-                presets: ['@babel/preset-env', '@babel/preset-react']
-            }
+        rules: [
+            {
+                test: /\.mjs$/,
+                include: /node_modules/,
+                type: 'javascript/auto'
+            },
+            {
+                test: /\.jsx?$/,
+                loader: 'babel-loader',
+                include: [
+                    path.resolve(__dirname, 'src'),
+                    /node_modules[\\/]scratch-[^\\/]+[\\/]src/,
+                    /node_modules[\\/]pify/,
+                    /node_modules[\\/]@vernier[\\/]godirect/,
+                    // --- ADD THESE TWO LINES ---
+                    /node_modules[\\/]@monaco-editor[\\/]react/,
+                    /node_modules[\\/]@monaco-editor[\\/]loader/
+                    // ---------------------------
+                ],
+                options: {
+                    babelrc: false,
+                    plugins: [
+                        ['react-intl', {
+                            messagesDir: './translations/messages/'
+                        }]
+                    ],
+                    presets: ['@babel/preset-env', '@babel/preset-react']
+                }
         },
         {
             test: /\.css$/,

From 88a3d7eb010a39276d3013590ca6a6b9243c352f Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Sun, 28 Dec 2025 19:45:17 -0500
Subject: [PATCH 4/9] refactor: change component names for clarity and remove
 some redundant unnecessary code comments

---
 src/containers/blocks.jsx      |  4 ++--
 src/containers/code-editor.jsx | 14 +++++++-------
 text-editor.md                 |  3 ++-
 webpack.config.js              |  2 --
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/containers/blocks.jsx b/src/containers/blocks.jsx
index 54986ae76..dfdc2794a 100644
--- a/src/containers/blocks.jsx
+++ b/src/containers/blocks.jsx
@@ -10,7 +10,7 @@ import VM from 'scratch-vm';
 
 import log from '../lib/log.js';
 import Prompt from './prompt.jsx';
-import BlocksComponent from '../components/code-editor/code-editor.jsx';
+import CodeComponent from '../components/code-editor/code-editor.jsx';
 import ExtensionLibrary from './extension-library.jsx';
 import extensionData from '../lib/libraries/extensions/index.jsx';
 import CustomProcedures from './custom-procedures.jsx';
@@ -84,7 +84,7 @@ const addFunctionListener = (object, property, callback) => {
 
 const DroppableBlocks = DropAreaHOC([
     DragConstants.BACKPACK_CODE
-])(BlocksComponent);
+])(CodeComponent);
 
 class Blocks extends React.Component {
     constructor (props) {
diff --git a/src/containers/code-editor.jsx b/src/containers/code-editor.jsx
index 2cb256b3d..276d234cb 100644
--- a/src/containers/code-editor.jsx
+++ b/src/containers/code-editor.jsx
@@ -39,25 +39,25 @@ class MonacoBlocks extends React.Component {
         this.editor = editor;
         this.monaco = monaco;
 
-        // Configure for general purpose coding
+
         monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
             noSemanticValidation: false,
             noSyntaxValidation: false
         });
         
-        // Ensure editor layout is correct on mount
+
         setTimeout(() => {
             editor.layout();
         }, 0);
     }
 
     handleEditorChange (value) {
-        // Direct callback for parent components to handle code state
+
         if (this.props.onCodeChange) {
             this.props.onCodeChange(value);
         }
         
-        // Logic for auto-saving or dispatching to a general 'project' reducer
+
         log.info('Code updated in general editor');
     }
 
@@ -160,18 +160,18 @@ MonacoBlocks.defaultProps = {
 const mapStateToProps = state => ({
     anyModalVisible: Object.keys(state.scratchGui.modals).some(key => state.scratchGui.modals[key]),
     extensionLibraryVisible: state.scratchGui.modals.extensionLibrary,
-    // Assuming you have a custom reducer for code content
+
     code: state.scratchGui.codeContent || '', 
     language: state.scratchGui.editorLanguage || 'javascript'
 });
 
 const mapDispatchToProps = dispatch => ({
     onOpenConnectionModal: id => {
-        // Keep standard modal dispatch but remove VM-specific ID setting if not needed
+
         dispatch(openConnectionModal(id));
     },
     onRequestCloseExtensionLibrary: () => dispatch(closeExtensionLibrary()),
-    // Example of a custom action for code changes
+
     onCodeChange: (value) => dispatch({type: 'UPDATE_CODE_CONTENT', content: value})
 });
 
diff --git a/text-editor.md b/text-editor.md
index ba3a0291b..776e59c3b 100644
--- a/text-editor.md
+++ b/text-editor.md
@@ -6,6 +6,7 @@ I want the editor to work  with 3 different file systems:
 - The local system. This is like a traditional IDE/Code editor, like VS Code. Nothing special.
 - The file system API if not installed as an app yet. VS Code already does this too with the website vscode.dev
 
+Commit 6dc626dd6a3d6f9cefc0725097a54ad098576be8
 
 Updates...
 
@@ -26,7 +27,7 @@ I then took a 2 hour nap, woke up, and copied the logic from gui.jsx, and it was
 theme={this.props.theme.isDark() ? 'dark' : 'light'},
 ```
 
-I was overjoyed that this instantly worked exactly how I want it. Now I just need to scrap the entire scratch vm and replace it with something more IDE-y, but I guess that can wait. This is a great milestone, I will commit now. I'll work on the file explorer, like the one that shows up in the left to VS Code with the folders and whatnot.
+I was overjoyed that this instantly worked exactly how I want it. Now I just need to scrap the entire scratch vm and replace it with something more IDE-y, but I guess that can wait. This is a great milestone, I will commit now (Commit 6e329bc8fbe546b7a9abb69d4fa90df37b622f37). I'll work on the file explorer, like the one that shows up in the left to VS Code with the folders and whatnot.
 
 
 Honestly, I feel much better now that I took that nap. The reason I used AI in the first place was because I had a strong headache, and thinking hurt more, so I couldn't look and read the code properly or try to understand it. 
diff --git a/webpack.config.js b/webpack.config.js
index 74cf345f8..757c670fe 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -83,10 +83,8 @@ const base = {
                     /node_modules[\\/]scratch-[^\\/]+[\\/]src/,
                     /node_modules[\\/]pify/,
                     /node_modules[\\/]@vernier[\\/]godirect/,
-                    // --- ADD THESE TWO LINES ---
                     /node_modules[\\/]@monaco-editor[\\/]react/,
                     /node_modules[\\/]@monaco-editor[\\/]loader/
-                    // ---------------------------
                 ],
                 options: {
                     babelrc: false,

From 91e5cf5f90e7e241d37c89dd68355d564a390e5a Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Sun, 28 Dec 2025 20:17:58 -0500
Subject: [PATCH 5/9] feat: changed code icon

---
 src/components/code-editor/code-editor.css | 4 ++++
 src/components/code-editor/code-editor.jsx | 2 +-
 src/components/gui/icon--code.svg          | 2 +-
 src/containers/code-editor.jsx             | 2 +-
 src/lib/themes/global-styles.css           | 1 +
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/code-editor/code-editor.css b/src/components/code-editor/code-editor.css
index 583f587f7..e103ec510 100644
--- a/src/components/code-editor/code-editor.css
+++ b/src/components/code-editor/code-editor.css
@@ -97,3 +97,7 @@
     min-width: auto;
     min-height: auto;
 }
+
+/* Global styles.css */
+
+
diff --git a/src/components/code-editor/code-editor.jsx b/src/components/code-editor/code-editor.jsx
index e2fd2c878..24baa0aab 100644
--- a/src/components/code-editor/code-editor.jsx
+++ b/src/components/code-editor/code-editor.jsx
@@ -22,6 +22,6 @@ const BlocksComponent = props => {
 };
 BlocksComponent.propTypes = {
     containerRef: PropTypes.func,
-    dragOver: PropTypes.bool
+    dragOver: PropTypes.bool 
 };
 export default BlocksComponent;
diff --git a/src/components/gui/icon--code.svg b/src/components/gui/icon--code.svg
index 5e0daf092..b41b32449 100644
--- a/src/components/gui/icon--code.svg
+++ b/src/components/gui/icon--code.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#855cd6" fill-rule="evenodd" d="M15 13.51a.5.5 0 0 1-.5.5H9.197a.495.495 0 0 0-.353.146l-.698.698a.5.5 0 0 1-.353.146H6.207a.5.5 0 0 1-.353-.146l-.698-.698a.497.497 0 0 0-.353-.146H3.5a.5.5 0 0 1-.5-.5V10.5a.5.5 0 0 1 .5-.5h1.293a.5.5 0 0 1 .353.146l.708.708a.5.5 0 0 0 .353.146h1.586a.5.5 0 0 0 .353-.146l.708-.708A.5.5 0 0 1 9.207 10H14.5a.5.5 0 0 1 .5.5zm2-5a.5.5 0 0 1-.5.5H9.197a.495.495 0 0 0-.353.146l-.698.698a.5.5 0 0 1-.353.146H6.207a.5.5 0 0 1-.353-.146l-.698-.698a.497.497 0 0 0-.353-.146H3.5a.5.5 0 0 1-.5-.5V5.5a.5.5 0 0 1 .5-.5h1.293a.5.5 0 0 1 .353.146l.708.708A.5.5 0 0 0 6.207 6h1.586a.5.5 0 0 0 .353-.146l.708-.708A.5.5 0 0 1 9.207 5H16.5a.5.5 0 0 1 .5.5Z"/></svg>
\ No newline at end of file
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36.15545" height="28.0604" viewBox="0,0,36.15545,28.0604"><g transform="translate(-221.61532,-165.9698)"><g fill="none" stroke="#855cd6" stroke-linecap="round" stroke-miterlimit="10"><path d="M232.90248,186.82527c0,0 -6.53518,-4.05427 -8.14551,-5.28329c-0.82289,-0.62803 -0.86209,-1.5914 -0.86209,-1.5914c0,0 0.59593,-0.83335 1.23338,-1.26068c1.53875,-1.03152 7.99858,-4.92811 7.99858,-4.92811" stroke-width="4.5"/><path d="M247.17678,174.32572c0,0 5.82322,4.08691 7.19461,5.16166c0.56812,0.44524 1.03325,1.28643 1.03325,1.28643c0,0 -0.18544,0.942 -1.09822,1.52275c-1.78626,1.13651 -8.89338,4.83443 -8.89338,4.83443" stroke-width="4.5"/><path d="M243.52581,167.9698l-7.05161,24.0604" stroke-width="4"/></g></g></svg><!--rotationCenter:18.384680335100228:14.030200000000008-->
\ No newline at end of file
diff --git a/src/containers/code-editor.jsx b/src/containers/code-editor.jsx
index 276d234cb..28f70a4ad 100644
--- a/src/containers/code-editor.jsx
+++ b/src/containers/code-editor.jsx
@@ -15,7 +15,7 @@ import {
     closeExtensionLibrary,
     openConnectionModal
 } from '../reducers/modals.js';
-
+ 
 class MonacoBlocks extends React.Component {
     constructor (props) {
         super(props);
diff --git a/src/lib/themes/global-styles.css b/src/lib/themes/global-styles.css
index 491cbaca0..490af3896 100644
--- a/src/lib/themes/global-styles.css
+++ b/src/lib/themes/global-styles.css
@@ -42,3 +42,4 @@ oblivion and back so just disabling all animations if they have that setting on
     --editorDarkMode-page: $ui-primary;
     --editorDarkMode-highlightText: $looks-secondary;
 }
+

From e139c5680b71819b3129fbecda903ce384421e20 Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Sun, 28 Dec 2025 20:45:31 -0500
Subject: [PATCH 6/9] docs: rant

---
 src/containers/sb3-downloader.jsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/containers/sb3-downloader.jsx b/src/containers/sb3-downloader.jsx
index b84e38519..6c24147e1 100644
--- a/src/containers/sb3-downloader.jsx
+++ b/src/containers/sb3-downloader.jsx
@@ -142,6 +142,18 @@ class SB3Downloader extends React.Component {
         await new Promise((resolve, reject) => {
             // Projects can be very large, so we'll utilize JSZip's stream API to avoid having the
             // entire sb3 in memory at the same time.
+
+            // ^^^ While this code is pretty good, this doesn't entirely prevent the GUI from freezing when a really large sb3 is downloading.
+            // In fact, this is a massive issue with scratch-gui in general, as everything is on the main thread and something as simple as  a nifty
+            // scratch-vm trick like that one clone script that creates thousands of clones before a single frame render, consequently crashing the GUI
+            // and even taking up all the RAM if you have the "Infinite Clones" option in TurboWarp/OmniBlocks.
+            // This means it will freeze everything permanently and lose progress.
+            // The solution is quite simple (in theory, easier said than done): Move a bunch of stuff to web workers. Including this script right here, which I will work on eventually.
+            // While I gotta cut the Scratch Team some slack for, y'know, being an underfunded non-profit, and also probably didn't expect people to make projects that were 1GB+ big
+            // (which is quite common now, lol), but web workers were were established by the time Scratch 3 was rushed out back in 2019.
+            
+            // Enough ranting, though.
+            // TODO: Move this downloading logic to a web worker.
             const jszipStream = this.props.saveProjectSb3Stream();
 
             const abortController = new AbortController();

From 44be3f31b018d9641d9c4eac25e04834c4af1559 Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Mon, 29 Dec 2025 09:22:45 -0500
Subject: [PATCH 7/9] feat:

Co-authored-by: 8to16 <8to16@users.noreply.github.com>
---
 package-lock.json                          | 41 +++++++++
 package.json                               |  1 +
 src/components/blocks/blocks.css           | 99 ++++++++++++++++++++++
 src/components/blocks/blocks.jsx           | 27 ++++++
 src/components/code-editor/code-editor.css |  8 +-
 src/components/code-editor/code-editor.jsx | 28 +-----
 src/components/gui/gui.jsx                 |  5 +-
 src/components/loader/loader.jsx           |  2 -
 src/containers/blocks.jsx                  |  4 +-
 src/containers/gui.jsx                     |  1 +
 src/lib/sb-file-uploader-hoc.jsx           | 10 ++-
 11 files changed, 187 insertions(+), 39 deletions(-)
 create mode 100644 src/components/blocks/blocks.css
 create mode 100644 src/components/blocks/blocks.jsx

diff --git a/package-lock.json b/package-lock.json
index 1d45799e6..78a093cba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,6 +52,7 @@
         "postcss-loader": "^3.0.0",
         "postcss-simple-vars": "^5.0.1",
         "prop-types": "^15.5.10",
+        "pyodide": "^0.29.0",
         "query-string": "^5.1.1",
         "raw-loader": "^0.5.1",
         "react": "^16.0.0",
@@ -3350,6 +3351,12 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/emscripten": {
+      "version": "1.41.5",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.41.5.tgz",
+      "integrity": "sha512-cMQm7pxu6BxtHyqJ7mQZ2kXWV5SLmugybFdHCBbJ5eHzOo6VhBckEgAT3//rP5FwPHNPeEiq4SmQ5ucBwsOo4Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/glob": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -17459,6 +17466,40 @@
       ],
       "license": "MIT"
     },
+    "node_modules/pyodide": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/pyodide/-/pyodide-0.29.0.tgz",
+      "integrity": "sha512-ObIvsTmcrxAWKg+FT1GjfSdDmQc5CabnYe/nn5BCuhr9BVVITeQ24DBdZuG5B2tIiAZ9YonBpnDB7cmHZyd2Rw==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@types/emscripten": "^1.41.4",
+        "ws": "^8.5.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/pyodide/node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/qs": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
diff --git a/package.json b/package.json
index f861d8510..ebc5dabcf 100644
--- a/package.json
+++ b/package.json
@@ -75,6 +75,7 @@
     "postcss-loader": "^3.0.0",
     "postcss-simple-vars": "^5.0.1",
     "prop-types": "^15.5.10",
+    "pyodide": "^0.29.0",
     "query-string": "^5.1.1",
     "raw-loader": "^0.5.1",
     "react": "^16.0.0",
diff --git a/src/components/blocks/blocks.css b/src/components/blocks/blocks.css
new file mode 100644
index 000000000..583f587f7
--- /dev/null
+++ b/src/components/blocks/blocks.css
@@ -0,0 +1,99 @@
+@import "../../css/units.css";
+@import "../../css/colors.css";
+@import "../../css/z-index.css";
+
+.blocks {
+    height: 100%;
+}
+
+.drag-over:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0.75;
+    background-color: $drop-highlight;
+    transition: all 0.25s ease;
+}
+
+.blocks :global(.injectionDiv){
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border: 1px solid $ui-black-transparent;
+    border-top-right-radius: $space;
+    border-bottom-right-radius: $space;
+}
+
+[dir="rtl"] .blocks :global(.injectionDiv) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-top-left-radius: $space;
+    border-bottom-left-radius: $space;
+}
+
+.blocks :global(.blocklyMainBackground) {
+    stroke: none;
+}
+
+.blocks :global(.blocklyToolboxDiv) {
+    border-right: 1px solid $ui-black-transparent;
+    border-bottom: 1px solid $ui-black-transparent;
+    box-sizing: content-box;
+    height: calc(100% - 3.25rem) !important;
+
+    /*
+        For now, the layout cannot support scrollbars in the category menu.
+        The line below works for Edge, the `::-webkit-scrollbar` line
+        below that is for webkit browsers. It isn't possible to do the
+        same for Firefox, so a different solution may be needed for them.
+    */
+    -ms-overflow-style: none;
+}
+
+[dir="rtl"] .blocks :global(.blocklyToolboxDiv) {
+    border-right: none;
+    border-left: 1px solid $ui-black-transparent;
+}
+
+.blocks :global(.blocklyToolboxDiv::-webkit-scrollbar) {
+    display: none;
+}
+
+.blocks :global(.blocklyFlyout) {
+    border-right: 1px solid $ui-black-transparent;
+    box-sizing: content-box;
+}
+
+[dir="rtl"] .blocks :global(.blocklyFlyout) {
+    border-right: none;
+    border-left: 1px solid $ui-black-transparent;
+}
+
+
+.blocks :global(.blocklyBlockDragSurface) {
+    /*
+        Fix an issue where the drag surface was preventing hover events for sharing blocks.
+        This does not prevent user interaction on the blocks themselves.
+    */
+    pointer-events: none;
+    z-index: $z-index-drag-layer; /* make blocks match gui drag layer */
+}
+
+/*
+    Shrink category font to fit "My Blocks" for now.
+    Probably will need different solutions for language support later, so
+    make the change here instead of in scratch-blocks.
+*/
+.blocks :global(.scratchCategoryMenuItemLabel) {
+    font-size: 0.65rem;
+}
+
+.blocks :global(.blocklyMinimalBody) {
+    min-width: auto;
+    min-height: auto;
+}
diff --git a/src/components/blocks/blocks.jsx b/src/components/blocks/blocks.jsx
new file mode 100644
index 000000000..a812b039f
--- /dev/null
+++ b/src/components/blocks/blocks.jsx
@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import React from 'react';
+import Box from '../box/box.jsx';
+import styles from './blocks.css';
+
+const BlocksComponent = props => {
+    const {
+        containerRef,
+        dragOver,
+        ...componentProps
+    } = props;
+    return (
+        <Box
+            className={classNames(styles.blocks, {
+                [styles.dragOver]: dragOver
+            })}
+            {...componentProps}
+            componentRef={containerRef}
+        />
+    );
+};
+BlocksComponent.propTypes = {
+    containerRef: PropTypes.func,
+    dragOver: PropTypes.bool
+};
+export default BlocksComponent;
diff --git a/src/components/code-editor/code-editor.css b/src/components/code-editor/code-editor.css
index e103ec510..a4ee5f165 100644
--- a/src/components/code-editor/code-editor.css
+++ b/src/components/code-editor/code-editor.css
@@ -74,10 +74,10 @@
     border-left: 1px solid $ui-black-transparent;
 }
 
-
 .blocks :global(.blocklyBlockDragSurface) {
     /*
-        Fix an issue where the drag surface was preventing hover events for sharing blocks.
+        Fix an issue where the drag surface was preventing hover events for
+        sharing blocks.
         This does not prevent user interaction on the blocks themselves.
     */
     pointer-events: none;
@@ -97,7 +97,3 @@
     min-width: auto;
     min-height: auto;
 }
-
-/* Global styles.css */
-
-
diff --git a/src/components/code-editor/code-editor.jsx b/src/components/code-editor/code-editor.jsx
index 24baa0aab..9f54bba74 100644
--- a/src/components/code-editor/code-editor.jsx
+++ b/src/components/code-editor/code-editor.jsx
@@ -1,27 +1 @@
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import React from 'react';
-import Box from '../box/box.jsx';
-import styles from './code-editor.css';
-
-const BlocksComponent = props => {
-    const {
-        containerRef,
-        dragOver,
-        ...componentProps
-    } = props;
-    return (
-        <Box
-            className={classNames(styles.blocks, {
-                [styles.dragOver]: dragOver
-            })}
-            {...componentProps}
-            componentRef={containerRef}
-        />
-    );
-};
-BlocksComponent.propTypes = {
-    containerRef: PropTypes.func,
-    dragOver: PropTypes.bool 
-};
-export default BlocksComponent;
+105,109,112,111,114,116,32,80,114,111,112,84,121,112,101,115,32,102,114,111,109,32,39,112,114,111,112,45,116,121,112,101,115,39,59,10,105,109,112,111,114,116,32,99,108,97,115,115,78,97,109,101,115,32,102,114,111,109,32,39,99,108,97,115,115,110,97,109,101,115,39,59,10,105,109,112,111,114,116,32,82,101,97,99,116,32,102,114,111,109,32,39,114,101,97,99,116,39,59,10,105,109,112,111,114,116,32,66,111,120,32,102,114,111,109,32,39,46,46,47,98,111,120,47,98,111,120,46,106,115,120,39,59,10,105,109,112,111,114,116,32,115,116,121,108,101,115,32,102,114,111,109,32,39,46,47,99,111,100,101,45,101,100,105,116,111,114,46,99,115,115,39,59,10,10,99,111,110,115,116,32,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,32,61,32,112,114,111,112,115,32,61,62,32,123,10,32,32,32,32,99,111,110,115,116,32,123,10,32,32,32,32,32,32,32,32,99,111,110,116,97,105,110,101,114,82,101,102,44,10,32,32,32,32,32,32,32,32,100,114,97,103,79,118,101,114,44,10,32,32,32,32,32,32,32,32,46,46,46,99,111,109,112,111,110,101,110,116,80,114,111,112,115,10,32,32,32,32,125,32,61,32,112,114,111,112,115,59,10,32,32,32,32,114,101,116,117,114,110,32,40,10,32,32,32,32,32,32,32,32,60,66,111,120,10,32,32,32,32,32,32,32,32,32,32,32,32,99,108,97,115,115,78,97,109,101,61,123,99,108,97,115,115,78,97,109,101,115,40,115,116,121,108,101,115,46,98,108,111,99,107,115,44,32,123,10,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,91,115,116,121,108,101,115,46,100,114,97,103,79,118,101,114,93,58,32,100,114,97,103,79,118,101,114,10,32,32,32,32,32,32,32,32,32,32,32,32,125,41,125,10,32,32,32,32,32,32,32,32,32,32,32,32,123,46,46,46,99,111,109,112,111,110,101,110,116,80,114,111,112,115,125,10,32,32,32,32,32,32,32,32,32,32,32,32,99,111,109,112,111,110,101,110,116,82,101,102,61,123,99,111,110,116,97,105,110,101,114,82,101,102,125,10,32,32,32,32,32,32,32,32,47,62,10,32,32,32,32,41,59,10,125,59,10,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,46,112,114,111,112,84,121,112,101,115,32,61,32,123,10,32,32,32,32,99,111,110,116,97,105,110,101,114,82,101,102,58,32,80,114,111,112,84,121,112,101,115,46,102,117,110,99,44,10,32,32,32,32,100,114,97,103,79,118,101,114,58,32,80,114,111,112,84,121,112,101,115,46,98,111,111,108,32,10,125,59,10,101,120,112,111,114,116,32,100,101,102,97,117,108,116,32,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,59,10
\ No newline at end of file
diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx
index 096659eb1..e16c52406 100644
--- a/src/components/gui/gui.jsx
+++ b/src/components/gui/gui.jsx
@@ -9,6 +9,7 @@ import {Tab, Tabs, TabList, TabPanel} from 'react-tabs';
 import tabStyles from 'react-tabs/style/react-tabs.css';
 import VM from 'scratch-vm';
 
+import BlockComponent from '../../containers/blocks.jsx';
 import CodeEditor from '../../containers/code-editor.jsx';
 import CostumeTab from '../../containers/costume-tab.jsx';
 import TargetPane from '../../containers/target-pane.jsx';
@@ -86,6 +87,7 @@ const GUIComponent = props => {
         blocksId,
         blocksTabVisible,
         cardsVisible,
+        codingStyle = "blocks",
         canChangeLanguage,
         canChangeTheme,
         canCreateNew,
@@ -163,6 +165,7 @@ const GUIComponent = props => {
         vm,
         ...componentProps
     } = omit(props, 'dispatch');
+    const Code_component = codingStyle === "blocks" ? BlockComponent : CodeEditor;
     if (children) {
         return <Box {...componentProps}>{children}</Box>;
     }
@@ -400,7 +403,7 @@ const GUIComponent = props => {
                                 </TabList>
                                 <TabPanel className={tabClassNames.tabPanel}>
                                     <Box className={styles.blocksWrapper}>
-                                        <CodeEditor
+                                        <Code_component
                                             key={`${blocksId}/${theme.id}`}
                                             canUseCloud={canUseCloud}
                                             grow={1}
diff --git a/src/components/loader/loader.jsx b/src/components/loader/loader.jsx
index 6255422e5..2c8fddbef 100644
--- a/src/components/loader/loader.jsx
+++ b/src/components/loader/loader.jsx
@@ -84,10 +84,8 @@ const funFacts = [
     "Did you know??? Boxy is a CLANKER.",
     'Preparing emojis...',
     'Herding cats...',
-    'Growing apples...',
     'Removing dangos...',
     'Modifying features...',
-    'Converting legacy lists...',
     'Reticulating splines...',
     'Constructing Boxys...',
     'Breathing air...',
diff --git a/src/containers/blocks.jsx b/src/containers/blocks.jsx
index dfdc2794a..5e5be0b1f 100644
--- a/src/containers/blocks.jsx
+++ b/src/containers/blocks.jsx
@@ -10,7 +10,7 @@ import VM from 'scratch-vm';
 
 import log from '../lib/log.js';
 import Prompt from './prompt.jsx';
-import CodeComponent from '../components/code-editor/code-editor.jsx';
+import BlockComponent from '../components/blocks/blocks.jsx';
 import ExtensionLibrary from './extension-library.jsx';
 import extensionData from '../lib/libraries/extensions/index.jsx';
 import CustomProcedures from './custom-procedures.jsx';
@@ -84,7 +84,7 @@ const addFunctionListener = (object, property, callback) => {
 
 const DroppableBlocks = DropAreaHOC([
     DragConstants.BACKPACK_CODE
-])(CodeComponent);
+])(BlockComponent);
 
 class Blocks extends React.Component {
     constructor (props) {
diff --git a/src/containers/gui.jsx b/src/containers/gui.jsx
index d20dd26dd..3cbfaa44d 100644
--- a/src/containers/gui.jsx
+++ b/src/containers/gui.jsx
@@ -97,6 +97,7 @@ class GUI extends React.Component {
             fetchingProject,
             isLoading,
             loadingStateVisible,
+            codingStyle = "blocks",
             ...componentProps
         } = this.props;
         return (
diff --git a/src/lib/sb-file-uploader-hoc.jsx b/src/lib/sb-file-uploader-hoc.jsx
index 2c54204c7..1d6625b52 100644
--- a/src/lib/sb-file-uploader-hoc.jsx
+++ b/src/lib/sb-file-uploader-hoc.jsx
@@ -86,7 +86,15 @@ const SBFileUploaderHOC = function (WrappedComponent) {
                                         // to disallow picking any items in Chrome 133 on Android.
                                         'application/octet-stream': ['.sb', '.sb2', '.sb3']
                                     }
-                                }
+                                },
+                                {
+                                    description: 'Python',
+                                    accept: {
+                                        // Using application/x.scratch.sb3 as done in scratch-vm causes file pickers
+                                        // to disallow picking any items in Chrome 133 on Android.
+                                        'application/octet-stream': ['.py']
+                                    }
+                                },
                             ]
                         });
                         const file = await handle.getFile();

From 236e223758c71ff77727cb7287ccdf350a525cbf Mon Sep 17 00:00:00 2001
From: supervoidcoder <voidcoder@outlook.com>
Date: Mon, 29 Dec 2025 12:50:37 -0500
Subject: [PATCH 8/9] stuff!

---
 package-lock.json                             | 714 ++++++++++--------
 package.json                                  |  10 +-
 src/components/gui/gui.jsx                    |   9 +-
 .../language-selector/language-selector.jsx   |   2 +-
 src/playground/python.jsx                     | 130 +++-
 src/playground/service-worker.js              |  12 +-
 src/python/stage.jsx                          |  48 ++
 webpack.config.js                             |  15 +-
 8 files changed, 581 insertions(+), 359 deletions(-)
 create mode 100644 src/python/stage.jsx

diff --git a/package-lock.json b/package-lock.json
index 78a093cba..1346e293e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,13 +13,15 @@
         "@ffmpeg/util": "^0.12.2",
         "@microbit/microbit-universal-hex": "0.2.2",
         "@monaco-editor/loader": "^1.3.2",
-        "@monaco-editor/react": "^4.4.6",
+        "@monaco-editor/react": "^4.5.0",
         "@turbowarp/jszip": "^3.11.1",
         "@turbowarp/nanolog": "^0.2.0",
         "@turbowarp/scratch-l10n": "^3.1001.0-202401241456-994097a5",
         "@turbowarp/scratch-storage": "^0.0.202505311821",
         "@turbowarp/scratch-svg-renderer": "github:OmniBlocks/omniblocks-svg-renderer#develop",
         "@turbowarp/startaudiocontext": "^1.0.0",
+        "@xterm/addon-fit": "^0.11.0",
+        "@xterm/xterm": "^6.0.0",
         "arraybuffer-loader": "^1.0.6",
         "autoprefixer": "^9.0.1",
         "balance-text": "3.3.1",
@@ -82,7 +84,10 @@
         "text-encoding": "0.7.0",
         "to-style": "1.3.3",
         "wav-encoder": "1.3.0",
-        "xhr": "2.5.0"
+        "xhr": "2.5.0",
+        "xterm": "^5.3.0",
+        "xterm-addon-fit": "^0.8.0",
+        "xterminal": "^2.1.13"
       },
       "devDependencies": {
         "@babel/cli": "^7.26.4",
@@ -96,6 +101,7 @@
         "babel-core": "7.0.0-bridge.0",
         "babel-eslint": "10.1.0",
         "babel-loader": "8.3.0",
+        "baseline-browser-mapping": "^2.9.11",
         "chromedriver": "117.0.3",
         "enzyme": "3.10.0",
         "enzyme-adapter-react-16": "1.15.7",
@@ -174,29 +180,29 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.4.tgz",
-      "integrity": "sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
-      "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.3",
+        "@babel/generator": "^7.28.5",
         "@babel/helper-compilation-targets": "^7.27.2",
         "@babel/helper-module-transforms": "^7.28.3",
         "@babel/helpers": "^7.28.4",
-        "@babel/parser": "^7.28.4",
+        "@babel/parser": "^7.28.5",
         "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.4",
-        "@babel/types": "^7.28.4",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
         "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
@@ -213,9 +219,9 @@
       }
     },
     "node_modules/@babel/eslint-parser": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.28.4.tgz",
-      "integrity": "sha512-Aa+yDiH87980jR6zvRfFuCR1+dLb00vBydhTL+zI992Rz/wQhSvuxjmOOuJOgO3XmakO6RykRGD2S1mq1AtgHA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.28.5.tgz",
+      "integrity": "sha512-fcdRcWahONYo+JRnJg1/AekOacGvKx12Gu0qXJXFi2WBqQA1i7+O5PaxRB7kxE/Op94dExnCiiar6T09pvdHpA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -233,13 +239,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
-      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.3",
-        "@babel/types": "^7.28.2",
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -278,18 +284,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz",
-      "integrity": "sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
         "@babel/helper-optimise-call-expression": "^7.27.1",
         "@babel/helper-replace-supers": "^7.27.1",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.28.3",
+        "@babel/traverse": "^7.28.5",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -300,14 +306,14 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz",
-      "integrity": "sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz",
+      "integrity": "sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "regexpu-core": "^6.2.0",
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "regexpu-core": "^6.3.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -360,14 +366,14 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
-      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz",
+      "integrity": "sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -485,9 +491,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -531,12 +537,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
-      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.4"
+        "@babel/types": "^7.28.5"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1171,9 +1177,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.4.tgz",
-      "integrity": "sha512-1yxmvN0MJHOhPVmAsmoW5liWwoILobu/d/ShymZmj867bAdxGbehIrew1DuLpw2Ukv+qDSSPQdYW1dLNE7t11A==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz",
+      "integrity": "sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1225,14 +1231,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz",
-      "integrity": "sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz",
+      "integrity": "sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.0"
+        "@babel/traverse": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1275,9 +1281,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz",
-      "integrity": "sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz",
+      "integrity": "sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1392,16 +1398,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz",
-      "integrity": "sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
+      "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-module-transforms": "^7.28.3",
         "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1478,9 +1484,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
-      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz",
+      "integrity": "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1907,17 +1913,17 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
-      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.3",
+        "@babel/generator": "^7.28.5",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.28.4",
+        "@babel/parser": "^7.28.5",
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.4",
+        "@babel/types": "^7.28.5",
         "debug": "^4.3.1"
       },
       "engines": {
@@ -1925,13 +1931,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
-      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1977,9 +1983,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2150,9 +2156,9 @@
       }
     },
     "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
+      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2978,25 +2984,21 @@
       }
     },
     "node_modules/@monaco-editor/loader": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.3.2.tgz",
-      "integrity": "sha512-BTDbpHl3e47r3AAtpfVFTlAi7WXv4UQ/xZmz8atKl4q7epQV5e7+JbigFDViWF71VBi4IIBdcWP57Hj+OWuc9g==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.7.0.tgz",
+      "integrity": "sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==",
       "license": "MIT",
       "dependencies": {
         "state-local": "^1.0.6"
-      },
-      "peerDependencies": {
-        "monaco-editor": ">= 0.21.0 < 1"
       }
     },
     "node_modules/@monaco-editor/react": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.4.6.tgz",
-      "integrity": "sha512-Gr3uz3LYf33wlFE3eRnta4RxP5FSNxiIV9ENn2D2/rN8KgGAD8ecvcITRtsbbyuOuNkwbuHYxfeaz2Vr+CtyFA==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.5.0.tgz",
+      "integrity": "sha512-VJMkp5Fe1+w8pLEq8tZPHZKu8zDXQIA1FtiDTSNccg1D3wg1YIZaH2es2Qpvop1k62g3c/YySRb3bnGXu2XwYQ==",
       "license": "MIT",
       "dependencies": {
-        "@monaco-editor/loader": "^1.3.2",
-        "prop-types": "^15.7.2"
+        "@monaco-editor/loader": "^1.3.3"
       },
       "peerDependencies": {
         "monaco-editor": ">= 0.25.0 < 1",
@@ -3068,9 +3070,9 @@
       }
     },
     "node_modules/@npmcli/fs/node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -3126,6 +3128,7 @@
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.57.0.tgz",
       "integrity": "sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "playwright": "1.57.0"
       },
@@ -3192,9 +3195,9 @@
       }
     },
     "node_modules/@transifex/api/node_modules/core-js": {
-      "version": "3.45.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.45.1.tgz",
-      "integrity": "sha512-L4NPsJlCfZsPeXukyzHFlg/i7IIVwHSItR0wg0FLNqYClJ4MQYTYLbC7EkjKYRLZF2iof2MUgN0EGy7MdQFChg==",
+      "version": "3.47.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.47.0.tgz",
+      "integrity": "sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==",
       "hasInstallScript": true,
       "license": "MIT",
       "funding": {
@@ -3242,12 +3245,12 @@
       }
     },
     "node_modules/@turbowarp/sb3fix": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/@turbowarp/sb3fix/-/sb3fix-0.3.7.tgz",
-      "integrity": "sha512-hJE/dVisUwjA9Ar08rlRVwfW6diq9IDAiVaMYkfZ8GkjuC9mJ/avMHRi1MXYxKIQ7zANLS+gCRCoNInVAIoETQ==",
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@turbowarp/sb3fix/-/sb3fix-0.4.0.tgz",
+      "integrity": "sha512-DC1u1B2nugkANEzQyioPFEYPYtZvr8NFvZkpYlxkoBOsn+LPJP1F486vNzvkGu2MAGTfWR0QmsBTRdanrppCrg==",
       "license": "MPL-2.0",
       "dependencies": {
-        "@turbowarp/jszip": "^3.11.1"
+        "@turbowarp/jszip": "^3.12.0"
       }
     },
     "node_modules/@turbowarp/scratch-l10n": {
@@ -3433,12 +3436,12 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "24.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.6.2.tgz",
-      "integrity": "sha512-d2L25Y4j+W3ZlNAeMKcy7yDsK425ibcAOO2t7aPTz6gNMH0z2GThtwENCDc0d/Pw9wgyRqE5Px1wkV7naz8ang==",
+      "version": "25.0.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.0.3.tgz",
+      "integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==",
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~7.13.0"
+        "undici-types": "~7.16.0"
       }
     },
     "node_modules/@types/node-hid": {
@@ -3542,9 +3545,9 @@
       }
     },
     "node_modules/@types/yargs": {
-      "version": "17.0.33",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
-      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
+      "version": "17.0.35",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz",
+      "integrity": "sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3823,6 +3826,21 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "node_modules/@xterm/addon-fit": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@xterm/addon-fit/-/addon-fit-0.11.0.tgz",
+      "integrity": "sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g==",
+      "license": "MIT"
+    },
+    "node_modules/@xterm/xterm": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-6.0.0.tgz",
+      "integrity": "sha512-TQwDdQGtwwDt+2cgKDLn0IRaSxYu1tSUjgKarSDkUM0ZNiSRXFpjxEsvc/Zgc5kq5omJ+V0a8/kIM2WD3sMOYg==",
+      "license": "MIT",
+      "workspaces": [
+        "addons/*"
+      ]
+    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -4555,9 +4573,9 @@
       "license": "MIT"
     },
     "node_modules/axios": {
-      "version": "1.12.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz",
-      "integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4987,9 +5005,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.8.12",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.12.tgz",
-      "integrity": "sha512-vAPMQdnyKCBtkmQA6FMCBvU9qFIppS3nzyXnEM+Lo2IAhG4Mpjv9cCxMudhgV3YdNNJv6TNqXy97dfRVL2LmaQ==",
+      "version": "2.9.11",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
+      "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.js"
@@ -5067,24 +5085,24 @@
       "license": "MIT"
     },
     "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "bytes": "3.1.2",
+        "bytes": "~3.1.2",
         "content-type": "~1.0.5",
         "debug": "2.6.9",
         "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.13.0",
-        "raw-body": "2.5.2",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
         "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
+        "unpipe": "~1.0.0"
       },
       "engines": {
         "node": ">= 0.8",
@@ -5122,13 +5140,13 @@
       "license": "MIT"
     },
     "node_modules/body-parser/node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">=0.6"
@@ -5295,9 +5313,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.26.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.3.tgz",
-      "integrity": "sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "funding": [
         {
           "type": "opencollective",
@@ -5314,11 +5332,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.8.9",
-        "caniuse-lite": "^1.0.30001746",
-        "electron-to-chromium": "^1.5.227",
-        "node-releases": "^2.0.21",
-        "update-browserslist-db": "^1.1.3"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -5678,9 +5696,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001748",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001748.tgz",
-      "integrity": "sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==",
+      "version": "1.0.30001761",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001761.tgz",
+      "integrity": "sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g==",
       "funding": [
         {
           "type": "opencollective",
@@ -6009,9 +6027,9 @@
       }
     },
     "node_modules/collect-v8-coverage": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
-      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
+      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
       "dev": true,
       "license": "MIT"
     },
@@ -6226,9 +6244,9 @@
       }
     },
     "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
       "dev": true,
       "license": "MIT"
     },
@@ -6339,13 +6357,13 @@
       "license": "MIT"
     },
     "node_modules/core-js-compat": {
-      "version": "3.45.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.45.1.tgz",
-      "integrity": "sha512-tqTt5T4PzsMIZ430XGviK4vzYSoeNJ6CXODi6c/voxOT6IZqBht5/EKaSNnYiEjjRYxjVz7DQIsOsY0XNi8PIA==",
+      "version": "3.47.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.47.0.tgz",
+      "integrity": "sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.25.3"
+        "browserslist": "^4.28.0"
       },
       "funding": {
         "type": "opencollective",
@@ -6409,9 +6427,9 @@
       }
     },
     "node_modules/cosmiconfig/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
+      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
       "license": "MIT",
       "dependencies": {
         "argparse": "^1.0.7",
@@ -7100,9 +7118,9 @@
       }
     },
     "node_modules/dedent": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.0.tgz",
-      "integrity": "sha512-HGFtf8yhuhGhqO07SV79tRp+br4MnbdjeVxotpn1QBl30pcLLCQjX5b2295ll0fv8RKDKsmWYrl05usHM9CewQ==",
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.7.1.tgz",
+      "integrity": "sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -7757,9 +7775,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.230",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.230.tgz",
-      "integrity": "sha512-A6A6Fd3+gMdaed9wX83CvHYJb4UuapPD5X5SLq72VZJzxHSY0/LUweGXRWmQlh2ln7KV7iw7jnwXK7dlPoOnHQ==",
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
       "license": "ISC"
     },
     "node_modules/elliptic": {
@@ -8003,9 +8021,9 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.24.0",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
-      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
+      "integrity": "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8097,27 +8115,27 @@
       }
     },
     "node_modules/es-iterator-helpers": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
-      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.2.tgz",
+      "integrity": "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
+        "call-bound": "^1.0.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.6",
+        "es-abstract": "^1.24.1",
         "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.0.3",
+        "es-set-tostringtag": "^2.1.0",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.6",
+        "get-intrinsic": "^1.3.0",
         "globalthis": "^1.0.4",
         "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
         "has-proto": "^1.2.0",
         "has-symbols": "^1.1.0",
         "internal-slot": "^1.1.0",
-        "iterator.prototype": "^1.1.4",
+        "iterator.prototype": "^1.1.5",
         "safe-array-concat": "^1.1.3"
       },
       "engines": {
@@ -9104,40 +9122,40 @@
       }
     },
     "node_modules/express": {
-      "version": "4.21.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
-      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
-        "content-disposition": "0.5.4",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.7.1",
-        "cookie-signature": "1.0.6",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
         "debug": "2.6.9",
         "depd": "2.0.0",
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
         "merge-descriptors": "1.0.3",
         "methods": "~1.1.2",
-        "on-finished": "2.4.1",
+        "on-finished": "~2.4.1",
         "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.12",
+        "path-to-regexp": "~0.1.12",
         "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
+        "qs": "~6.14.0",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
         "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
+        "statuses": "~2.0.1",
         "type-is": "~1.6.18",
         "utils-merge": "1.0.1",
         "vary": "~1.1.2"
@@ -9158,9 +9176,9 @@
       "license": "MIT"
     },
     "node_modules/express/node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9185,13 +9203,13 @@
       "license": "MIT"
     },
     "node_modules/express/node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">=0.6"
@@ -9420,9 +9438,9 @@
       "license": "MIT"
     },
     "node_modules/fastq": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -9580,18 +9598,18 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
+        "on-finished": "~2.4.1",
         "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
+        "statuses": "~2.0.2",
         "unpipe": "~1.0.0"
       },
       "engines": {
@@ -9954,9 +9972,9 @@
       }
     },
     "node_modules/form-data": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10114,10 +10132,11 @@
       "license": "ISC"
     },
     "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -11106,20 +11125,24 @@
       "license": "MIT"
     },
     "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
       },
       "engines": {
         "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/http-parser-js": {
@@ -12522,9 +12545,9 @@
       }
     },
     "node_modules/istanbul-lib-instrument/node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -12566,9 +12589,9 @@
       }
     },
     "node_modules/istanbul-lib-report/node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -14030,9 +14053,9 @@
       }
     },
     "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -14352,9 +14375,9 @@
       "license": "MIT"
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14649,9 +14672,9 @@
       "license": "MIT"
     },
     "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "version": "4.17.22",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.22.tgz",
+      "integrity": "sha512-XEawp1t0gxSi9x01glktRZ5HDy0HXqrM0x5pXQM98EaI0NxO6jVM7omDOxsuEo5UIASAnm2bRp1Jt/e0a2XU8Q==",
       "license": "MIT"
     },
     "node_modules/lodash._getnative": {
@@ -15090,9 +15113,10 @@
       }
     },
     "node_modules/min-document": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
-      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "version": "2.19.2",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.2.tgz",
+      "integrity": "sha512-8S5I8db/uZN8r9HSLFVWPdJCvYOejMcEC82VIzNUc6Zkklf/d1gg2psfE79/vyhWOj4+J8MtwmoOz3TmvaGu5A==",
+      "license": "MIT",
       "dependencies": {
         "dom-walk": "^0.1.0"
       }
@@ -15483,9 +15507,9 @@
       }
     },
     "node_modules/nan": {
-      "version": "2.23.0",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.23.0.tgz",
-      "integrity": "sha512-1UxuyYGdoQHcGg87Lkqm3FzefucTa0NAiOcuRsDmysep3c1LVCRK2krrUDafMWtjSG04htvAmvg96+SDknOmgQ==",
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.24.0.tgz",
+      "integrity": "sha512-Vpf9qnVW1RaDkoNKFUvfxqAbtI8ncb8OJlqZ9wwpXzWPEsvsB1nvdUi6oYrHIkQ1Y/tMDnr1h4nczS0VB9Xykg==",
       "license": "MIT",
       "optional": true
     },
@@ -15651,9 +15675,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.23",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.23.tgz",
-      "integrity": "sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
       "license": "MIT"
     },
     "node_modules/normalize-package-data": {
@@ -15922,22 +15946,22 @@
       }
     },
     "node_modules/object.getownpropertydescriptors": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz",
-      "integrity": "sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.9.tgz",
+      "integrity": "sha512-mt8YM6XwsTTovI+kdZdHSxoyF2DI59up034orlC9NfweclcWOt7CVascNNLp6U+bjFVCVCIh9PwS76tDM/rH8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "array.prototype.reduce": "^1.0.6",
-        "call-bind": "^1.0.7",
+        "array.prototype.reduce": "^1.0.8",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "gopd": "^1.0.1",
-        "safe-array-concat": "^1.1.2"
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "gopd": "^1.2.0",
+        "safe-array-concat": "^1.1.3"
       },
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -16684,6 +16708,7 @@
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.57.0.tgz",
       "integrity": "sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "playwright-core": "1.57.0"
       },
@@ -16702,6 +16727,7 @@
       "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.57.0.tgz",
       "integrity": "sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "bin": {
         "playwright-core": "cli.js"
       },
@@ -16709,6 +16735,21 @@
         "node": ">=18"
       }
     },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/portfinder": {
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.38.tgz",
@@ -17479,27 +17520,6 @@
         "node": ">=18.0.0"
       }
     },
-    "node_modules/pyodide/node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/qs": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
@@ -17633,16 +17653,16 @@
       }
     },
     "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
       },
       "engines": {
         "node": ">= 0.8"
@@ -18409,12 +18429,12 @@
       "license": "MIT"
     },
     "node_modules/resolve": {
-      "version": "1.22.10",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
-      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
       "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.16.0",
+        "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
@@ -18766,11 +18786,11 @@
       "license": "MIT"
     },
     "node_modules/sax": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
-      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
+      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0"
     },
     "node_modules/scheduler": {
       "version": "0.19.1",
@@ -18813,7 +18833,6 @@
     "node_modules/scratch-blocks": {
       "version": "0.1.0",
       "resolved": "git+ssh://git@github.com/OmniBlocks/scratch-blocks.git#d67d6cf2b7420aceeb4cb1ddbe809eda52737306",
-      "integrity": "sha512-eBqKlLtiTIUmIjIBpHJ2wMPOmVtvgCItbeMO8PDvPuJERolGMyVbG9eaJogRnG2Uzt3YQF1kO7unxIQeGPcDww==",
       "license": "GPL-3.0",
       "dependencies": {
         "exports-loader": "0.7.0",
@@ -18823,7 +18842,6 @@
     "node_modules/scratch-paint": {
       "version": "0.2.0",
       "resolved": "git+ssh://git@github.com/OmniBlocks/OmniBlocks-Paint.git#d425f9e94b406590332dc72519eac550c0a1df9f",
-      "integrity": "sha512-yqUPpDJ9DO/PmmgveBruPEydzDzGvL+a2mOw/LCW8hXMLW7AhB79ivsBcJIWi/+y+1MGG4fF9WLvKkOxZMMfWg==",
       "license": "GPL-3.0",
       "dependencies": {
         "@turbowarp/paper": "^0.12.202407262155",
@@ -18858,12 +18876,12 @@
     },
     "node_modules/scratch-parser": {
       "version": "0.0.0-development",
-      "resolved": "git+ssh://git@github.com/TurboWarp/scratch-parser.git#326b4bc5e8177073d57732b8b841bcd36c87f658",
+      "resolved": "git+ssh://git@github.com/TurboWarp/scratch-parser.git#5e21d953d58d92672956030b9f93402f11249c96",
       "license": "MPL-2.0",
       "dependencies": {
         "@turbowarp/json": "^0.1.1",
         "@turbowarp/jszip": "^3.11.0",
-        "@turbowarp/sb3fix": "^0.3.0",
+        "@turbowarp/sb3fix": "^0.4.0",
         "ajv": "6.3.0",
         "pify": "4.0.1"
       },
@@ -18950,8 +18968,7 @@
     },
     "node_modules/scratch-vm": {
       "version": "2.1.46",
-      "resolved": "git+ssh://git@github.com/OmniBlocks/scratch-vm.git#19f73aeb54838b6edaf3908bc2a05971dca0353d",
-      "integrity": "sha512-u0T2jluv67CJx2lJtUoP5LFFetngsvs97POsVwNCWSouj4e0eaqTNftK1/E21JV6V4azcWhTr5MZowsHWJ/r/Q==",
+      "resolved": "git+ssh://git@github.com/OmniBlocks/scratch-vm.git#fb00bb67df48639b44e72bef1571758b47b06cf3",
       "license": "MPL-2.0",
       "dependencies": {
         "@turbowarp/json": "^0.1.2",
@@ -19159,25 +19176,25 @@
       }
     },
     "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "depd": "2.0.0",
         "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
         "mime": "1.6.0",
         "ms": "2.1.3",
-        "on-finished": "2.4.1",
+        "on-finished": "~2.4.1",
         "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
+        "statuses": "~2.0.2"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -19200,16 +19217,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/serialize-javascript": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
@@ -19306,16 +19313,16 @@
       }
     },
     "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "parseurl": "~1.3.3",
-        "send": "0.19.0"
+        "send": "~0.19.1"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -20166,9 +20173,9 @@
       "license": "MIT"
     },
     "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -20751,9 +20758,9 @@
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/terser": {
-      "version": "5.44.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.0.tgz",
-      "integrity": "sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==",
+      "version": "5.44.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.1.tgz",
+      "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
       "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -21598,9 +21605,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "7.13.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.13.0.tgz",
-      "integrity": "sha512-Ov2Rr9Sx+fRgagJ5AX0qvItZG/JKKoBRAVITs1zk7IqZGTJUwgUr7qoYBpWwakpWilTZFM98rG/AFRocu10iIQ==",
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
       "license": "MIT"
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
@@ -21784,9 +21791,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "funding": [
         {
           "type": "opencollective",
@@ -22271,6 +22278,7 @@
       "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
       "deprecated": "Upgrade to fsevents v2 to mitigate potential security issues",
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -23273,6 +23281,7 @@
       "deprecated": "Upgrade to fsevents v2 to mitigate potential security issues",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -23622,6 +23631,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/ws": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/y18n": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
@@ -23958,6 +23977,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
       "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -24244,13 +24264,24 @@
       }
     },
     "node_modules/ws": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
-      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
-      "dev": true,
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
       "license": "MIT",
-      "dependencies": {
-        "async-limiter": "~1.0.0"
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
       }
     },
     "node_modules/xhr": {
@@ -24305,6 +24336,33 @@
         "node": ">=0.4"
       }
     },
+    "node_modules/xterm": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/xterm/-/xterm-5.3.0.tgz",
+      "integrity": "sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg==",
+      "deprecated": "This package is now deprecated. Move to @xterm/xterm instead.",
+      "license": "MIT"
+    },
+    "node_modules/xterm-addon-fit": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/xterm-addon-fit/-/xterm-addon-fit-0.8.0.tgz",
+      "integrity": "sha512-yj3Np7XlvxxhYF/EJ7p3KHaMt6OdwQ+HDu573Vx1lRXsVxOcnVJs51RgjZOouIZOczTsskaS+CpXspK81/DLqw==",
+      "deprecated": "This package is now deprecated. Move to @xterm/addon-fit instead.",
+      "license": "MIT",
+      "peerDependencies": {
+        "xterm": "^5.0.0"
+      }
+    },
+    "node_modules/xterminal": {
+      "version": "2.1.13",
+      "resolved": "https://registry.npmjs.org/xterminal/-/xterminal-2.1.13.tgz",
+      "integrity": "sha512-jAuGW5D/7mBUAjUBZ9MkXA/S1zvFK2CwdL7JdUiozljLe6s9duBDN0cZLXzk1TByUue7U/PQfIgqsSMQ9YA3Kg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=22",
+        "pnpm": ">=10"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index ebc5dabcf..f35d03030 100644
--- a/package.json
+++ b/package.json
@@ -36,13 +36,15 @@
     "@ffmpeg/util": "^0.12.2",
     "@microbit/microbit-universal-hex": "0.2.2",
     "@monaco-editor/loader": "^1.3.2",
-    "@monaco-editor/react": "^4.4.6",
+    "@monaco-editor/react": "^4.5.0",
     "@turbowarp/jszip": "^3.11.1",
     "@turbowarp/nanolog": "^0.2.0",
     "@turbowarp/scratch-l10n": "^3.1001.0-202401241456-994097a5",
     "@turbowarp/scratch-storage": "^0.0.202505311821",
     "@turbowarp/scratch-svg-renderer": "github:OmniBlocks/omniblocks-svg-renderer#develop",
     "@turbowarp/startaudiocontext": "^1.0.0",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
     "arraybuffer-loader": "^1.0.6",
     "autoprefixer": "^9.0.1",
     "balance-text": "3.3.1",
@@ -105,7 +107,10 @@
     "text-encoding": "0.7.0",
     "to-style": "1.3.3",
     "wav-encoder": "1.3.0",
-    "xhr": "2.5.0"
+    "xhr": "2.5.0",
+    "xterm": "^5.3.0",
+    "xterm-addon-fit": "^0.8.0",
+    "xterminal": "^2.1.13"
   },
   "peerDependencies": {
     "react": "^16.0.0",
@@ -123,6 +128,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.1.0",
     "babel-loader": "8.3.0",
+    "baseline-browser-mapping": "^2.9.11",
     "chromedriver": "117.0.3",
     "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.15.7",
diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx
index e16c52406..ed458a60e 100644
--- a/src/components/gui/gui.jsx
+++ b/src/components/gui/gui.jsx
@@ -8,7 +8,8 @@ import MediaQuery from 'react-responsive';
 import {Tab, Tabs, TabList, TabPanel} from 'react-tabs';
 import tabStyles from 'react-tabs/style/react-tabs.css';
 import VM from 'scratch-vm';
-
+// nanoscript will ebe added tomorrow trust me  
+//67
 import BlockComponent from '../../containers/blocks.jsx';
 import CodeEditor from '../../containers/code-editor.jsx';
 import CostumeTab from '../../containers/costume-tab.jsx';
@@ -165,7 +166,8 @@ const GUIComponent = props => {
         vm,
         ...componentProps
     } = omit(props, 'dispatch');
-    const Code_component = codingStyle === "blocks" ? BlockComponent : CodeEditor;
+    const Blocks = codingStyle === "blocks" ? BlockComponent : CodeEditor;
+    console.log(codingStyle);
     if (children) {
         return <Box {...componentProps}>{children}</Box>;
     }
@@ -403,7 +405,7 @@ const GUIComponent = props => {
                                 </TabList>
                                 <TabPanel className={tabClassNames.tabPanel}>
                                     <Box className={styles.blocksWrapper}>
-                                        <Code_component
+                                        <Blocks
                                             key={`${blocksId}/${theme.id}`}
                                             canUseCloud={canUseCloud}
                                             grow={1}
@@ -573,6 +575,7 @@ GUIComponent.defaultProps = {
     canManageFiles: true,
     canRemix: false,
     canSave: false,
+    codingStyle: 'blocks',
     canCreateCopy: false,
     canShare: false,
     canUseCloud: false,
diff --git a/src/components/language-selector/language-selector.jsx b/src/components/language-selector/language-selector.jsx
index 312ae8123..5d9f52e1f 100644
--- a/src/components/language-selector/language-selector.jsx
+++ b/src/components/language-selector/language-selector.jsx
@@ -31,7 +31,7 @@ const LanguageSelector = ({currentLocale, label, onChange}) => (
 
 LanguageSelector.propTypes = {
     currentLocale: PropTypes.string,
-    label: PropTypes.string,
+    label: PropTypes.string,       
     onChange: PropTypes.func
 };
 
diff --git a/src/playground/python.jsx b/src/playground/python.jsx
index 517707c2a..2ecd6eba1 100644
--- a/src/playground/python.jsx
+++ b/src/playground/python.jsx
@@ -1,20 +1,130 @@
-import React from 'react';
+import React, { useEffect, useRef, useState } from "react";
 import pyodideURL from "pyodide/pyodide.js?pyodide";
-import render from './app-target.js';
+import render from "./app-target.js";
+import { XTerminal } from "xterminal";
 
-const Python = () => {
+const PythonIDE = () => {
+  const [pyodide, setPyodide] = useState(null);
+  const [code, setCode] = useState('print("Hello World!")');
+  const terminalRef = useRef(null);
+
+  // Load Pyodide
+  useEffect(() => {
     const script = document.createElement("script");
     script.src = pyodideURL;
+
     script.onload = async () => {
-    const pyodide = await loadPyodide({
+      const py = await loadPyodide({
         indexURL: pyodideURL.replace(/pyodide\.js$/, "")
-    });
+      });
+
+      setPyodide(py);
+
+      await py.runPythonAsync(`
+import sys
+class JsOutput:
+    def write(self, s):
+        if s.strip():
+            js_append_output(s)
+    def flush(self):
+        pass
+
+sys.stdout = JsOutput()
+sys.stderr = JsOutput()
+      `);
+
+      window.js_append_output = (s) => {
+        terminalRef.current?.writeln(s);
+      };
     };
+
     document.head.appendChild(script);
-    const [code, setCode] = React.useState('print("Hello World!")');
+  }, []);
+
+  const runCode = async () => {
+    if (!pyodide || !terminalRef.current) return;
+
+    terminalRef.current.clear();
+
+    try {
+      await pyodide.runPythonAsync(code);
+    } catch (err) {
+      terminalRef.current.writeln(err.toString());
+    }
+  };
+
+  if (!pyodide) {
     return (
-        <textarea onChange={e => setCode(e.target.value)} />
-    )
-}
+      <div
+        style={{
+          height: "100vh",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column",
+          fontFamily: "sans-serif"
+        }}
+      >
+        <div>Loading Python runtime…</div>
+        <div style={{ fontSize: 14, color: "#666" }}>
+          Pyodide is stretching its legs.
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ height: "100vh", display: "flex", flexDirection: "column" }}>
+      {/* Text editor */}
+      <div style={{ flex: 1 }}>
+        <textarea
+          value={code}
+          onChange={(e) => setCode(e.target.value)}
+          spellCheck={false}
+          style={{
+            width: "100%",
+            height: "100%",
+            resize: "none",
+            fontFamily: "monospace",
+            fontSize: 14,
+            padding: 10,
+            border: "none",
+            outline: "none",
+            background: "#1e1e1e",
+            color: "#d4d4d4"
+          }}
+        />
+      </div>
+
+      {/* Run bar */}
+      <div
+        style={{
+          padding: 6,
+          background: "#2a2a2a",
+          borderTop: "2px solid #333",
+          display: "flex",
+          justifyContent: "flex-end"
+        }}
+      >
+        <button onClick={runCode}>Run</button>
+      </div>
+
+      {/* Terminal */}
+      <div style={{ flex: 1 }}>
+        <XTerminal
+          ref={terminalRef}
+          options={{
+            theme: {
+              background: "#1e1e1e",
+              foreground: "#d4d4d4"
+            },
+            cursorBlink: true,
+            fontSize: 14
+          }}
+        />
+      </div>
+    </div>
+  );
+};
 
-render(<Python />);
\ No newline at end of file
+render(<PythonIDE />);
diff --git a/src/playground/service-worker.js b/src/playground/service-worker.js
index 3522e4ba9..fc99f1687 100644
--- a/src/playground/service-worker.js
+++ b/src/playground/service-worker.js
@@ -1,7 +1,6 @@
-// Service Worker for OmniBlocks - Full Offline PWA Support
 const CACHE_NAME = 'omniblocks-v1';
 // bump to clear old entries with bad paths
-const STATIC_CACHE = 'omniblocks-static-v4';
+const STATIC_CACHE = 'omniblocks-static-v5';
 const DYNAMIC_CACHE = 'omniblocks-dynamic-v2';
 
 // --- URL helpers: make all paths scope-relative so GH Pages subpaths work ---
@@ -39,7 +38,14 @@ const STATIC_ASSETS = mapURLs([
     'static/player/samples.js', 'static/player/samples2.js', 'static/player/samples3.js',
     'static/player/wario_samples.js', 'static/player/nintaribox_samples.js',
     'static/player/kirby_samples.js', 'static/player/drumsamples.js',
-    'static/player/mario_paintbox_samples.js'
+    'static/player/mario_paintbox_samples.js',
+    'static/pyodide/pyodide.js',
+    'static/pyodide/pyodide.wasm',
+    'static/pyodide/packages.json',
+    'static/pyodide/python_stdlib.zip'
+
+
+
 ]);
 
 // canonical song editor URL for aliasing navigations
diff --git a/src/python/stage.jsx b/src/python/stage.jsx
new file mode 100644
index 000000000..6af29dcd2
--- /dev/null
+++ b/src/python/stage.jsx
@@ -0,0 +1,48 @@
+import React, { useEffect, useRef } from "react";
+import { Terminal } from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
+import "@xterm/xterm/css/xterm.css";
+
+const XTerm = ({ output }) => {
+  const terminalRef = useRef(null);
+  const xtermRef = useRef(null);
+  const fitAddonRef = useRef(null);
+
+  useEffect(() => {
+    if (!terminalRef.current) return;
+
+    // Initialize terminal and fit addon
+    xtermRef.current = new Terminal({
+      cols: 80,
+      rows: 24,
+      cursorBlink: true,
+    });
+
+    fitAddonRef.current = new FitAddon();
+    xtermRef.current.loadAddon(fitAddonRef.current);
+
+    xtermRef.current.open(terminalRef.current);
+    fitAddonRef.current.fit(); // fit on initial mount
+    xtermRef.current.clear();
+
+    // Fit on window resize
+    const handleResize = () => fitAddonRef.current.fit();
+    window.addEventListener("resize", handleResize);
+
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      xtermRef.current.dispose();
+    };
+  }, []);
+
+  // Write to terminal when output changes
+  useEffect(() => {
+    if (!xtermRef.current || !output) return;
+    xtermRef.current.writeln(output);
+    fitAddonRef.current.fit(); // optional: fit after writing
+  }, [output]);
+
+  return <div ref={terminalRef} style={{ width: "100%", height: "100%" }} />;
+};
+
+export default XTerm;
diff --git a/webpack.config.js b/webpack.config.js
index 49a814592..b327710a2 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -71,20 +71,11 @@ const base = {
     module: {
         rules: [
             {
-                test: /\.mjs$/,
-                include: /node_modules/,
-                type: 'javascript/auto'
-            },
-            {
-                test: /\.jsx?$/,
+                test: /\.m?jsx?$/,
                 loader: 'babel-loader',
                 include: [
                     path.resolve(__dirname, 'src'),
-                    /node_modules[\\/]scratch-[^\\/]+[\\/]src/,
-                    /node_modules[\\/]pify/,
-                    /node_modules[\\/]@vernier[\\/]godirect/,
-                    /node_modules[\\/]@monaco-editor[\\/]react/,
-                    /node_modules[\\/]@monaco-editor[\\/]loader/
+                    /node_modules[\\/]scratch-[^\\/]+[\\/]src/
                 ],
                 options: {
                     babelrc: false,
@@ -123,7 +114,7 @@ const base = {
             }]
         },
         {
-            test: /pyodide\.js$/,
+            resourceQuery: /pyodide/,
             loader: "file-loader",
             options: {
                 name: "static/pyodide/[name].[ext]"

From 41b38c94f237e5226c2ca8ec880cd8070448c97c Mon Sep 17 00:00:00 2001
From: 8to16 <197376797+8to16@users.noreply.github.com>
Date: Wed, 21 Jan 2026 15:54:31 +0000
Subject: [PATCH 9/9] repaired file

---
 src/components/code-editor/code-editor.jsx | 28 +++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/components/code-editor/code-editor.jsx b/src/components/code-editor/code-editor.jsx
index 9f54bba74..24baa0aab 100644
--- a/src/components/code-editor/code-editor.jsx
+++ b/src/components/code-editor/code-editor.jsx
@@ -1 +1,27 @@
-105,109,112,111,114,116,32,80,114,111,112,84,121,112,101,115,32,102,114,111,109,32,39,112,114,111,112,45,116,121,112,101,115,39,59,10,105,109,112,111,114,116,32,99,108,97,115,115,78,97,109,101,115,32,102,114,111,109,32,39,99,108,97,115,115,110,97,109,101,115,39,59,10,105,109,112,111,114,116,32,82,101,97,99,116,32,102,114,111,109,32,39,114,101,97,99,116,39,59,10,105,109,112,111,114,116,32,66,111,120,32,102,114,111,109,32,39,46,46,47,98,111,120,47,98,111,120,46,106,115,120,39,59,10,105,109,112,111,114,116,32,115,116,121,108,101,115,32,102,114,111,109,32,39,46,47,99,111,100,101,45,101,100,105,116,111,114,46,99,115,115,39,59,10,10,99,111,110,115,116,32,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,32,61,32,112,114,111,112,115,32,61,62,32,123,10,32,32,32,32,99,111,110,115,116,32,123,10,32,32,32,32,32,32,32,32,99,111,110,116,97,105,110,101,114,82,101,102,44,10,32,32,32,32,32,32,32,32,100,114,97,103,79,118,101,114,44,10,32,32,32,32,32,32,32,32,46,46,46,99,111,109,112,111,110,101,110,116,80,114,111,112,115,10,32,32,32,32,125,32,61,32,112,114,111,112,115,59,10,32,32,32,32,114,101,116,117,114,110,32,40,10,32,32,32,32,32,32,32,32,60,66,111,120,10,32,32,32,32,32,32,32,32,32,32,32,32,99,108,97,115,115,78,97,109,101,61,123,99,108,97,115,115,78,97,109,101,115,40,115,116,121,108,101,115,46,98,108,111,99,107,115,44,32,123,10,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,91,115,116,121,108,101,115,46,100,114,97,103,79,118,101,114,93,58,32,100,114,97,103,79,118,101,114,10,32,32,32,32,32,32,32,32,32,32,32,32,125,41,125,10,32,32,32,32,32,32,32,32,32,32,32,32,123,46,46,46,99,111,109,112,111,110,101,110,116,80,114,111,112,115,125,10,32,32,32,32,32,32,32,32,32,32,32,32,99,111,109,112,111,110,101,110,116,82,101,102,61,123,99,111,110,116,97,105,110,101,114,82,101,102,125,10,32,32,32,32,32,32,32,32,47,62,10,32,32,32,32,41,59,10,125,59,10,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,46,112,114,111,112,84,121,112,101,115,32,61,32,123,10,32,32,32,32,99,111,110,116,97,105,110,101,114,82,101,102,58,32,80,114,111,112,84,121,112,101,115,46,102,117,110,99,44,10,32,32,32,32,100,114,97,103,79,118,101,114,58,32,80,114,111,112,84,121,112,101,115,46,98,111,111,108,32,10,125,59,10,101,120,112,111,114,116,32,100,101,102,97,117,108,116,32,66,108,111,99,107,115,67,111,109,112,111,110,101,110,116,59,10
\ No newline at end of file
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import React from 'react';
+import Box from '../box/box.jsx';
+import styles from './code-editor.css';
+
+const BlocksComponent = props => {
+    const {
+        containerRef,
+        dragOver,
+        ...componentProps
+    } = props;
+    return (
+        <Box
+            className={classNames(styles.blocks, {
+                [styles.dragOver]: dragOver
+            })}
+            {...componentProps}
+            componentRef={containerRef}
+        />
+    );
+};
+BlocksComponent.propTypes = {
+    containerRef: PropTypes.func,
+    dragOver: PropTypes.bool 
+};
+export default BlocksComponent;