gwchq-textjam 0.2.28 → 0.2.30

package/dist/index.js

@@ -68191,7 +68191,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 39644:
+/***/ 33037:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -68202,6 +68202,7 @@ __webpack_require__.d(__webpack_exports__, {
   enigmaWhlUrl: () => (/* reexport */ py_enigma_0_1_py3_none_anyurl_namespaceObject),
   p5WhlUrl: () => (/* reexport */ p5_0_0_1_py3_none_anyurl_namespaceObject),
   pygalUrl: () => (/* reexport */ pygalurl_namespaceObject),
+  pyodideStdinSwUrl: () => (/* reexport */ pyodide_stdin_swurl_namespaceObject),
   turtleWhlUrl: () => (/* reexport */ turtle_0_0_1_py3_none_anyurl_namespaceObject)
 });
 
@@ -68213,6 +68214,8 @@ const turtle_0_0_1_py3_none_anyurl_namespaceObject = __webpack_require__.p + "as
 const p5_0_0_1_py3_none_anyurl_namespaceObject = __webpack_require__.p + "assets/p5-0.0.1-py3-none-any94083ec22b4dfbbd6318.whl";
 ;// ./src/assets/editor/pyodide/packages/py_enigma-0.1-py3-none-any.whl?url
 const py_enigma_0_1_py3_none_anyurl_namespaceObject = __webpack_require__.p + "assets/py_enigma-0.1-py3-none-any77b539746537424950f6.whl";
+;// ./src/assets/editor/pyodide/pyodide-stdin-sw.js?url
+const pyodide_stdin_swurl_namespaceObject = __webpack_require__.p + "assets/pyodide-stdin-sw.js";
 ;// ./src/assets/editor/index.js
 // These ?url imports MUST be treated as asset/resource by webpack
 
@@ -68221,9 +68224,10 @@ const py_enigma_0_1_py3_none_anyurl_namespaceObject = __webpack_require__.p + "a
 
 
 
+
 /***/ }),
 
-/***/ 60232:
+/***/ 79428:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -68337,7 +68341,7 @@ var Button = props => {
 
 /***/ }),
 
-/***/ 11086:
+/***/ 74215:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -68351,7 +68355,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
 /* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39243);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
-/* harmony import */ var _assets_stylesheets_DraggableTabs_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1098);
+/* harmony import */ var _assets_stylesheets_DraggableTabs_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44221);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74848);
 
 
@@ -68419,7 +68423,7 @@ DraggableTab.tabsRole = "Tab";
 
 /***/ }),
 
-/***/ 19446:
+/***/ 48339:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -68431,7 +68435,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98850);
 /* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39243);
-/* harmony import */ var _assets_stylesheets_DraggableTabs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1098);
+/* harmony import */ var _assets_stylesheets_DraggableTabs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44221);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74848);
 
 
@@ -68472,7 +68476,7 @@ DroppableTabList.tabsRole = "TabList";
 
 /***/ }),
 
-/***/ 1777:
+/***/ 82467:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -101798,7 +101802,7 @@ var editorLightTheme = EditorView.theme({
   dark: false
 });
 // EXTERNAL MODULE: ./src/utils/settings.js
-var utils_settings = __webpack_require__(3798);
+var utils_settings = __webpack_require__(62161);
 // EXTERNAL MODULE: ./src/redux/stores/index.ts
 var stores = __webpack_require__(32132);
 // EXTERNAL MODULE: ./src/components/AssetPreview/index.tsx
@@ -101960,7 +101964,7 @@ var EditorPanel = _ref => {
 
 /***/ }),
 
-/***/ 69118:
+/***/ 26665:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -101993,7 +101997,7 @@ var Sidebar_default = /*#__PURE__*/__webpack_require__.n(Sidebar);
 var EditorInput = __webpack_require__(99692);
 var EditorInput_default = /*#__PURE__*/__webpack_require__.n(EditorInput);
 // EXTERNAL MODULE: ./src/utils/ResizableWithHandle.js + 3 modules
-var ResizableWithHandle = __webpack_require__(95488);
+var ResizableWithHandle = __webpack_require__(51535);
 ;// ./src/utils/containerQueries.js
 var projContainer = {
   "width-larger-than-720": {
@@ -102085,7 +102089,7 @@ var Project = props => {
 
 /***/ }),
 
-/***/ 23363:
+/***/ 46590:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -102125,7 +102129,7 @@ var ExternalFiles = () => {
 
 /***/ }),
 
-/***/ 19190:
+/***/ 83617:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -102133,13 +102137,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var _utils_ResizableWithHandle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95488);
+/* harmony import */ var _utils_ResizableWithHandle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51535);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46942);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils_mediaQueryBreakpoints__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81923);
+/* harmony import */ var _utils_mediaQueryBreakpoints__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(22554);
 /* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17988);
 /* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_responsive__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50239);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21852);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74848);
 
 
@@ -102197,7 +102201,7 @@ var SidebarPanel = props => {
 
 /***/ }),
 
-/***/ 94738:
+/***/ 97933:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -102207,9 +102211,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20312);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60232);
-/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41809);
-/* harmony import */ var _utils_CloseIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66298);
+/* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(79428);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27924);
+/* harmony import */ var _utils_CloseIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61193);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74848);
 
 
@@ -102285,7 +102289,7 @@ var BaseModal = _ref => {
 
 /***/ }),
 
-/***/ 94778:
+/***/ 56724:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102299,9 +102303,9 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./src/assets/icons/alertTriangle.svg
@@ -102316,7 +102320,7 @@ var stores = __webpack_require__(32132);
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--Xo0FC","body":"styles-module__body--t9rtp","buttonsContainer":"styles-module__buttonsContainer--JGhSm","headerText":"styles-module__headerText--pmvJm","headerIcon":"styles-module__headerIcon--3TJZO","description":"styles-module__description--uzzI+"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
 var jsx_runtime = __webpack_require__(74848);
 ;// ./src/components/Modals/DraftUnsavedChangesModal/DraftUnsavedChangesModal.js
@@ -102381,7 +102385,7 @@ var DraftUnsavedChangesModal = () => {
 
 /***/ }),
 
-/***/ 95049:
+/***/ 15382:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102402,7 +102406,7 @@ var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./node_modules/react-i18next/dist/es/index.js + 17 modules
 var es = __webpack_require__(56576);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 ;// ./src/assets/stylesheets/Modal.scss
@@ -102476,7 +102480,7 @@ var ErrorModal = _ref => {
 
 /***/ }),
 
-/***/ 45829:
+/***/ 14472:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102491,7 +102495,7 @@ __webpack_require__.d(__webpack_exports__, {
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--5mqMd","body":"styles-module__body--FT2ak","buttonsContainer":"styles-module__buttonsContainer--LsIFl","headerText":"styles-module__headerText--7Ob34","headerIcon":"styles-module__headerIcon--u9yrl","description":"styles-module__description--IvKuo"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -102499,9 +102503,9 @@ var types = __webpack_require__(92932);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./src/assets/icons/remix.svg
@@ -102567,7 +102571,7 @@ var RemixProjectModal = () => {
 
 /***/ }),
 
-/***/ 3985:
+/***/ 15406:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102584,7 +102588,7 @@ var external_react_ = __webpack_require__(51649);
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--uVl64","headerContainer":"styles-module__headerContainer--FPLYl","headerIcon":"styles-module__headerIcon--VUrhy","headerText":"styles-module__headerText--F+NA0","containerBox":"styles-module__containerBox--Dezow","buttonsContainer":"styles-module__buttonsContainer--pnT1Q"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -102592,7 +102596,7 @@ var types = __webpack_require__(92932);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 ;// ./src/assets/icons/remove.svg
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -102610,7 +102614,7 @@ function SvgRemove(props) {
 }
 /* harmony default export */ const remove = (SvgRemove);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./src/redux/stores/index.ts
@@ -102681,7 +102685,7 @@ var RemoveItemModal = () => {
 
 /***/ }),
 
-/***/ 66536:
+/***/ 23765:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102698,7 +102702,7 @@ var external_react_ = __webpack_require__(51649);
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--UhJMG","modalContentHeader":"styles-module__modalContentHeader--YPWsb","headerText":"styles-module__headerText--89Clx","containerBox":"styles-module__containerBox--WUoyb","messageContainer":"styles-module__messageContainer--WzXV7","messageIcon":"styles-module__messageIcon--a6yn-","messageContent":"styles-module__messageContent--CYn9o","buttonsContainer":"styles-module__buttonsContainer--1toXb"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -102706,13 +102710,13 @@ var types = __webpack_require__(92932);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 // EXTERNAL MODULE: ./src/assets/icons/alert.svg
 var icons_alert = __webpack_require__(11367);
 // EXTERNAL MODULE: ./src/assets/icons/flag.svg
 var flag = __webpack_require__(91953);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/assets/icons/close.svg
 var icons_close = __webpack_require__(80181);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
@@ -102785,7 +102789,7 @@ var SaveProjectReminderModal = () => {
 
 /***/ }),
 
-/***/ 58052:
+/***/ 38876:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102802,7 +102806,7 @@ var external_react_ = __webpack_require__(51649);
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--khecF","headerIcon":"styles-module__headerIcon--fnE18","headerText":"styles-module__headerText--ua6h6","copyButton":"styles-module__copyButton--jEsq1","tabContainer":"styles-module__tabContainer--Xb4IP","tabButton":"styles-module__tabButton--4BrBv","tabButtonActive":"styles-module__tabButtonActive--CdxX8","containerBox":"styles-module__containerBox--rwoTV","linkContainer":"styles-module__linkContainer--XPt-Q","linkText":"styles-module__linkText--3vzcO"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -102810,13 +102814,13 @@ var types = __webpack_require__(92932);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 // EXTERNAL MODULE: ./src/assets/icons/link.svg
 var icons_link = __webpack_require__(19351);
 // EXTERNAL MODULE: ./src/assets/icons/close.svg
 var icons_close = __webpack_require__(80181);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./src/assets/icons/flag.svg
@@ -102923,7 +102927,7 @@ var ShareProjectModal = () => {
 
 /***/ }),
 
-/***/ 16893:
+/***/ 66156:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -102940,7 +102944,7 @@ var external_react_ = __webpack_require__(51649);
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--pEmxZ","headerIcon":"styles-module__headerIcon--mzjrS","headerText":"styles-module__headerText--pt2r0","containerBox":"styles-module__containerBox--r5zsA","buttonsContainer":"styles-module__buttonsContainer--I3Coy"});
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(41809);
+var BaseModal_styles_module = __webpack_require__(27924);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -102948,11 +102952,11 @@ var types = __webpack_require__(92932);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(94738);
+var BaseModal = __webpack_require__(97933);
 // EXTERNAL MODULE: ./src/assets/icons/alertTriangle.svg
 var alertTriangle = __webpack_require__(30103);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
@@ -103004,7 +103008,7 @@ var UploadSizeLimitModal = () => {
 
 /***/ }),
 
-/***/ 23559:
+/***/ 73658:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -103017,7 +103021,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46942);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32026);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29881);
 /* harmony import */ var _hooks_useHover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(78556);
 /* harmony import */ var components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26982);
 /* harmony import */ var components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8__);
@@ -103156,7 +103160,7 @@ var ProjectName = _ref => {
 
 /***/ }),
 
-/***/ 78176:
+/***/ 57715:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -103164,8 +103168,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var _RunnerControls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15590);
-/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26413);
+/* harmony import */ var _RunnerControls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80263);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67534);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74848);
 
 
@@ -103186,7 +103190,7 @@ var RunBar = _ref => {
 
 /***/ }),
 
-/***/ 15590:
+/***/ 80263:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -103204,7 +103208,7 @@ var objectSpread2 = __webpack_require__(89379);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
 var objectWithoutProperties = __webpack_require__(53986);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
@@ -103244,7 +103248,7 @@ var RunButton = _ref => {
 var classnames = __webpack_require__(46942);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 // EXTERNAL MODULE: ./src/components/RunButton/styles.module.scss
-var styles_module = __webpack_require__(26413);
+var styles_module = __webpack_require__(67534);
 // EXTERNAL MODULE: ./src/components/SpinnerDotted/SpinnerDotted.tsx
 var SpinnerDotted = __webpack_require__(79458);
 ;// ./src/components/RunButton/StopButton.jsx
@@ -103371,7 +103375,7 @@ var RunnerControls = () => {
 
 /***/ }),
 
-/***/ 50468:
+/***/ 88814:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -103418,7 +103422,7 @@ var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/assets/icons/save.svg
 var save = __webpack_require__(48060);
 // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(60232);
+var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
 var EditorSlice = __webpack_require__(68512);
 // EXTERNAL MODULE: ./src/redux/types.ts
@@ -103502,7 +103506,7 @@ var SaveButton = props => {
 
 /***/ }),
 
-/***/ 30272:
+/***/ 53841:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -103539,7 +103543,7 @@ var themeUpdatedEvent = detail => webComponentCustomEvent("editor-themeUpdated",
 
 /***/ }),
 
-/***/ 72788:
+/***/ 41527:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -106200,7 +106204,7 @@ instance.use(es.initReactI18next)
 
 /***/ }),
 
-/***/ 66298:
+/***/ 61193:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -106235,7 +106239,7 @@ var CloseIcon = props => {
 
 /***/ }),
 
-/***/ 98748:
+/***/ 29441:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -106254,7 +106258,7 @@ var defaultMZCriteria = {
 
 /***/ }),
 
-/***/ 95488:
+/***/ 51535:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -107224,7 +107228,7 @@ var ResizableWithHandle = props => {
 
 /***/ }),
 
-/***/ 81923:
+/***/ 22554:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -107237,7 +107241,7 @@ var MOBILE_MEDIA_QUERY = "(max-width: ".concat(MOBILE_BREAKPOINT, ")");
 
 /***/ }),
 
-/***/ 3798:
+/***/ 62161:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142800,7 +142804,7 @@ function populateMaps (extensions, types) {
 
 /***/ }),
 
-/***/ 8426:
+/***/ 31323:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142809,7 +142813,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 87383:
+/***/ 63724:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142821,7 +142825,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 50271:
+/***/ 44502:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142833,7 +142837,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 91271:
+/***/ 71244:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142845,7 +142849,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 57283:
+/***/ 39412:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142857,7 +142861,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 46259:
+/***/ 12914:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142869,7 +142873,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 20140:
+/***/ 87295:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142881,7 +142885,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 29707:
+/***/ 28076:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142893,7 +142897,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 12102:
+/***/ 51191:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142905,7 +142909,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 81055:
+/***/ 52160:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142917,7 +142921,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 68233:
+/***/ 10614:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142929,7 +142933,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 79473:
+/***/ 10556:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142941,7 +142945,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 50239:
+/***/ 21852:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142953,7 +142957,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 15744:
+/***/ 62857:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142965,7 +142969,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 41809:
+/***/ 27924:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142977,7 +142981,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 49871:
+/***/ 29642:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -142989,7 +142993,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 79730:
+/***/ 6631:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143001,7 +143005,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 79354:
+/***/ 38653:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143013,7 +143017,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 19436:
+/***/ 88525:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143025,7 +143029,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 32026:
+/***/ 29881:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143037,7 +143041,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 26413:
+/***/ 67534:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -143048,7 +143052,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 99855:
+/***/ 68776:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143060,7 +143064,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 2109:
+/***/ 73386:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143072,7 +143076,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 99265:
+/***/ 91156:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143084,7 +143088,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 92867:
+/***/ 27112:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143096,7 +143100,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 64383:
+/***/ 28188:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143108,7 +143112,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 63534:
+/***/ 93105:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143120,7 +143124,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 50879:
+/***/ 36974:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143132,7 +143136,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 1098:
+/***/ 44221:
 /***/ (() => {
 
 // extracted by mini-css-extract-plugin
@@ -143140,7 +143144,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 99782:
+/***/ 7703:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143149,7 +143153,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 22984:
+/***/ 75765:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -143158,7 +143162,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 32433:
+/***/ 41882:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -228020,7 +228024,7 @@ function registerTraceModule(_module) {
 
     // add maplibre-gl CSS here to avoid console warning on instantiation
     if(bpmName === 'map') {
-        __webpack_require__(8426);
+        __webpack_require__(31323);
     }
 
     // if `plotly-geo-assets.js` is not included,
@@ -368723,7 +368727,7 @@ const stores_1 = __webpack_require__(32132);
 const react_redux_1 = __webpack_require__(14062);
 const react_router_dom_1 = __webpack_require__(92648);
 const AuthContext_1 = __webpack_require__(55471);
-__webpack_require__(72788);
+__webpack_require__(41527);
 const editorListener_1 = __webpack_require__(41824);
 const Loading_1 = __importDefault(__webpack_require__(34466));
 const LeaveGuardController_1 = __webpack_require__(65240);
@@ -368872,9 +368876,9 @@ const jsx_runtime_1 = __webpack_require__(74848);
 const react_1 = __webpack_require__(51649);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const history_svg_1 = __importDefault(__webpack_require__(93113));
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const stores_1 = __webpack_require__(32132);
-const styles_module_scss_1 = __importDefault(__webpack_require__(87383));
+const styles_module_scss_1 = __importDefault(__webpack_require__(63724));
 const SvgIcon_1 = __webpack_require__(82917);
 const CommitHistoryMenu_1 = __webpack_require__(46175);
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
@@ -368910,7 +368914,7 @@ const jsx_runtime_1 = __webpack_require__(74848);
 const SvgIcon_1 = __webpack_require__(82917);
 const Text_1 = __webpack_require__(82803);
 const history_svg_1 = __importDefault(__webpack_require__(93113));
-const styles_module_scss_1 = __importDefault(__webpack_require__(87383));
+const styles_module_scss_1 = __importDefault(__webpack_require__(63724));
 const CommitHoverElement = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.commitHoverElement, children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: history_svg_1.default, size: 18 }), (0, jsx_runtime_1.jsx)(Text_1.Text, { size: 10, weight: "medium", children: "Restore" })] }));
 };
@@ -368933,7 +368937,7 @@ const js_convert_case_1 = __webpack_require__(61647);
 const download_svg_1 = __importDefault(__webpack_require__(63279));
 const stores_1 = __webpack_require__(32132);
 const SvgIcon_1 = __webpack_require__(82917);
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const createProjectArchive_1 = __webpack_require__(46514);
 const DownloadButton = (props) => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
@@ -368996,16 +369000,16 @@ const react_redux_1 = __webpack_require__(14062);
 const react_tabs_1 = __webpack_require__(39243);
 const react_responsive_1 = __webpack_require__(17988);
 const EditorSlice_1 = __webpack_require__(68512);
-const Button_1 = __importDefault(__webpack_require__(60232));
-const EditorPanel_1 = __importDefault(__webpack_require__(1777));
-const DraggableTab_1 = __importDefault(__webpack_require__(11086));
-const DroppableTabList_1 = __importDefault(__webpack_require__(19446));
-const RunnerControls_1 = __importDefault(__webpack_require__(15590));
-const mediaQueryBreakpoints_1 = __webpack_require__(81923);
-const CloseIcon_1 = __importDefault(__webpack_require__(66298));
+const Button_1 = __importDefault(__webpack_require__(79428));
+const EditorPanel_1 = __importDefault(__webpack_require__(82467));
+const DraggableTab_1 = __importDefault(__webpack_require__(74215));
+const DroppableTabList_1 = __importDefault(__webpack_require__(48339));
+const RunnerControls_1 = __importDefault(__webpack_require__(80263));
+const mediaQueryBreakpoints_1 = __webpack_require__(22554);
+const CloseIcon_1 = __importDefault(__webpack_require__(61193));
 const FileIcon_1 = __importDefault(__webpack_require__(94028));
 const readonly_svg_1 = __importDefault(__webpack_require__(19297));
-const styles_module_scss_1 = __importDefault(__webpack_require__(50271));
+const styles_module_scss_1 = __importDefault(__webpack_require__(44502));
 const stores_1 = __webpack_require__(32132);
 const ProjectTypes_1 = __webpack_require__(27130);
 const projectHelpers_1 = __webpack_require__(2610);
@@ -369146,7 +369150,7 @@ exports.ErrorDetails = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const SvgIcon_1 = __webpack_require__(82917);
 const alert_svg_1 = __importDefault(__webpack_require__(11367));
-const styles_module_scss_1 = __importDefault(__webpack_require__(91271));
+const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
 const Text_1 = __webpack_require__(82803);
 const stores_1 = __webpack_require__(32132);
 const Errors_1 = __webpack_require__(20339);
@@ -369173,7 +369177,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const stores_1 = __webpack_require__(32132);
-const styles_module_scss_1 = __importDefault(__webpack_require__(91271));
+const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
 const react_1 = __webpack_require__(51649);
 const ErrorDetails_1 = __webpack_require__(80335);
 const ErrorMessage = () => {
@@ -369205,7 +369209,7 @@ exports.NotFoundPage = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const not_found_code_svg_1 = __importDefault(__webpack_require__(15552));
 const not_found_svg_1 = __importDefault(__webpack_require__(95436));
-const styles_module_scss_1 = __importDefault(__webpack_require__(91271));
+const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
 const ErrorDetails_1 = __webpack_require__(80335);
 const NotFoundPage = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.notFoundContainer, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.notFoundText, children: [(0, jsx_runtime_1.jsx)(not_found_code_svg_1.default, {}), (0, jsx_runtime_1.jsx)(not_found_svg_1.default, {})] }), (0, jsx_runtime_1.jsx)(ErrorDetails_1.ErrorDetails, {})] }));
@@ -369224,9 +369228,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const ExternalFiles_1 = __importDefault(__webpack_require__(23363));
+const ExternalFiles_1 = __importDefault(__webpack_require__(46590));
 const RunnerFactory_1 = __importDefault(__webpack_require__(78329));
-const styles_module_scss_1 = __importDefault(__webpack_require__(57283));
+const styles_module_scss_1 = __importDefault(__webpack_require__(39412));
 const stores_1 = __webpack_require__(32132);
 const Output = ({ packageApiUrl }) => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
@@ -369247,7 +369251,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const LogRenderer_1 = __importDefault(__webpack_require__(67278));
 const SvgIcon_1 = __webpack_require__(82917);
 const alert_svg_1 = __importDefault(__webpack_require__(11367));
@@ -369289,14 +369293,14 @@ const SvgIcon_1 = __webpack_require__(82917);
 const console_svg_1 = __importDefault(__webpack_require__(20602));
 const preview_svg_1 = __importDefault(__webpack_require__(80417));
 const OutputTabPanel_1 = __webpack_require__(25931);
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const helpers_1 = __webpack_require__(1108);
 const fileParsers_1 = __webpack_require__(26683);
 const scripts_1 = __webpack_require__(57621);
 const Errors_1 = __webpack_require__(20339);
 const NotFoundPage_1 = __webpack_require__(87931);
 const HtmlConsole_1 = __importDefault(__webpack_require__(55339));
-const ResizableWithHandle_1 = __importDefault(__webpack_require__(95488));
+const ResizableWithHandle_1 = __importDefault(__webpack_require__(51535));
 const BROADCAST_CHANNEL = "html_runner_channel";
 var BroadcastMessageType;
 (function (BroadcastMessageType) {
@@ -369524,7 +369528,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 var SerializedNodeType;
 (function (SerializedNodeType) {
     SerializedNodeType["String"] = "string";
@@ -370142,7 +370146,7 @@ const classnames_1 = __importDefault(__webpack_require__(46942));
 const react_tabs_1 = __webpack_require__(39243);
 const Text_1 = __webpack_require__(82803);
 const SvgIcon_1 = __webpack_require__(82917);
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const stores_1 = __webpack_require__(32132);
 const OutputTabPanel = ({ title, icon: Icon, readOnly, children, outputWrapperClassName, extraTabContent, tabPanelClassName, }) => {
     const outputOnly = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
@@ -370160,6 +370164,152 @@ exports.OutputTabPanel = OutputTabPanel;
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const jsx_runtime_1 = __webpack_require__(74848);
+const classnames_1 = __importDefault(__webpack_require__(46942));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
+const ErrorMessage_1 = __importDefault(__webpack_require__(74364));
+const VisualOutputPane_1 = __importDefault(__webpack_require__(39626));
+const stores_1 = __webpack_require__(32132);
+const OutputTabPanel_1 = __webpack_require__(25931);
+const console_svg_1 = __importDefault(__webpack_require__(20602));
+const preview_svg_1 = __importDefault(__webpack_require__(80417));
+const ResizableWithHandle_1 = __importDefault(__webpack_require__(51535));
+const usePyodideRunner_1 = __webpack_require__(65587);
+const consoleInput_1 = __webpack_require__(35660);
+/**
+ * Pyodide-powered Python runner.
+ *
+ * All worker plumbing — Pyodide Web Worker lifecycle, stdin Service Worker
+ * registration, message dispatching, run/stop orchestration — lives in
+ * `usePyodideRunner` and its sub-hooks. This component is purely a thin
+ * shell that wires the returned state into the layout.
+ */
+const PyodideRunner = ({ active, packageApiUrl, }) => {
+    const readOnly = (0, stores_1.useAppSelector)((state) => state.editor.readOnly);
+    const { output, visuals, setVisuals, workerInitialized } = (0, usePyodideRunner_1.usePyodideRunner)({
+        active,
+        packageApiUrl,
+    });
+    if (!workerInitialized && active) {
+        console.warn("PyodideWorker is not initialized");
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.pythonrunnerContainer, styles_module_scss_1.default.pyodiderunner, active && styles_module_scss_1.default.active), children: [(0, jsx_runtime_1.jsxs)(OutputTabPanel_1.OutputTabPanel, { title: "Terminal", icon: console_svg_1.default, readOnly: readOnly, children: [(0, jsx_runtime_1.jsx)(ErrorMessage_1.default, {}), (0, jsx_runtime_1.jsx)("pre", { className: styles_module_scss_1.default.console, onClick: consoleInput_1.shiftFocusToInput, ref: output })] }), (0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Visual output", icon: preview_svg_1.default, readOnly: readOnly, children: (0, jsx_runtime_1.jsx)(VisualOutputPane_1.default, { visuals: visuals, setVisuals: setVisuals }) }) })] }));
+};
+exports["default"] = PyodideRunner;
+
+
+/***/ }),
+
+/***/ 39626:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const jsx_runtime_1 = __webpack_require__(74848);
+const react_1 = __webpack_require__(51649);
+const highcharts_1 = __importDefault(__webpack_require__(14783));
+const plotly_js_1 = __importDefault(__webpack_require__(28850));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
+const VisualOutputPane = ({ visuals, setVisuals }) => {
+    const output = (0, react_1.useRef)(null);
+    const showVisual = (0, react_1.useCallback)((visual, output) => {
+        switch (visual.origin) {
+            case "pygal":
+                const chartContent = {
+                    ...visual.content,
+                    chart: {
+                        ...visual.content.chart,
+                        events: {
+                            ...visual.content.chart.events,
+                            load: function () {
+                                this.renderTo.style.overflow = "visible";
+                            },
+                        },
+                    },
+                    tooltip: {
+                        ...visual.content.tooltip,
+                        formatter: visual.content.chart.type === "pie"
+                            ? function () {
+                                return this.key + ": " + this.y;
+                            }
+                            : null,
+                    },
+                };
+                highcharts_1.default.chart(output.current, chartContent);
+                break;
+            case "turtle":
+                output.current.innerHTML = elementFromProps(visual.content).outerHTML;
+                break;
+            case "matplotlib":
+                // convert visual.content from Uint8Array to jpg
+                const img = document.createElement("img");
+                img.style = "max-width: 100%; max-height: 100%;";
+                img.src = `data:image/jpg;base64,${window.btoa(String.fromCharCode(...new Uint8Array(visual.content)))}`;
+                output.current.innerHTML = img.outerHTML;
+                break;
+            case "plotly":
+                const plotlyJson = visual.content;
+                // Parse the JSON
+                const figure = JSON.parse(plotlyJson);
+                // Render using Plotly.js
+                plotly_js_1.default.newPlot(output.current, figure.data, figure.layout);
+                break;
+            default:
+                throw new Error(`Unsupported origin: ${visual.origin}`);
+        }
+        visual.showing = true;
+        return visual;
+    }, []);
+    const showVisuals = (0, react_1.useCallback)((visuals, output) => visuals.map((v) => (v.showing ? v : showVisual(v, output))), [showVisual]);
+    (0, react_1.useEffect)(() => {
+        if (visuals.length === 0 && output.current) {
+            if (output.current) {
+                output.current.innerHTML = "";
+            }
+        }
+        else if (visuals.some((v) => !v.showing)) {
+            setVisuals((visuals) => showVisuals(visuals, output));
+        }
+    }, [visuals, setVisuals, showVisuals]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.visualOutput, children: (0, jsx_runtime_1.jsx)("div", { ref: output, className: styles_module_scss_1.default.pythonGraphic }) }));
+};
+const elementFromProps = (map) => {
+    const tag = map.get("tag");
+    if (!tag) {
+        return document.createTextNode(map.get("text"));
+    }
+    const node = document.createElement(tag);
+    for (const [key, value] of map.get("props")) {
+        node.setAttribute(key, value);
+    }
+    for (const childProps of map.get("children")) {
+        node.appendChild(elementFromProps(childProps));
+    }
+    return node;
+};
+exports["default"] = VisualOutputPane;
+
+
+/***/ }),
+
+/***/ 85799:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+/**
+ * Webpack-resolved URLs for the Pyodide worker and the stdin Service Worker.
+ *
+ * Isolated from `./constants.ts` so the pure-constants module can be loaded
+ * by tests without needing webpack to handle the `?url` query suffix.
+ */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -370197,147 +370347,170 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(74848);
-/* eslint-disable react-hooks/exhaustive-deps */
-const react_1 = __webpack_require__(51649);
-const react_redux_1 = __webpack_require__(14062);
-const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
-const EditorSlice_1 = __webpack_require__(68512);
-const ErrorMessage_1 = __importDefault(__webpack_require__(74364));
-const VisualOutputPane_1 = __importDefault(__webpack_require__(39626));
-const pyodideAssets = __importStar(__webpack_require__(39644));
+exports.pyodideAssets = exports.PYODIDE_STDIN_SW_URL = exports.PYODIDE_WORKER_URL = void 0;
+const pyodideAssets = __importStar(__webpack_require__(33037));
+exports.pyodideAssets = pyodideAssets;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 const PyodideWorker_url_1 = __importDefault(__webpack_require__(24427));
+exports.PYODIDE_WORKER_URL = new URL(PyodideWorker_url_1.default, window.origin).href;
+exports.PYODIDE_STDIN_SW_URL = new URL(pyodideAssets.pyodideStdinSwUrl, window.origin).href;
+
+
+/***/ }),
+
+/***/ 90804:
+/***/ ((__unused_webpack_module, exports) => {
+
+
+/**
+ * Pure constants for the Pyodide runner. Kept free of webpack-specific
+ * `?url` imports so the file can be required from a plain Jest environment.
+ *
+ * Resolved asset/worker URLs live in `./assetUrls.ts`.
+ */
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SERVICE_WORKER_PROBE_TIMEOUT_MS = exports.SERVICE_WORKER_CONTROL_WAIT_MS = exports.PYODIDE_TAB_ID_STORAGE_KEY = exports.PYODIDE_STDIN_ENDPOINT = exports.PYTHON_ENTRY_FILE_PATH = void 0;
+exports.PYTHON_ENTRY_FILE_PATH = "/main.py";
+exports.PYODIDE_STDIN_ENDPOINT = "/pyodide-stdin";
+exports.PYODIDE_TAB_ID_STORAGE_KEY = "pyodide-stdin-tab-id";
+exports.SERVICE_WORKER_CONTROL_WAIT_MS = 2500;
+exports.SERVICE_WORKER_PROBE_TIMEOUT_MS = 1500;
+
+
+/***/ }),
+
+/***/ 65587:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.usePyodideRunner = void 0;
+/* eslint-disable react-hooks/exhaustive-deps */
+const react_1 = __webpack_require__(51649);
+const react_redux_1 = __webpack_require__(14062);
 const stores_1 = __webpack_require__(32132);
-const EditorTypes_1 = __webpack_require__(42108);
-const OutputTabPanel_1 = __webpack_require__(25931);
-const console_svg_1 = __importDefault(__webpack_require__(20602));
-const preview_svg_1 = __importDefault(__webpack_require__(80417));
-const ProjectTypes_1 = __webpack_require__(27130);
-const projectHelpers_1 = __webpack_require__(2610);
+const EditorSlice_1 = __webpack_require__(68512);
 const Errors_1 = __webpack_require__(20339);
+const ProjectTypes_1 = __webpack_require__(27130);
+const EditorTypes_1 = __webpack_require__(42108);
+const constants_1 = __webpack_require__(90804);
+const assetUrls_1 = __webpack_require__(85799);
 const helpers_1 = __webpack_require__(55717);
-const ResizableWithHandle_1 = __importDefault(__webpack_require__(95488));
-const PYTHON_ENTRY_FILE_PATH = "/main.py";
-const url = new URL(PyodideWorker_url_1.default, window.origin).href;
-const PyodideRunner = ({ active, packageApiUrl, }) => {
-    const [pyodideWorker, setPyodideWorker] = (0, react_1.useState)(null);
-    const interruptBuffer = (0, react_1.useRef)(null);
-    const stdinBuffer = (0, react_1.useRef)(null);
-    const stdinClosed = (0, react_1.useRef)(false);
-    const workerReady = (0, react_1.useRef)(false);
+const consoleInput_1 = __webpack_require__(35660);
+const consoleOutput_1 = __webpack_require__(98131);
+const fileWrite_1 = __webpack_require__(45230);
+const serviceWorker_1 = __webpack_require__(58158);
+const stdinFallbackMessages_1 = __webpack_require__(94879);
+const tabId_1 = __webpack_require__(95369);
+const usePyodideWorker_1 = __webpack_require__(93895);
+const useStdinServiceWorker_1 = __webpack_require__(86357);
+/**
+ * Top-level coordinator for the Pyodide runner.
+ *
+ * It composes the two lifecycle hooks (Pyodide worker + stdin Service Worker)
+ * and owns the cross-cutting state — buffers shared with the worker, the
+ * current run id, the active input request, and the per-tab id used by the
+ * stdin fallback. It also defines the message handlers the worker fires
+ * back, and the run/stop callbacks driven by Redux.
+ *
+ * The React component itself stays free of any worker plumbing — it just
+ * consumes the values returned here to drive its JSX.
+ */
+const usePyodideRunner = ({ active, packageApiUrl, }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    // -------------------------------------------------------------------------
+    // Redux selectors
+    // -------------------------------------------------------------------------
     const loadedRunner = (0, stores_1.useAppSelector)((state) => state.editor.loadedRunner);
     const project = (0, stores_1.useAppSelector)((s) => s.editor.project);
+    const codeRunTriggered = (0, stores_1.useAppSelector)((s) => s.editor.codeRunTriggered);
+    const codeRunStopped = (0, stores_1.useAppSelector)((s) => s.editor.codeRunStopped);
     const projectComponents = project.components || [];
     const projectCode = (0, react_1.useMemo)(() => projectComponents.filter((component) => component.type === ProjectTypes_1.ProjectComponentType.FILE), [projectComponents]);
     const userModuleNames = (0, react_1.useMemo)(() => (0, helpers_1.getPythonUserModuleNames)(projectCode), [projectCode]);
-    const codeRunTriggered = (0, stores_1.useAppSelector)((s) => s.editor.codeRunTriggered);
-    const codeRunStopped = (0, stores_1.useAppSelector)((s) => s.editor.codeRunStopped);
-    const readOnly = (0, stores_1.useAppSelector)((state) => state.editor.readOnly);
+    // -------------------------------------------------------------------------
+    // Long-lived refs shared across handlers
+    // -------------------------------------------------------------------------
+    /** Pointer into the SharedArrayBuffer used for stdin (sab strategy). */
+    const stdinBuffer = (0, react_1.useRef)(null);
+    /** Pointer into the SharedArrayBuffer used for SIGINT. */
+    const interruptBuffer = (0, react_1.useRef)(null);
+    /** True once the worker reports it's ready to run code. */
+    const workerReady = (0, react_1.useRef)(false);
+    /** Latched when the user signals EOF; persists for the rest of the run. */
+    const stdinClosed = (0, react_1.useRef)(false);
+    /** Which stdin strategy the worker negotiated: "sab" | "jspi" | "sync-xhr" | "unavailable". */
+    const stdinStrategy = (0, react_1.useRef)("sab");
+    /** Identifier of the currently-running Python execution. */
+    const runId = (0, react_1.useRef)(null);
+    /** Stable id used by the stdin SW to route input requests to this tab. */
+    const tabIdRef = (0, react_1.useRef)((0, tabId_1.getOrCreateTabId)());
+    /** The SW-fallback input request that's currently waiting on the user. */
+    const activeInputRequest = (0, react_1.useRef)(null);
+    // -------------------------------------------------------------------------
+    // Component-managed state
+    // -------------------------------------------------------------------------
     const output = (0, react_1.useRef)(null);
-    const dispatch = (0, react_redux_1.useDispatch)();
     const [visuals, setVisuals] = (0, react_1.useState)([]);
-    const createWorker = (0, react_1.useCallback)(() => {
-        const worker = new Worker(url);
-        worker.onmessage = ({ data }) => {
-            switch (data.method) {
-                case "handleLoading":
-                    handleLoading();
-                    break;
-                case "handleLoaded":
-                    handleLoaded(data.stdinBuffer, data.interruptBuffer);
-                    break;
-                case "handleInput":
-                    handleInput(worker);
-                    break;
-                case "handleOutput":
-                    handleOutput(data.stream, data.content);
-                    break;
-                case "handleError":
-                    handleError(data.file, data.line, data.mistake, data.type, data.info);
-                    break;
-                case "handleFileWrite":
-                    handleFileWrite(data.filename, data.content, data.mode);
-                    break;
-                case "handleVisual":
-                    handleVisual(data.origin, data.content);
-                    break;
-                default:
-                    throw new Error(`Unsupported method: ${data.method}`);
-            }
-        };
-        worker.onerror = (error) => {
-            console.error("Error in PyodideWorker:", error);
-        };
-        return worker;
+    // -------------------------------------------------------------------------
+    // Local helpers
+    // -------------------------------------------------------------------------
+    const disableInput = (0, react_1.useCallback)(() => {
+        (0, consoleInput_1.disableInputElement)();
+        activeInputRequest.current = null;
     }, []);
-    const destroyAndRecreateWorker = (0, react_1.useCallback)(() => {
-        if (pyodideWorker) {
-            console.log("Destroying and recreating Pyodide worker");
-            pyodideWorker.terminate();
-        }
-        workerReady.current = false;
-        interruptBuffer.current = null;
-        stdinBuffer.current = null;
-        stdinClosed.current = false;
-        disableInput();
-        const newWorker = createWorker();
-        setPyodideWorker(newWorker);
-    }, [pyodideWorker, url]);
-    (0, react_1.useEffect)(() => {
-        if (pyodideWorker)
-            return;
-        if (!active)
-            return;
-        const worker = createWorker();
-        setPyodideWorker(worker);
-    }, [active, pyodideWorker]);
-    (0, react_1.useEffect)(() => {
-        destroyAndRecreateWorker();
-    }, [project.identifier]);
-    (0, react_1.useEffect)(() => {
-        if (!pyodideWorker)
-            return;
-        pyodideWorker.postMessage({
-            method: "init",
-            assets: pyodideAssets,
-            packageApiUrl,
-        });
-        return () => {
-            pyodideWorker.terminate();
-        };
-    }, [pyodideWorker]);
-    (0, react_1.useEffect)(() => {
-        if (codeRunTriggered && active && output.current) {
-            handleRun();
-        }
-    }, [codeRunTriggered, output.current]);
-    (0, react_1.useEffect)(() => {
-        if (codeRunStopped && active) {
-            handleStop();
-        }
-    }, [codeRunStopped]);
-    const handleLoading = () => {
-        return;
-    };
-    const handleLoaded = (stdin, interrupt) => {
+    // -------------------------------------------------------------------------
+    // Worker-message handlers (forwarded to usePyodideWorker via handleMessage)
+    // -------------------------------------------------------------------------
+    const handleLoading = (0, react_1.useCallback)(() => {
+        // No-op; kept for symmetry with the worker protocol.
+    }, []);
+    const handleLoaded = (0, react_1.useCallback)((stdin, interrupt, strategy = "sab") => {
         stdinBuffer.current = stdin;
         interruptBuffer.current = interrupt;
         workerReady.current = true;
+        runId.current = null;
+        activeInputRequest.current = null;
+        stdinStrategy.current = strategy;
         if (loadedRunner !== EditorTypes_1.RunnerType.PYODIDE) {
             dispatch((0, EditorSlice_1.setLoadedRunner)(EditorTypes_1.RunnerType.PYODIDE));
         }
         dispatch((0, EditorSlice_1.codeRunHandled)());
         disableInput();
-    };
-    const handleInput = async (workerOverride) => {
-        const targetWorker = workerOverride ?? pyodideWorker;
+        if (strategy === "unavailable") {
+            dispatch((0, EditorSlice_1.setError)({
+                type: Errors_1.ErrorType.RUNTIME_ERROR,
+                message: "Python input() is unavailable in this browser context. Activate the stdin Service Worker and reload the page.",
+            }));
+        }
+    }, [dispatch, disableInput, loadedRunner]);
+    const handleInput = (0, react_1.useCallback)(async (workerOverride, swRunId, swRequestId) => {
+        const targetWorker = workerOverride ?? null;
+        const isServiceWorkerRequest = Boolean(swRunId && swRequestId);
+        const postStdinFallbackResponse = (value) => (0, serviceWorker_1.postMessageToStdinServiceWorker)((0, stdinFallbackMessages_1.buildStdinFallbackResponse)({
+            clientId: tabIdRef.current,
+            // swRunId / swRequestId are non-empty when isServiceWorkerRequest.
+            runId: swRunId,
+            requestId: swRequestId,
+            value,
+        }));
+        const postStdinFallbackEof = () => (0, serviceWorker_1.postMessageToStdinServiceWorker)((0, stdinFallbackMessages_1.buildStdinFallbackEof)({
+            clientId: tabIdRef.current,
+            runId: swRunId,
+            requestId: swRequestId,
+        }));
+        // If the user already pressed Ctrl+D earlier in this run, immediately
+        // return EOF without prompting again. Under sync-XHR this must be an
+        // explicit EOF (HTTP 204) — sending a CANCEL would surface in user code
+        // as KeyboardInterrupt instead of EOFError.
         if (stdinClosed.current) {
             if (stdinBuffer.current) {
                 stdinBuffer.current[0] = -1;
             }
+            else if (isServiceWorkerRequest) {
+                postStdinFallbackEof();
+            }
             else {
                 targetWorker?.postMessage({
                     method: "stdinResponse",
@@ -370347,17 +370520,31 @@ const PyodideRunner = ({ active, packageApiUrl, }) => {
             return;
         }
         const outputPane = output.current;
-        outputPane?.appendChild(inputSpan());
-        const element = getInputElement();
-        const { content, ctrlD } = await getInputContent(element);
+        outputPane?.appendChild((0, consoleInput_1.inputSpan)());
+        const element = (0, consoleInput_1.getInputElement)();
+        if (!element) {
+            return;
+        }
+        const { content, ctrlD } = await (0, consoleInput_1.getInputContent)(element);
         if (stdinBuffer.current) {
             const encoder = new TextEncoder();
-            const bytes = encoder.encode(content + "\n");
+            const bytes = encoder.encode((content ?? "") + "\n");
             const previousLength = stdinBuffer.current[0] ?? 0;
             stdinBuffer.current.set(bytes, previousLength);
             const currentLength = previousLength + bytes.length;
             stdinBuffer.current[0] = currentLength;
         }
+        else if (isServiceWorkerRequest) {
+            if (ctrlD) {
+                // First-time Ctrl+D: signal EOF (HTTP 204), not cancel (HTTP 499).
+                // Cancel would terminate the whole run with KeyboardInterrupt;
+                // EOF lets user code catch EOFError and keep going.
+                postStdinFallbackEof();
+            }
+            else {
+                postStdinFallbackResponse(content !== undefined ? content : "");
+            }
+        }
         else {
             targetWorker?.postMessage({
                 method: "stdinResponse",
@@ -370365,21 +370552,18 @@ const PyodideRunner = ({ active, packageApiUrl, }) => {
                 ctrlD,
             });
         }
-        if (ctrlD) {
-            stdinClosed.current = true; // Don't accept any more stdin this run.
+        if (isServiceWorkerRequest) {
+            activeInputRequest.current = null;
         }
-    };
-    const handleOutput = (stream, content) => {
-        const node = output.current;
-        const div = document.createElement("span");
-        div.className = (0, classnames_1.default)(styles_module_scss_1.default.pythonConsoleLine, stream === "stderr" && styles_module_scss_1.default["stderr"], stream === "stdout" && styles_module_scss_1.default["stdout"]);
-        div.innerHTML = new Option(content || " ").innerHTML + "\n";
-        if (node) {
-            node.appendChild(div);
-            node.scrollTop = node.scrollHeight;
+        if (ctrlD) {
+            // Don't accept any more stdin this run.
+            stdinClosed.current = true;
         }
-    };
-    const handleError = (file, line, mistake, type, info) => {
+    }, []);
+    const handleOutput = (0, react_1.useCallback)((stream, content) => {
+        (0, consoleOutput_1.appendConsoleLine)(output.current, stream, content);
+    }, []);
+    const handleError = (0, react_1.useCallback)((file, line, mistake, type, info) => {
         let errorMessage;
         if (type === "KeyboardInterrupt") {
             errorMessage = "Execution interrupted";
@@ -370397,62 +370581,139 @@ const PyodideRunner = ({ active, packageApiUrl, }) => {
             message: errorMessage,
         }));
         disableInput();
-    };
-    const handleFileWrite = (filePath, content, mode) => {
-        const componentToUpdate = projectCode.find((item) => item.path === filePath);
-        let updatedContent;
-        if (mode === "w" || mode === "x") {
-            updatedContent = content;
+    }, [dispatch, disableInput]);
+    const handleFileWrite = (0, react_1.useCallback)((filePath, content, mode) => {
+        (0, fileWrite_1.applyPyodideFileWrite)({
+            dispatch,
+            projectComponents,
+            projectCode,
+            filePath,
+            content,
+            mode,
+        });
+    }, [dispatch, projectComponents, projectCode]);
+    const handleVisual = (0, react_1.useCallback)((origin, content) => {
+        setVisuals((array) => [...array, { origin, content }]);
+    }, []);
+    // -------------------------------------------------------------------------
+    // Worker lifecycle
+    // -------------------------------------------------------------------------
+    const handleBeforeRecreate = (0, react_1.useCallback)(() => {
+        workerReady.current = false;
+        interruptBuffer.current = null;
+        stdinBuffer.current = null;
+        stdinClosed.current = false;
+        disableInput();
+    }, [disableInput]);
+    const handleMessage = (0, react_1.useCallback)((data, w) => {
+        switch (data.method) {
+            case "handleLoading":
+                handleLoading();
+                break;
+            case "handleLoaded":
+                handleLoaded(data.stdinBuffer, data.interruptBuffer, data.stdinStrategy);
+                break;
+            case "handleInput":
+                handleInput(w);
+                break;
+            case "handleOutput":
+                handleOutput(data.stream, data.content);
+                break;
+            case "handleError":
+                handleError(data.file, data.line, data.mistake, data.type, data.info);
+                break;
+            case "handleFileWrite":
+                handleFileWrite(data.filename, data.content, data.mode);
+                break;
+            case "handleVisual":
+                handleVisual(data.origin, data.content);
+                break;
+            default:
+                throw new Error(`Unsupported method: ${data.method}`);
         }
-        else if (mode === "a") {
-            updatedContent =
-                (componentToUpdate ? componentToUpdate.content : "") + content;
+    }, [
+        handleLoading,
+        handleLoaded,
+        handleInput,
+        handleOutput,
+        handleError,
+        handleFileWrite,
+        handleVisual,
+    ]);
+    const { worker: pyodideWorker, recreateWorker } = (0, usePyodideWorker_1.usePyodideWorker)({
+        active,
+        projectIdentifier: project.identifier,
+        onMessage: handleMessage,
+        onBeforeRecreate: handleBeforeRecreate,
+    });
+    // -------------------------------------------------------------------------
+    // Stdin Service Worker
+    // -------------------------------------------------------------------------
+    const handleStdinRequest = (0, react_1.useCallback)((request) => {
+        if (request.runId !== runId.current) {
+            return;
+        }
+        activeInputRequest.current = {
+            runId: request.runId,
+            requestId: request.requestId,
+        };
+        handleInput(undefined, request.runId, request.requestId);
+    }, [handleInput]);
+    const handleControllerChange = (0, react_1.useCallback)(() => {
+        // If we already had a working stdin strategy (sab / sync-xhr), there's
+        // no need to reset the runtime — the SW just rotated. We only force a
+        // recreate when we previously couldn't get any stdin path at all.
+        if (stdinStrategy.current !== "unavailable") {
+            return;
+        }
+        recreateWorker();
+    }, [recreateWorker]);
+    const { ensureInputServiceWorker, registerStdinClient } = (0, useStdinServiceWorker_1.useStdinServiceWorker)({
+        active,
+        tabIdRef,
+        onStdinRequest: handleStdinRequest,
+        onControllerChange: handleControllerChange,
+    });
+    // -------------------------------------------------------------------------
+    // Run / stop orchestration
+    // -------------------------------------------------------------------------
+    const writeFile = (0, react_1.useCallback)((filename, content) => {
+        pyodideWorker?.postMessage({ method: "writeFile", filename, content });
+    }, [pyodideWorker]);
+    const handleRun = (0, react_1.useCallback)(async () => {
+        if (!workerReady.current || !pyodideWorker) {
+            return;
         }
-        if (componentToUpdate) {
-            dispatch((0, EditorSlice_1.updateProjectComponent)({
-                ...componentToUpdate,
-                content: updatedContent,
+        if (stdinStrategy.current === "unavailable") {
+            dispatch((0, EditorSlice_1.setError)({
+                type: Errors_1.ErrorType.RUNTIME_ERROR,
+                message: "Python input() fallback is unavailable because the Service Worker is not controlling this page. Reload after Service Worker activation.",
             }));
+            dispatch((0, EditorSlice_1.codeRunHandled)());
+            return;
         }
-        else {
-            const { dirPath, name, extension } = (0, projectHelpers_1.parseComponentPath)(filePath);
-            const newFile = {
-                id: crypto.randomUUID(),
-                name,
-                extension,
-                content: updatedContent,
-                type: ProjectTypes_1.ProjectComponentType.FILE,
-                path: filePath,
-            };
-            dispatch((0, EditorSlice_1.addProjectComponent)(newFile));
-            const dirParent = projectComponents.find((component) => component.type === ProjectTypes_1.ProjectComponentType.DIR &&
-                component.path === dirPath);
-            if (dirParent) {
-                dispatch((0, EditorSlice_1.updateProjectComponent)({
-                    ...dirParent,
-                    children: [...(dirParent.children ?? []), newFile.id],
+        if (stdinStrategy.current === "sync-xhr") {
+            const swStatus = await ensureInputServiceWorker();
+            if (!swStatus.controlled) {
+                dispatch((0, EditorSlice_1.setError)({
+                    type: Errors_1.ErrorType.RUNTIME_ERROR,
+                    message: "Python input() fallback requires an active Service Worker controller. Reload the page and try again.",
                 }));
+                dispatch((0, EditorSlice_1.codeRunHandled)());
+                return;
             }
-        }
-    };
-    const handleVisual = (origin, content) => {
-        setVisuals((array) => [...array, { origin, content }]);
-    };
-    const handleRun = async () => {
-        if (!workerReady.current || !pyodideWorker) {
-            return;
+            registerStdinClient();
         }
         if (output.current) {
             output.current.innerHTML = "";
         }
-        // entry file is the component with name main and extension py
-        const entryFile = projectCode.find((component) => component.path === PYTHON_ENTRY_FILE_PATH);
+        const entryFile = projectCode.find((component) => component.path === constants_1.PYTHON_ENTRY_FILE_PATH);
         if (!entryFile) {
             dispatch((0, EditorSlice_1.setError)({
                 type: Errors_1.ErrorType.ENTRY_FILE_NOT_FOUND,
-                message: `can't open file '${PYTHON_ENTRY_FILE_PATH}': No such file or directory`,
+                message: `can't open file '${constants_1.PYTHON_ENTRY_FILE_PATH}': No such file or directory`,
                 details: {
-                    fileName: PYTHON_ENTRY_FILE_PATH.split("/").pop(),
+                    fileName: constants_1.PYTHON_ENTRY_FILE_PATH.split("/").pop(),
                 },
             }));
             dispatch((0, EditorSlice_1.codeRunHandled)());
@@ -370461,6 +370722,8 @@ const PyodideRunner = ({ active, packageApiUrl, }) => {
         dispatch((0, EditorSlice_1.setError)(null));
         setVisuals([]);
         stdinClosed.current = false;
+        // Mirror the project directory tree into the Pyodide filesystem so that
+        // relative imports between user files resolve correctly.
         const dirSet = new Set();
         for (const { path } of projectCode) {
             if (path) {
@@ -370470,115 +370733,357 @@ const PyodideRunner = ({ active, packageApiUrl, }) => {
                 }
             }
         }
-        // Create directories in Pyodide FS
         const dirs = Array.from(dirSet);
-        if (pyodideWorker) {
-            pyodideWorker.postMessage({
-                method: "createDirectories",
-                dirs,
-            });
-        }
-        // Write files to Pyodide FS
+        pyodideWorker.postMessage({ method: "createDirectories", dirs });
         for (const { path, content } of projectCode) {
             if (path) {
                 writeFile(path, content);
             }
         }
         if (interruptBuffer.current) {
-            interruptBuffer.current[0] = 0; // Clear previous signals.
+            interruptBuffer.current[0] = 0; // Clear previous SIGINT.
         }
-        pyodideWorker?.postMessage({
+        runId.current = crypto.randomUUID();
+        activeInputRequest.current = null;
+        pyodideWorker.postMessage({
             method: "runPython",
             python: entryFile.content,
             userModuleNames,
+            runId: runId.current,
         });
-    };
-    const handleStop = () => {
+    }, [
+        pyodideWorker,
+        dispatch,
+        projectCode,
+        userModuleNames,
+        writeFile,
+        ensureInputServiceWorker,
+        registerStdinClient,
+    ]);
+    const handleStop = (0, react_1.useCallback)(() => {
+        if (runId.current && stdinStrategy.current === "sync-xhr") {
+            // Stop is a true cancellation (user-driven interrupt), so use CANCEL
+            // and let the worker surface KeyboardInterrupt to user code.
+            (0, serviceWorker_1.postMessageToStdinServiceWorker)((0, stdinFallbackMessages_1.buildStdinFallbackCancel)({
+                clientId: tabIdRef.current,
+                runId: runId.current,
+            }));
+        }
         pyodideWorker?.postMessage({ method: "stopPython" });
         if (interruptBuffer.current) {
-            interruptBuffer.current[0] = 2; // Send a SIGINT signal.
+            interruptBuffer.current[0] = 2; // SIGINT to the running Python.
             disableInput();
             return;
         }
+        // No SIGINT channel available. If Python is currently blocked on input()
+        // under the sync-XHR strategy, the CANCEL we just posted to the SW is
+        // enough on its own: the worker's pending XHR will return 499, throw
+        // PYODIDE_STDIN_CANCELLED, and runPython will post handleError
+        // (KeyboardInterrupt) followed by handleLoaded — the orchestrator will
+        // reset its refs naturally and no recreate is needed.
+        //
+        // Avoiding the recreate is important on Safari: WebKit does not reliably
+        // attach the page's Service Worker controller to a freshly-created
+        // dedicated Web Worker, so the next run's stdin XHR escapes to the
+        // network (HTTP 404 → OSError [Errno 29] in Python). By keeping the same
+        // worker alive we keep the SW route working across Stop → Run cycles.
+        if (stdinStrategy.current === "sync-xhr" &&
+            activeInputRequest.current !== null) {
+            disableInput();
+            return;
+        }
+        // Otherwise (CPU-bound user code without SIGINT) we have no choice but
+        // to terminate and recreate the worker.
         disableInput();
-        destroyAndRecreateWorker();
+        recreateWorker();
         dispatch((0, EditorSlice_1.setError)({
             type: Errors_1.ErrorType.RUNTIME_ERROR,
             message: "Execution interrupted",
         }));
+    }, [pyodideWorker, dispatch, disableInput, recreateWorker]);
+    // -------------------------------------------------------------------------
+    // Effects
+    // -------------------------------------------------------------------------
+    // Send the `init` message every time a fresh worker becomes available, so
+    // it knows where to find pyodide assets and how to talk to the stdin SW.
+    (0, react_1.useEffect)(() => {
+        if (!pyodideWorker)
+            return;
+        let cancelled = false;
+        const initWorker = async () => {
+            const swStatus = await ensureInputServiceWorker();
+            if (cancelled) {
+                return;
+            }
+            pyodideWorker.postMessage({
+                method: "init",
+                assets: assetUrls_1.pyodideAssets,
+                packageApiUrl,
+                stdinFallback: {
+                    enabled: swStatus.supported && swStatus.controlled,
+                    endpointPath: constants_1.PYODIDE_STDIN_ENDPOINT,
+                    clientId: tabIdRef.current,
+                },
+            });
+        };
+        initWorker();
+        return () => {
+            cancelled = true;
+        };
+    }, [pyodideWorker, ensureInputServiceWorker, packageApiUrl]);
+    // Kick off a run when the Redux flag flips on.
+    (0, react_1.useEffect)(() => {
+        if (codeRunTriggered && active && output.current) {
+            handleRun();
+        }
+    }, [codeRunTriggered, output.current]);
+    // Stop a run when the Redux flag flips on.
+    (0, react_1.useEffect)(() => {
+        if (codeRunStopped && active) {
+            handleStop();
+        }
+    }, [codeRunStopped]);
+    return {
+        output,
+        visuals,
+        setVisuals,
+        workerInitialized: Boolean(pyodideWorker),
     };
-    const writeFile = (filename, content) => {
-        pyodideWorker?.postMessage({ method: "writeFile", filename, content });
-    };
-    const inputSpan = () => {
-        const span = document.createElement("span");
-        span.setAttribute("id", "input");
-        span.setAttribute("spellCheck", "false");
-        span.setAttribute("class", styles_module_scss_1.default.pythonrunnerInput);
-        span.setAttribute("contentEditable", "true");
-        return span;
-    };
-    const getInputElement = () => document.getElementById("input");
-    const getInputContent = async (element) => {
-        element.focus();
-        return new Promise((resolve, reject) => {
-            element.addEventListener("keydown", function removeInput(e) {
-                const ctrlD = (e.ctrlKey && e.key.toLowerCase() === "d");
-                const lineEnded = e.key === "Enter" || ctrlD;
-                if (lineEnded) {
-                    element.removeEventListener(e.type, removeInput);
-                    const content = element.innerText;
-                    element.removeAttribute("id");
-                    element.removeAttribute("contentEditable");
-                    element.innerText = content + "\n";
-                    document.addEventListener("keyup", function storeInput(e) {
-                        if (lineEnded) {
-                            document.removeEventListener(e.type, storeInput);
-                            resolve({ content, ctrlD });
-                        }
+};
+exports.usePyodideRunner = usePyodideRunner;
+
+
+/***/ }),
+
+/***/ 93895:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.usePyodideWorker = void 0;
+const react_1 = __webpack_require__(51649);
+const assetUrls_1 = __webpack_require__(85799);
+/**
+ * Owns the lifecycle of the Pyodide Web Worker.
+ *
+ * Responsibilities:
+ *   - Create the worker once the runner becomes active.
+ *   - Re-create the worker whenever the project identifier changes (each
+ *     project starts from a clean Python environment).
+ *   - Expose an imperative `recreateWorker` for callers that need to force a
+ *     reset (e.g. after the stdin SW activates and we need to retry init).
+ *   - Terminate the worker on unmount.
+ *
+ * Posting messages and decoding incoming messages is the orchestrator's job —
+ * this hook just hands the worker over and forwards messages.
+ */
+const usePyodideWorker = ({ active, projectIdentifier, onMessage, onBeforeRecreate, }) => {
+    const [worker, setWorker] = (0, react_1.useState)(null);
+    // The onMessage callback closes over orchestrator state, so we route through
+    // a ref to avoid rebuilding the worker every render.
+    const onMessageRef = (0, react_1.useRef)(onMessage);
+    onMessageRef.current = onMessage;
+    const onBeforeRecreateRef = (0, react_1.useRef)(onBeforeRecreate);
+    onBeforeRecreateRef.current = onBeforeRecreate;
+    const createWorker = (0, react_1.useCallback)(() => {
+        const w = new Worker(assetUrls_1.PYODIDE_WORKER_URL);
+        w.onmessage = ({ data }) => {
+            onMessageRef.current(data, w);
+        };
+        w.onerror = (error) => {
+            console.error("Error in PyodideWorker:", error);
+        };
+        return w;
+    }, []);
+    const recreateWorker = (0, react_1.useCallback)(() => {
+        onBeforeRecreateRef.current?.();
+        setWorker((current) => {
+            if (current) {
+                console.log("Destroying and recreating Pyodide worker");
+                current.terminate();
+            }
+            return createWorker();
+        });
+    }, [createWorker]);
+    // First-mount creation: only when active and no worker exists yet.
+    (0, react_1.useEffect)(() => {
+        if (worker)
+            return;
+        if (!active)
+            return;
+        setWorker(createWorker());
+    }, [active, worker, createWorker]);
+    // Project changes always reset the worker
+    (0, react_1.useEffect)(() => {
+        recreateWorker();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [projectIdentifier]);
+    // Terminate on unmount or when the worker reference is replaced.
+    (0, react_1.useEffect)(() => {
+        return () => {
+            worker?.terminate();
+        };
+    }, [worker]);
+    return { worker, recreateWorker };
+};
+exports.usePyodideWorker = usePyodideWorker;
+
+
+/***/ }),
+
+/***/ 86357:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.useStdinServiceWorker = void 0;
+const react_1 = __webpack_require__(51649);
+const assetUrls_1 = __webpack_require__(85799);
+const serviceWorker_1 = __webpack_require__(58158);
+/**
+ * Manages the lifecycle of the stdin Service Worker:
+ *
+ *   - registers the SW (with a non-root-scope fallback for restricted hosts)
+ *   - waits for the page to actually be controlled before declaring success
+ *   - probes the SW fetch route to confirm interception is wired up
+ *   - retries the registration once if either check fails
+ *   - listens for SW messages and forwards stdin requests to the orchestrator
+ *   - listens for `controllerchange` so the orchestrator can re-register and
+ *     decide whether to recreate the Pyodide worker
+ *
+ * Returns helpers (`ensureInputServiceWorker`, `registerStdinClient`) the
+ * orchestrator calls from `run` and from `init`.
+ */
+const useStdinServiceWorker = ({ active, tabIdRef, onStdinRequest, onControllerChange, }) => {
+    // Keep latest callbacks in refs so the event listener effects don't need to
+    // re-subscribe whenever the parent re-renders with a new closure.
+    const onStdinRequestRef = (0, react_1.useRef)(onStdinRequest);
+    onStdinRequestRef.current = onStdinRequest;
+    const onControllerChangeRef = (0, react_1.useRef)(onControllerChange);
+    onControllerChangeRef.current = onControllerChange;
+    const registerStdinClient = (0, react_1.useCallback)(() => {
+        (0, serviceWorker_1.postMessageToStdinServiceWorker)({
+            type: "PYODIDE_STDIN_REGISTER",
+            clientId: tabIdRef.current,
+        });
+    }, [tabIdRef]);
+    const ensureInputServiceWorker = (0, react_1.useCallback)(async () => {
+        if (typeof window === "undefined") {
+            return { supported: false, controlled: false };
+        }
+        if (!("serviceWorker" in navigator)) {
+            return { supported: false, controlled: false };
+        }
+        try {
+            const registerStdinWorker = async () => {
+                try {
+                    return await navigator.serviceWorker.register(assetUrls_1.PYODIDE_STDIN_SW_URL, {
+                        scope: "/",
                     });
                 }
-            });
-        });
-    };
-    const shiftFocusToInput = (event) => {
-        const documentSelection = window.getSelection();
-        if (documentSelection && documentSelection.toString().length > 0) {
+                catch (rootScopeError) {
+                    // Fallback for hosts that do not allow broad SW scope from the asset path.
+                    const fallbackRegistration = await navigator.serviceWorker.register(assetUrls_1.PYODIDE_STDIN_SW_URL);
+                    console.warn("Registered stdin Service Worker without root scope", rootScopeError);
+                    return fallbackRegistration;
+                }
+            };
+            const evaluateRegistration = async (registration) => {
+                await Promise.race([
+                    navigator.serviceWorker.ready,
+                    new Promise((resolve) => setTimeout(resolve, 2000)),
+                ]);
+                const controlled = Boolean(navigator.serviceWorker.controller) ||
+                    (await (0, serviceWorker_1.waitForServiceWorkerControl)());
+                if (controlled || registration?.active) {
+                    const messageTarget = navigator.serviceWorker.controller ||
+                        registration?.active ||
+                        registration?.waiting ||
+                        registration?.installing;
+                    messageTarget?.postMessage({
+                        type: "PYODIDE_STDIN_REGISTER",
+                        clientId: tabIdRef.current,
+                    });
+                }
+                const routeReady = await (0, serviceWorker_1.verifyStdinServiceWorkerRoute)();
+                return controlled && routeReady;
+            };
+            let registration = await registerStdinWorker();
+            let healthy = await evaluateRegistration(registration);
+            if (!healthy) {
+                try {
+                    await registration?.unregister();
+                }
+                catch (error) {
+                    console.debug("stdin SW unregister retry skipped", error);
+                }
+                registration = await registerStdinWorker();
+                healthy = await evaluateRegistration(registration);
+            }
+            return { supported: true, controlled: healthy };
+        }
+        catch (error) {
+            console.warn("Failed to register stdin Service Worker", error);
+            return { supported: true, controlled: false };
+        }
+    }, [tabIdRef]);
+    // Listen for messages from the SW. The SW forwards a PYODIDE_STDIN_REQUEST
+    // whenever the worker thread blocks on input() via the sync-XHR fallback.
+    (0, react_1.useEffect)(() => {
+        if (!("serviceWorker" in navigator)) {
             return;
         }
-        const inputBox = getInputElement();
-        if (inputBox && event.target !== inputBox) {
-            const input = getInputElement();
-            const selection = window.getSelection();
-            selection?.removeAllRanges();
-            if (input?.innerText && input.innerText.length > 0) {
-                const range = document.createRange();
-                range.setStart(input, 1);
-                range.collapse(true);
-                selection?.addRange(range);
+        const handleMessage = (event) => {
+            const data = event.data;
+            if (!data || typeof data !== "object") {
+                return;
             }
-            input?.focus();
+            if (data.type !== "PYODIDE_STDIN_REQUEST") {
+                return;
+            }
+            if (data.clientId !== tabIdRef.current) {
+                return;
+            }
+            onStdinRequestRef.current({
+                runId: data.runId,
+                requestId: data.requestId,
+                clientId: data.clientId,
+            });
+        };
+        navigator.serviceWorker.addEventListener("message", handleMessage);
+        return () => {
+            navigator.serviceWorker.removeEventListener("message", handleMessage);
+        };
+    }, [tabIdRef]);
+    // Re-register stdin client and notify the orchestrator whenever the page
+    // gains a new SW controller (e.g. after first registration or a SW update).
+    (0, react_1.useEffect)(() => {
+        if (!active) {
+            return;
         }
-    };
-    const disableInput = () => {
-        const element = getInputElement();
-        if (element) {
-            element.removeAttribute("id");
-            element.removeAttribute("contentEditable");
+        if (!("serviceWorker" in navigator)) {
+            return;
         }
-    };
-    if (!pyodideWorker && active) {
-        console.warn("PyodideWorker is not initialized");
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.pythonrunnerContainer, styles_module_scss_1.default.pyodiderunner, active && styles_module_scss_1.default.active), children: [(0, jsx_runtime_1.jsxs)(OutputTabPanel_1.OutputTabPanel, { title: "Terminal", icon: console_svg_1.default, readOnly: readOnly, children: [(0, jsx_runtime_1.jsx)(ErrorMessage_1.default, {}), (0, jsx_runtime_1.jsx)("pre", { className: styles_module_scss_1.default.console, onClick: shiftFocusToInput, ref: output })] }), (0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Visual output", icon: preview_svg_1.default, readOnly: readOnly, children: (0, jsx_runtime_1.jsx)(VisualOutputPane_1.default, { visuals: visuals, setVisuals: setVisuals }) }) })] }));
+        const handleControllerChange = () => {
+            if (!navigator.serviceWorker.controller) {
+                return;
+            }
+            registerStdinClient();
+            onControllerChangeRef.current();
+        };
+        navigator.serviceWorker.addEventListener("controllerchange", handleControllerChange);
+        return () => {
+            navigator.serviceWorker.removeEventListener("controllerchange", handleControllerChange);
+        };
+    }, [active, registerStdinClient]);
+    return { ensureInputServiceWorker, registerStdinClient };
 };
-exports["default"] = PyodideRunner;
+exports.useStdinServiceWorker = useStdinServiceWorker;
 
 
 /***/ }),
 
-/***/ 39626:
+/***/ 35660:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -370586,89 +371091,395 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
-const highcharts_1 = __importDefault(__webpack_require__(14783));
-const plotly_js_1 = __importDefault(__webpack_require__(28850));
-const styles_module_scss_1 = __importDefault(__webpack_require__(46259));
-const VisualOutputPane = ({ visuals, setVisuals }) => {
-    const output = (0, react_1.useRef)(null);
-    const showVisual = (0, react_1.useCallback)((visual, output) => {
-        switch (visual.origin) {
-            case "pygal":
-                const chartContent = {
-                    ...visual.content,
-                    chart: {
-                        ...visual.content.chart,
-                        events: {
-                            ...visual.content.chart.events,
-                            load: function () {
-                                this.renderTo.style.overflow = "visible";
-                            },
-                        },
-                    },
-                    tooltip: {
-                        ...visual.content.tooltip,
-                        formatter: visual.content.chart.type === "pie"
-                            ? function () {
-                                return this.key + ": " + this.y;
-                            }
-                            : null,
-                    },
-                };
-                highcharts_1.default.chart(output.current, chartContent);
-                break;
-            case "turtle":
-                output.current.innerHTML = elementFromProps(visual.content).outerHTML;
-                break;
-            case "matplotlib":
-                // convert visual.content from Uint8Array to jpg
-                const img = document.createElement("img");
-                img.style = "max-width: 100%; max-height: 100%;";
-                img.src = `data:image/jpg;base64,${window.btoa(String.fromCharCode(...new Uint8Array(visual.content)))}`;
-                output.current.innerHTML = img.outerHTML;
-                break;
-            case "plotly":
-                const plotlyJson = visual.content;
-                // Parse the JSON
-                const figure = JSON.parse(plotlyJson);
-                // Render using Plotly.js
-                plotly_js_1.default.newPlot(output.current, figure.data, figure.layout);
-                break;
-            default:
-                throw new Error(`Unsupported origin: ${visual.origin}`);
-        }
-        visual.showing = true;
-        return visual;
-    }, []);
-    const showVisuals = (0, react_1.useCallback)((visuals, output) => visuals.map((v) => (v.showing ? v : showVisual(v, output))), [showVisual]);
-    (0, react_1.useEffect)(() => {
-        if (visuals.length === 0 && output.current) {
-            if (output.current) {
-                output.current.innerHTML = "";
+exports.shiftFocusToInput = exports.disableInputElement = exports.getInputContent = exports.getInputElement = exports.inputSpan = void 0;
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
+/**
+ * DOM helpers for the contentEditable span that captures the user's stdin.
+ *
+ * These helpers intentionally side-step React: the input element is appended
+ * to a `pre` element managed via a ref, and lifecycle is driven by the
+ * worker's stdin requests, not by React render cycles.
+ */
+/** Build the contentEditable `<span>` that captures a single line of stdin. */
+const inputSpan = () => {
+    const span = document.createElement("span");
+    span.setAttribute("id", "input");
+    span.setAttribute("spellCheck", "false");
+    span.setAttribute("class", styles_module_scss_1.default.pythonrunnerInput || "");
+    span.setAttribute("contentEditable", "true");
+    return span;
+};
+exports.inputSpan = inputSpan;
+/** Lookup the currently-active input span (id="input"), if any. */
+const getInputElement = () => document.getElementById("input");
+exports.getInputElement = getInputElement;
+/**
+ * Wait for the user to press Enter (submit) or Ctrl+D (EOF) inside the input
+ * element. Resolves with the typed text and whether EOF was signalled.
+ *
+ * The element is taken out of editable mode after the line is submitted so it
+ * appears as part of the transcript above.
+ */
+const getInputContent = (element) => {
+    element.focus();
+    return new Promise((resolve) => {
+        element.addEventListener("keydown", function removeInput(e) {
+            const ctrlD = (e.ctrlKey && e.key.toLowerCase() === "d");
+            const lineEnded = e.key === "Enter" || ctrlD;
+            if (lineEnded) {
+                element.removeEventListener(e.type, removeInput);
+                const content = element.innerText;
+                element.removeAttribute("id");
+                element.removeAttribute("contentEditable");
+                element.innerText = content + "\n";
+                document.addEventListener("keyup", function storeInput(ev) {
+                    if (lineEnded) {
+                        document.removeEventListener(ev.type, storeInput);
+                        resolve({ content, ctrlD });
+                    }
+                });
             }
+        });
+    });
+};
+exports.getInputContent = getInputContent;
+/**
+ * Remove the editable attributes from the active input span so it's frozen as
+ * transcript text. Safe to call even when no input is active.
+ */
+const disableInputElement = () => {
+    const element = (0, exports.getInputElement)();
+    if (element) {
+        element.removeAttribute("id");
+        element.removeAttribute("contentEditable");
+    }
+};
+exports.disableInputElement = disableInputElement;
+/**
+ * Click handler for the console pane that re-focuses the active input span
+ * when the user clicks anywhere in the console (without losing a selection).
+ */
+const shiftFocusToInput = (event) => {
+    const documentSelection = window.getSelection();
+    if (documentSelection && documentSelection.toString().length > 0) {
+        return;
+    }
+    const inputBox = (0, exports.getInputElement)();
+    if (inputBox && event.target !== inputBox) {
+        const input = (0, exports.getInputElement)();
+        const selection = window.getSelection();
+        selection?.removeAllRanges();
+        if (input?.innerText && input.innerText.length > 0) {
+            const range = document.createRange();
+            range.setStart(input, 1);
+            range.collapse(true);
+            selection?.addRange(range);
         }
-        else if (visuals.some((v) => !v.showing)) {
-            setVisuals((visuals) => showVisuals(visuals, output));
-        }
-    }, [visuals, setVisuals, showVisuals]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.visualOutput, children: (0, jsx_runtime_1.jsx)("div", { ref: output, className: styles_module_scss_1.default.pythonGraphic }) }));
+        input?.focus();
+    }
 };
-const elementFromProps = (map) => {
-    const tag = map.get("tag");
-    if (!tag) {
-        return document.createTextNode(map.get("text"));
+exports.shiftFocusToInput = shiftFocusToInput;
+
+
+/***/ }),
+
+/***/ 98131:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.appendConsoleLine = void 0;
+const classnames_1 = __importDefault(__webpack_require__(46942));
+const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
+/**
+ * Append a line of Python stdout/stderr to the console `pre` element.
+ *
+ * The element's innerHTML is set via `new Option(...).innerHTML` to escape
+ * any HTML control characters in the worker's output.
+ */
+const appendConsoleLine = (outputElement, stream, content) => {
+    if (!outputElement) {
+        return;
     }
-    const node = document.createElement(tag);
-    for (const [key, value] of map.get("props")) {
-        node.setAttribute(key, value);
+    const span = document.createElement("span");
+    span.className = (0, classnames_1.default)(styles_module_scss_1.default.pythonConsoleLine, stream === "stderr" && styles_module_scss_1.default["stderr"], stream === "stdout" && styles_module_scss_1.default["stdout"]);
+    span.innerHTML = new Option(content || " ").innerHTML + "\n";
+    outputElement.appendChild(span);
+    outputElement.scrollTop = outputElement.scrollHeight;
+};
+exports.appendConsoleLine = appendConsoleLine;
+
+
+/***/ }),
+
+/***/ 45230:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.applyPyodideFileWrite = void 0;
+const EditorSlice_1 = __webpack_require__(68512);
+const ProjectTypes_1 = __webpack_require__(27130);
+const projectHelpers_1 = __webpack_require__(2610);
+/**
+ * Apply a file-write event from the Pyodide worker to the project tree.
+ *
+ * Modes:
+ *   - "w" / "x" → overwrite (or create)
+ *   - "a"       → append to existing content
+ *
+ * When the target file doesn't exist yet, a new ProjectFile is created and
+ * attached to its parent directory's children list (if the parent exists).
+ */
+const applyPyodideFileWrite = ({ dispatch, projectComponents, projectCode, filePath, content, mode, }) => {
+    const componentToUpdate = projectCode.find((item) => item.path === filePath);
+    let updatedContent;
+    if (mode === "w" || mode === "x") {
+        updatedContent = content;
     }
-    for (const childProps of map.get("children")) {
-        node.appendChild(elementFromProps(childProps));
+    else if (mode === "a") {
+        updatedContent =
+            (componentToUpdate ? componentToUpdate.content : "") + content;
+    }
+    if (updatedContent === undefined) {
+        return;
+    }
+    if (componentToUpdate) {
+        dispatch((0, EditorSlice_1.updateProjectComponent)({
+            ...componentToUpdate,
+            content: updatedContent,
+        }));
+        return;
+    }
+    const { dirPath, name, extension } = (0, projectHelpers_1.parseComponentPath)(filePath);
+    const newFile = {
+        id: crypto.randomUUID(),
+        name,
+        extension,
+        content: updatedContent,
+        type: ProjectTypes_1.ProjectComponentType.FILE,
+        path: filePath,
+    };
+    dispatch((0, EditorSlice_1.addProjectComponent)(newFile));
+    const dirParent = projectComponents.find((component) => component.type === ProjectTypes_1.ProjectComponentType.DIR && component.path === dirPath);
+    if (dirParent) {
+        dispatch((0, EditorSlice_1.updateProjectComponent)({
+            ...dirParent,
+            children: [...(dirParent.children ?? []), newFile.id],
+        }));
     }
-    return node;
 };
-exports["default"] = VisualOutputPane;
+exports.applyPyodideFileWrite = applyPyodideFileWrite;
+
+
+/***/ }),
+
+/***/ 58158:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.postMessageToStdinServiceWorker = exports.verifyStdinServiceWorkerRoute = exports.waitForServiceWorkerControl = void 0;
+const constants_1 = __webpack_require__(90804);
+/**
+ * Resolve once the current page is controlled by a Service Worker, or once
+ * the timeout elapses. The page may briefly be uncontrolled after a fresh
+ * registration even though the SW is active, so we listen for
+ * `controllerchange` rather than polling.
+ */
+const waitForServiceWorkerControl = (timeoutMs = constants_1.SERVICE_WORKER_CONTROL_WAIT_MS) => new Promise((resolve) => {
+    if (!("serviceWorker" in navigator)) {
+        resolve(false);
+        return;
+    }
+    if (navigator.serviceWorker.controller) {
+        resolve(true);
+        return;
+    }
+    let settled = false;
+    const onControllerChange = () => {
+        if (settled)
+            return;
+        if (!navigator.serviceWorker.controller)
+            return;
+        settled = true;
+        window.clearTimeout(timeout);
+        navigator.serviceWorker.removeEventListener("controllerchange", onControllerChange);
+        resolve(true);
+    };
+    const timeout = window.setTimeout(() => {
+        if (settled)
+            return;
+        settled = true;
+        navigator.serviceWorker.removeEventListener("controllerchange", onControllerChange);
+        resolve(Boolean(navigator.serviceWorker.controller));
+    }, timeoutMs);
+    navigator.serviceWorker.addEventListener("controllerchange", onControllerChange);
+});
+exports.waitForServiceWorkerControl = waitForServiceWorkerControl;
+/**
+ * Probe the stdin Service Worker fetch route to confirm it's actually
+ * intercepting requests. The SW is configured to return HTTP 400 for probes
+ * that omit runId/requestId/clientId, so anything else means the route isn't
+ * wired up yet.
+ */
+const verifyStdinServiceWorkerRoute = async () => {
+    if (typeof window === "undefined") {
+        return false;
+    }
+    if (!("serviceWorker" in navigator)) {
+        return false;
+    }
+    if (!navigator.serviceWorker.controller) {
+        return false;
+    }
+    const probeController = new AbortController();
+    const timeoutId = window.setTimeout(() => probeController.abort(), constants_1.SERVICE_WORKER_PROBE_TIMEOUT_MS);
+    try {
+        const probeUrl = new URL(constants_1.PYODIDE_STDIN_ENDPOINT, window.location.origin);
+        probeUrl.searchParams.set("probe", "1");
+        const response = await fetch(probeUrl.toString(), {
+            method: "GET",
+            cache: "no-store",
+            signal: probeController.signal,
+        });
+        // SW returns 400 for probe requests without runId/requestId/clientId.
+        return response.status === 400;
+    }
+    catch (_) {
+        return false;
+    }
+    finally {
+        window.clearTimeout(timeoutId);
+    }
+};
+exports.verifyStdinServiceWorkerRoute = verifyStdinServiceWorkerRoute;
+/**
+ * Send a message to the stdin Service Worker. Prefers `navigator.serviceWorker.controller`,
+ * but falls back to the registration's active worker when the controller is
+ * temporarily unavailable (best effort — used to keep stdin mapping fresh).
+ *
+ * Returns true if the message was posted to the active controller.
+ *
+ * The `message` is intentionally typed as a structured-cloneable object — the
+ * concrete shapes live in `./stdinFallbackMessages.ts` and are the source of
+ * truth for the wire protocol.
+ */
+const postMessageToStdinServiceWorker = (message) => {
+    if (!("serviceWorker" in navigator)) {
+        return false;
+    }
+    const controller = navigator.serviceWorker.controller;
+    if (controller) {
+        controller.postMessage(message);
+        return true;
+    }
+    navigator.serviceWorker.ready
+        .then((registration) => {
+        registration.active?.postMessage(message);
+    })
+        .catch((error) => {
+        console.debug("stdin SW post fallback skipped", error);
+    });
+    return false;
+};
+exports.postMessageToStdinServiceWorker = postMessageToStdinServiceWorker;
+
+
+/***/ }),
+
+/***/ 94879:
+/***/ ((__unused_webpack_module, exports) => {
+
+
+/**
+ * Pure builders for the messages the main thread posts to the stdin Service
+ * Worker. Keeping them as data-only helpers (no `postMessage` side effects)
+ * makes the protocol surface easy to unit test.
+ *
+ * The three shapes correspond one-to-one with the three terminal outcomes the
+ * Service Worker can produce for a pending `/pyodide-stdin` fetch:
+ *
+ *   - RESPONSE → HTTP 200 with the typed line (data path)
+ *   - EOF      → HTTP 204 (clean EOF: input() raises EOFError in user code)
+ *   - CANCEL   → HTTP 499 (user pressed Stop: worker raises KeyboardInterrupt)
+ *
+ * EOF and CANCEL look superficially similar but mean very different things to
+ * Python — see `docs/PyodideRunner.md` §9 for the full flow.
+ */
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.buildStdinFallbackCancel = exports.buildStdinFallbackEof = exports.buildStdinFallbackResponse = void 0;
+/** Build a successful stdin response targeting a specific (runId, requestId). */
+const buildStdinFallbackResponse = (args) => ({
+    type: "PYODIDE_STDIN_RESPONSE",
+    clientId: args.clientId,
+    runId: args.runId,
+    requestId: args.requestId,
+    value: args.value,
+});
+exports.buildStdinFallbackResponse = buildStdinFallbackResponse;
+/**
+ * Build an EOF signal for a specific pending input request. Use this when the
+ * user pressed Ctrl+D or when stdin was already closed earlier in the run —
+ * NOT when the user pressed Stop (use the cancel builder for that).
+ */
+const buildStdinFallbackEof = (args) => ({
+    type: "PYODIDE_STDIN_EOF",
+    clientId: args.clientId,
+    runId: args.runId,
+    requestId: args.requestId,
+});
+exports.buildStdinFallbackEof = buildStdinFallbackEof;
+/**
+ * Build a cancellation message. Targets either a specific request or every
+ * pending request for the given runId (when `requestId` is omitted).
+ */
+const buildStdinFallbackCancel = (args) => {
+    const message = {
+        type: "PYODIDE_STDIN_CANCEL",
+        clientId: args.clientId,
+        runId: args.runId,
+    };
+    if (args.requestId !== undefined) {
+        message.requestId = args.requestId;
+    }
+    return message;
+};
+exports.buildStdinFallbackCancel = buildStdinFallbackCancel;
+
+
+/***/ }),
+
+/***/ 95369:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getOrCreateTabId = void 0;
+const constants_1 = __webpack_require__(90804);
+/**
+ * Return a stable id for this browser tab so the stdin Service Worker can
+ * route input requests back to the right client. Falls back to a fresh UUID
+ * if sessionStorage is unavailable (e.g. private mode).
+ */
+const getOrCreateTabId = () => {
+    try {
+        const existing = window.sessionStorage.getItem(constants_1.PYODIDE_TAB_ID_STORAGE_KEY);
+        if (existing) {
+            return existing;
+        }
+        const next = crypto.randomUUID();
+        window.sessionStorage.setItem(constants_1.PYODIDE_TAB_ID_STORAGE_KEY, next);
+        return next;
+    }
+    catch (_) {
+        return crypto.randomUUID();
+    }
+};
+exports.getOrCreateTabId = getOrCreateTabId;
 
 
 /***/ }),
@@ -370829,7 +371640,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(20140));
+const styles_module_scss_1 = __importDefault(__webpack_require__(87295));
 const loading_animation_gif_1 = __importDefault(__webpack_require__(73875));
 const Loading = ({}) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.loadingPage, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.loadingContainer, children: [(0, jsx_runtime_1.jsx)("img", { src: loading_animation_gif_1.default, className: styles_module_scss_1.default.loadingContainerAnimation }), (0, jsx_runtime_1.jsxs)("div", { children: ["Project loading", (0, jsx_runtime_1.jsxs)("span", { className: styles_module_scss_1.default.dots, "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("span", { className: `${styles_module_scss_1.default.dot} ${styles_module_scss_1.default.dot1}`, children: "." }), (0, jsx_runtime_1.jsx)("span", { className: `${styles_module_scss_1.default.dot} ${styles_module_scss_1.default.dot2}`, children: "." }), (0, jsx_runtime_1.jsx)("span", { className: `${styles_module_scss_1.default.dot} ${styles_module_scss_1.default.dot3}`, children: "." })] })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.loadingContainerSubtext, children: "Building your world!" })] }) }));
@@ -370850,7 +371661,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const react_menu_1 = __webpack_require__(71231);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(29707));
+const styles_module_scss_1 = __importDefault(__webpack_require__(28076));
 const ContextMenu = (props) => {
     const { align, direction, menuOptions, menuWidth, menuHeight, opened, anchorRef, onClose, anchorPoint, gap, hoverElement, title, activeItemId, showDivider = true, } = props;
     const portalTarget = document.getElementById("textjam-root") || document.body;
@@ -370887,7 +371698,7 @@ const react_1 = __webpack_require__(51649);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const SvgIcon_1 = __webpack_require__(82917);
 const arrow_right_svg_1 = __importDefault(__webpack_require__(17297));
-const styles_module_scss_1 = __importDefault(__webpack_require__(12102));
+const styles_module_scss_1 = __importDefault(__webpack_require__(51191));
 const ContextMenu_1 = __importDefault(__webpack_require__(39179));
 const Dropdown = (props) => {
     const { ButtonIcon, buttonClassname, menuOptions, menuPosition, ariaLabel } = props;
@@ -370910,7 +371721,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const SidebarPanel_1 = __importDefault(__webpack_require__(19190));
+const SidebarPanel_1 = __importDefault(__webpack_require__(83617));
 const FileTree_1 = __webpack_require__(88675);
 const stores_1 = __webpack_require__(32132);
 const FilePanel = () => {
@@ -370938,7 +371749,7 @@ exports.EmptyStateMessage = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const open_folder_svg_1 = __importDefault(__webpack_require__(2316));
 const SvgIcon_1 = __webpack_require__(82917);
-const styles_module_scss_1 = __importDefault(__webpack_require__(79473));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
 const EmptyStateMessage = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.emptyStateContainer, children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 24, SvgElement: open_folder_svg_1.default, className: styles_module_scss_1.default.emptyStateIcon }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.emptyStateMessage, children: "There are no items to display yet." }), (0, jsx_runtime_1.jsx)("div", { children: " As items are added, they will be displayed here." })] }));
 };
@@ -370963,7 +371774,7 @@ const add_folder_svg_1 = __importDefault(__webpack_require__(3503));
 const add_file_svg_1 = __importDefault(__webpack_require__(41625));
 const ImportButton_1 = __webpack_require__(67532);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(79473));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
 const react_1 = __webpack_require__(51649);
 const FileTreeContext_1 = __webpack_require__(5323);
 const ProjectTypes_1 = __webpack_require__(27130);
@@ -370992,7 +371803,7 @@ const jsx_runtime_1 = __webpack_require__(74848);
 const Text_1 = __webpack_require__(82803);
 const ItemEdit_1 = __webpack_require__(61576);
 const ItemIcon_1 = __webpack_require__(3427);
-const styles_module_scss_1 = __importDefault(__webpack_require__(68233));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
 const useHover_1 = __webpack_require__(78556);
 const button_dots_svg_1 = __importDefault(__webpack_require__(80054));
@@ -371069,7 +371880,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.DeleteOption = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(81055));
+const styles_module_scss_1 = __importDefault(__webpack_require__(52160));
 const DeleteOption = () => {
     return (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.textDelete, children: "Delete" });
 };
@@ -371197,7 +372008,7 @@ exports.ItemEdit = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const react_1 = __webpack_require__(51649);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(68233));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
 const FileTreeContext_1 = __webpack_require__(5323);
 const SvgIcon_1 = __webpack_require__(82917);
 const alert_svg_1 = __importDefault(__webpack_require__(11367));
@@ -371282,7 +372093,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileTreeItem = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(68233));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
 const treeGuides_1 = __webpack_require__(35258);
 const react_1 = __webpack_require__(51649);
 const FileTreeContext_1 = __webpack_require__(5323);
@@ -371336,7 +372147,7 @@ const upload_svg_1 = __importDefault(__webpack_require__(13616));
 const upload_file_svg_1 = __importDefault(__webpack_require__(98201));
 const upload_folder_svg_1 = __importDefault(__webpack_require__(66351));
 const SvgIcon_1 = __webpack_require__(82917);
-const styles_module_scss_1 = __importDefault(__webpack_require__(79473));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
 const FileImport_1 = __webpack_require__(23079);
 const Dropdown_1 = __importDefault(__webpack_require__(44651));
 const ProjectTypes_1 = __webpack_require__(27130);
@@ -371731,7 +372542,7 @@ const jsx_runtime_1 = __webpack_require__(74848);
 const FileTreeItem_1 = __webpack_require__(8153);
 const react_1 = __webpack_require__(51649);
 const FileTreeActions_1 = __webpack_require__(42884);
-const styles_module_scss_1 = __importDefault(__webpack_require__(79473));
+const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
 const useFileTreeActions_1 = __webpack_require__(98028);
 const stores_1 = __webpack_require__(32132);
 const FileTreeContext_1 = __webpack_require__(5323);
@@ -371803,7 +372614,7 @@ const AuthContext_1 = __webpack_require__(55471);
 // import FontIcon from "../../../assets/icons/font.svg";
 // import PlaygroundIcon from "../../../assets/icons/playground.svg";
 // import ThemeIcon from "../../../assets/icons/theme.svg";
-const styles_module_scss_1 = __importDefault(__webpack_require__(50239));
+const styles_module_scss_1 = __importDefault(__webpack_require__(21852));
 const getSidebarOptions = (initials, homeAction, isCodeVisible) => [
     {
         name: "home",
@@ -371868,7 +372679,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(50239));
+const styles_module_scss_1 = __importDefault(__webpack_require__(21852));
 const SidebarBarOption_1 = __importDefault(__webpack_require__(19371));
 const SidebarBar = (props) => {
     const { menuOptions, option, toggleOption } = props;
@@ -371892,9 +372703,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const react_1 = __webpack_require__(51649);
 const stores_1 = __webpack_require__(32132);
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(50239));
+const styles_module_scss_1 = __importDefault(__webpack_require__(21852));
 const UserMenu_1 = __importDefault(__webpack_require__(2957));
 const backgroundColors = [
     'D7F9F4', '43D6B9',
@@ -371983,9 +372794,9 @@ const react_modal_1 = __importDefault(__webpack_require__(20312));
 const info_svg_1 = __importDefault(__webpack_require__(13579));
 const SvgIcon_1 = __webpack_require__(82917);
 const Text_1 = __webpack_require__(82803);
-const Button_1 = __importDefault(__webpack_require__(60232));
-const CloseIcon_1 = __importDefault(__webpack_require__(66298));
-const base_module_scss_1 = __importDefault(__webpack_require__(15744));
+const Button_1 = __importDefault(__webpack_require__(79428));
+const CloseIcon_1 = __importDefault(__webpack_require__(61193));
+const base_module_scss_1 = __importDefault(__webpack_require__(62857));
 const BaseModal = ({ isOpen, closeModal, header, hasCloseButton = true, body, infoText, buttons, headerIcon, width, modalLabel, }) => {
     return ((0, jsx_runtime_1.jsxs)(react_modal_1.default, { isOpen: isOpen, onRequestClose: closeModal, className: base_module_scss_1.default.modalContent, overlayClassName: base_module_scss_1.default.modalOverlay, shouldCloseOnOverlayClick: true, contentLabel: modalLabel, style: width ? { content: { width: `${width}px` } } : undefined, parentSelector: () => document.querySelector("#textjam-editor") || document.body, appElement: document.querySelector("#textjam-root"), children: [(0, jsx_runtime_1.jsxs)("div", { className: base_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("div", { className: base_module_scss_1.default.headerButtonContainer, children: hasCloseButton && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: base_module_scss_1.default.buttonClose, onClickHandler: closeModal, ButtonIcon: CloseIcon_1.default, label: "Close", title: "Close", variant: "icon" })) }), (0, jsx_runtime_1.jsxs)("div", { className: base_module_scss_1.default.headerContent, children: [headerIcon, header] })] }), body && (0, jsx_runtime_1.jsx)("div", { className: base_module_scss_1.default.body, children: body }), infoText && ((0, jsx_runtime_1.jsxs)("div", { className: base_module_scss_1.default.infoBox, children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 18, SvgElement: info_svg_1.default }), (0, jsx_runtime_1.jsx)(Text_1.Text, { size: 12, children: infoText })] })), buttons && (0, jsx_runtime_1.jsx)("div", { className: base_module_scss_1.default.footer, children: buttons })] }));
 };
@@ -372003,13 +372814,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(49871));
+const styles_module_scss_1 = __importDefault(__webpack_require__(29642));
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
 const react_redux_1 = __webpack_require__(14062);
 const BaseModal_1 = __webpack_require__(30659);
 const restore_svg_1 = __importDefault(__webpack_require__(503));
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const SvgIcon_1 = __webpack_require__(82917);
 const stores_1 = __webpack_require__(32132);
 const selectors_1 = __webpack_require__(43551);
@@ -372080,13 +372891,13 @@ const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
 const types_1 = __webpack_require__(92932);
 const BaseModal_1 = __webpack_require__(30659);
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const SvgIcon_1 = __webpack_require__(82917);
 const save_svg_1 = __importDefault(__webpack_require__(48060));
 const Text_1 = __webpack_require__(82803);
 const LeaveFlowSlice_1 = __webpack_require__(52990);
 const SpinnerDotted_1 = __webpack_require__(79458);
-const styles_module_scss_1 = __importDefault(__webpack_require__(79730));
+const styles_module_scss_1 = __importDefault(__webpack_require__(6631));
 const useProjectCache_1 = __webpack_require__(69557);
 const projectTabSync_1 = __webpack_require__(48235);
 const SaveBeforeLeaveModal = () => {
@@ -372137,19 +372948,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(41809));
+const styles_module_scss_1 = __importDefault(__webpack_require__(27924));
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
 const react_redux_1 = __webpack_require__(14062);
-const BaseModal_1 = __importDefault(__webpack_require__(94738));
+const BaseModal_1 = __importDefault(__webpack_require__(97933));
 const upload_file_svg_1 = __importDefault(__webpack_require__(98201));
 const upload_folder_svg_1 = __importDefault(__webpack_require__(66351));
 const info_svg_1 = __importDefault(__webpack_require__(13579));
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const SvgIcon_1 = __webpack_require__(82917);
 const stores_1 = __webpack_require__(32132);
 const ProjectTypes_1 = __webpack_require__(27130);
-const styles_module_scss_2 = __importDefault(__webpack_require__(79354));
+const styles_module_scss_2 = __importDefault(__webpack_require__(38653));
 const Text_1 = __webpack_require__(82803);
 const constants_1 = __webpack_require__(16287);
 const UploadFilesModal = () => {
@@ -372195,14 +373006,14 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ModalTypeToComponentMap = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const types_1 = __webpack_require__(92932);
-const ShareProjectModal_1 = __importDefault(__webpack_require__(58052));
+const ShareProjectModal_1 = __importDefault(__webpack_require__(38876));
 const ProjectHistoryModal_1 = __importDefault(__webpack_require__(39345));
-const RemoveItemModal_1 = __importDefault(__webpack_require__(3985));
-const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(66536));
-const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(16893));
+const RemoveItemModal_1 = __importDefault(__webpack_require__(15406));
+const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(23765));
+const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(66156));
 const UploadFilesModal_1 = __importDefault(__webpack_require__(9825));
-const RemixProjectModal_1 = __importDefault(__webpack_require__(45829));
-const DraftUnsavedChangesModal_1 = __importDefault(__webpack_require__(94778));
+const RemixProjectModal_1 = __importDefault(__webpack_require__(14472));
+const DraftUnsavedChangesModal_1 = __importDefault(__webpack_require__(56724));
 exports.ModalTypeToComponentMap = {
     [types_1.ModalType.SHARE_PROJECT]: (0, jsx_runtime_1.jsx)(ShareProjectModal_1.default, {}),
     [types_1.ModalType.REMOVE_ITEM]: (0, jsx_runtime_1.jsx)(RemoveItemModal_1.default, {}),
@@ -372228,13 +373039,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const gwc_logo_svg_1 = __importDefault(__webpack_require__(72865));
 const text_jam_logo_svg_1 = __importDefault(__webpack_require__(97552));
-const ProjectName_1 = __importDefault(__webpack_require__(23559));
+const ProjectName_1 = __importDefault(__webpack_require__(73658));
 const DownloadButton_1 = __importDefault(__webpack_require__(2492));
-const SaveButton_1 = __importDefault(__webpack_require__(50468));
+const SaveButton_1 = __importDefault(__webpack_require__(88814));
 const ShareButton_1 = __importDefault(__webpack_require__(21422));
 const HistoryButton_1 = __importDefault(__webpack_require__(21091));
-const RunBar_1 = __importDefault(__webpack_require__(78176));
-const styles_module_scss_1 = __importDefault(__webpack_require__(19436));
+const RunBar_1 = __importDefault(__webpack_require__(57715));
+const styles_module_scss_1 = __importDefault(__webpack_require__(88525));
 const stores_1 = __webpack_require__(32132);
 const types_1 = __webpack_require__(92932);
 const ProjectBar = ({ nameEditable = true, }) => {
@@ -372260,14 +373071,14 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SharedProjectBar = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const SharedProjectName_1 = __importDefault(__webpack_require__(15591));
-const RunBar_1 = __importDefault(__webpack_require__(78176));
+const RunBar_1 = __importDefault(__webpack_require__(57715));
 const SvgIcon_1 = __webpack_require__(82917);
 const link_svg_1 = __importDefault(__webpack_require__(19351));
 const gwc_logo_svg_1 = __importDefault(__webpack_require__(72865));
 const text_jam_logo_svg_1 = __importDefault(__webpack_require__(97552));
-const styles_module_scss_1 = __importDefault(__webpack_require__(19436));
+const styles_module_scss_1 = __importDefault(__webpack_require__(88525));
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
@@ -372326,7 +373137,7 @@ const projectHelpers_1 = __webpack_require__(2610);
 const SvgIcon_1 = __webpack_require__(82917);
 const file_svg_1 = __importDefault(__webpack_require__(70429));
 const Text_1 = __webpack_require__(82803);
-const styles_module_scss_1 = __importDefault(__webpack_require__(32026));
+const styles_module_scss_1 = __importDefault(__webpack_require__(29881));
 const SharedProjectName = () => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
     const authorName = (0, projectHelpers_1.getAuthorName)(project.author);
@@ -372348,14 +373159,14 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const react_1 = __webpack_require__(51649);
 const share_svg_1 = __importDefault(__webpack_require__(48268));
-const Button_1 = __importDefault(__webpack_require__(60232));
+const Button_1 = __importDefault(__webpack_require__(79428));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
 const stores_1 = __webpack_require__(32132);
 const useHover_1 = __webpack_require__(78556);
-const styles_module_scss_1 = __importDefault(__webpack_require__(99855));
+const styles_module_scss_1 = __importDefault(__webpack_require__(68776));
 const SvgIcon_1 = __webpack_require__(82917);
 const ShareButton = (props) => {
     const dispatch = (0, react_redux_1.useDispatch)();
@@ -372390,7 +373201,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SpinnerDotted = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
-const styles_module_scss_1 = __importDefault(__webpack_require__(2109));
+const styles_module_scss_1 = __importDefault(__webpack_require__(73386));
 const DEFAUL_POINT_COUNT = 8;
 const SpinnerDotted = ({ pointCount = DEFAUL_POINT_COUNT }) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.spinnerDotted, children: [...new Array(pointCount)].map((_, i) => ((0, jsx_runtime_1.jsx)("span", { style: { "--itemIndex": i } }, i))) }));
@@ -372411,7 +373222,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Text = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(99265));
+const styles_module_scss_1 = __importDefault(__webpack_require__(91156));
 const Text = (props) => {
     const { children, size = 12, weight = "regular", variant = "text", tooltip, className, ...rest } = props;
     return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(styles_module_scss_1.default[variant], styles_module_scss_1.default[`size-${size}`], styles_module_scss_1.default[`weight-${weight}`], className), title: tooltip, ...rest, children: children }));
@@ -372436,7 +373247,7 @@ const alert_svg_1 = __importDefault(__webpack_require__(11367));
 const circle_check_svg_1 = __importDefault(__webpack_require__(16882));
 const info_svg_1 = __importDefault(__webpack_require__(13579));
 const SvgIcon_1 = __webpack_require__(82917);
-const styles_module_scss_1 = __importDefault(__webpack_require__(92867));
+const styles_module_scss_1 = __importDefault(__webpack_require__(27112));
 const ToastItem = ({ data, closeToast, toastProps, }) => {
     const type = toastProps.type;
     const isError = type === "error";
@@ -372515,7 +373326,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(64383));
+const styles_module_scss_1 = __importDefault(__webpack_require__(28188));
 const Tooltip = ({ message, visible = false, position = "bottom", className, style, }) => {
     if (!visible)
         return null;
@@ -372537,11 +373348,11 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 const jsx_runtime_1 = __webpack_require__(74848);
 const react_1 = __webpack_require__(51649);
 const marked_1 = __webpack_require__(6709);
-const Project_1 = __importDefault(__webpack_require__(69118));
+const Project_1 = __importDefault(__webpack_require__(26665));
 const Output_1 = __importDefault(__webpack_require__(95148));
-const DefaultMZCriteria_1 = __webpack_require__(98748);
-const WebComponentCustomEvents_1 = __webpack_require__(30272);
-const styles_module_scss_1 = __importDefault(__webpack_require__(63534));
+const DefaultMZCriteria_1 = __webpack_require__(29441);
+const WebComponentCustomEvents_1 = __webpack_require__(53841);
+const styles_module_scss_1 = __importDefault(__webpack_require__(93105));
 const stores_1 = __webpack_require__(32132);
 const WebComponentProject = ({ nameEditable = false, sidebarOptions = [], packageApiUrl, }) => {
     const loading = (0, stores_1.useAppSelector)((state) => state.editor.loading);
@@ -372646,7 +373457,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = __webpack_require__(74848);
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const styles_module_scss_1 = __importDefault(__webpack_require__(50879));
+const styles_module_scss_1 = __importDefault(__webpack_require__(36974));
 const SvgIcon = ({ size, SvgElement, className, ...rest }) => {
     return ((0, jsx_runtime_1.jsx)(SvgElement, { className: (0, classnames_1.default)(styles_module_scss_1.default[`svgIcon-${size}`], className), ...rest }));
 };
@@ -372677,12 +373488,12 @@ const useProject_1 = __webpack_require__(54095);
 const useProjectPersistence_1 = __webpack_require__(72300);
 const useProjectRemix_1 = __webpack_require__(35602);
 const useProjectTabSync_1 = __webpack_require__(17299);
-const settings_1 = __webpack_require__(3798);
-const ErrorModal_1 = __importDefault(__webpack_require__(95049));
-__webpack_require__(99782);
-__webpack_require__(22984);
-__webpack_require__(32433);
-const WebComponentCustomEvents_1 = __webpack_require__(30272);
+const settings_1 = __webpack_require__(62161);
+const ErrorModal_1 = __importDefault(__webpack_require__(15382));
+__webpack_require__(7703);
+__webpack_require__(75765);
+__webpack_require__(41882);
+const WebComponentCustomEvents_1 = __webpack_require__(53841);
 const ToastMessages_1 = __webpack_require__(6459);
 const Modals_1 = __webpack_require__(18284);
 const Loading_1 = __importDefault(__webpack_require__(34466));
@@ -383846,7 +384657,7 @@ module.exports = webpackAsyncContext;
 /***/ 24427:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-module.exports = __webpack_require__.p + "assets/PyodideWorkerdeabb0560f66f0f43f49.js";
+module.exports = __webpack_require__.p + "assets/PyodideWorkerb1409749c37aedc47dc8.js";
 
 /***/ }),