gwchq-textjam 0.5.0 → 0.5.2

package/dist/index.js

@@ -1,6 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE_react_redux_87be03b0__ from "react-redux";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 /******/ var __webpack_modules__ = ({
 
 /***/ 96988:
@@ -2483,7 +2484,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/assistive-tree-description.tsx
-var import_react = __toESM(__webpack_require__(51649));
+var import_react = __toESM(__webpack_require__(13327));
 var import_core = __webpack_require__(96988);
 var styles = {
   position: "absolute",
@@ -2539,7 +2540,7 @@ var AssistiveTreeDescription = (_a) => {
 };
 
 // src/use-tree.tsx
-var import_react2 = __webpack_require__(51649);
+var import_react2 = __webpack_require__(13327);
 var import_core2 = __webpack_require__(96988);
 var useTree = (config) => {
   const [tree] = (0, import_react2.useState)(() => ({ current: (0, import_core2.createTree)(config) }));
@@ -2586,6 +2587,8 @@ __webpack_require__.d(__webpack_exports__, {
   useTouchSensor: () => (/* binding */ useTouchSensor)
 });
 
+// EXTERNAL MODULE: ./src/react-external.js
+var react_external = __webpack_require__(13327);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(51649);
 // EXTERNAL MODULE: external "react-dom"
@@ -3681,7 +3684,7 @@ function dnd_esm_invariant(condition, message) {
   }
 }
 
-class ErrorBoundary extends external_react_["default"].Component {
+class ErrorBoundary extends react_external["default"].Component {
   constructor(...args) {
     super(...args);
     this.callbacks = null;
@@ -8184,7 +8187,7 @@ function useRegistry() {
   const registry = useMemo(createRegistry, []);
   (0,external_react_.useEffect)(() => {
     return function unmount() {
-      if (external_react_["default"].version.startsWith('16') || external_react_["default"].version.startsWith('17')) {
+      if (react_external["default"].version.startsWith('16') || react_external["default"].version.startsWith('17')) {
         requestAnimationFrame(registry.clean);
       } else {
         registry.clean();
@@ -8194,7 +8197,7 @@ function useRegistry() {
   return registry;
 }
 
-var StoreContext = external_react_["default"].createContext(null);
+var StoreContext = react_external["default"].createContext(null);
 
 var getBodyElement = (() => {
   const body = document.body;
@@ -8261,10 +8264,10 @@ function useDeprecatedUniqueId(prefix, options = defaults) {
   return useMemo(() => `${prefix}${options.separator}${count$1++}`, [options.separator, prefix]);
 }
 function useUniqueId(prefix, options = defaults) {
-  const id = external_react_["default"].useId();
+  const id = react_external["default"].useId();
   return useMemo(() => `${prefix}${options.separator}${id}`, [options.separator, prefix, id]);
 }
-var useUniqueId$1 = "useId" in external_react_["default"] ? useUniqueId : useDeprecatedUniqueId;
+var useUniqueId$1 = "useId" in react_external["default"] ? useUniqueId : useDeprecatedUniqueId;
 
 function getElementId({
   contextId,
@@ -8299,7 +8302,7 @@ function useHiddenTextElement({
   return id;
 }
 
-var AppContext = external_react_["default"].createContext(null);
+var AppContext = react_external["default"].createContext(null);
 
 var peerDependencies = {
 	react: "^16.8.5 || ^17.0.0 || ^18.0.0",
@@ -8386,7 +8389,7 @@ function useDevSetupWarning(fn, inputs) {
 
 function useStartupValidation() {
   useDevSetupWarning(() => {
-    checkReactVersion(peerDependencies.react, external_react_["default"].version);
+    checkReactVersion(peerDependencies.react, react_external["default"].version);
     checkDoctype(document);
   }, []);
 }
@@ -9484,7 +9487,7 @@ const createResponders = props => ({
         props.onBeforeCapture(t);
       }
     };
-    if (external_react_["default"].version.startsWith('16') || external_react_["default"].version.startsWith('17')) {
+    if (react_external["default"].version.startsWith('16') || react_external["default"].version.startsWith('17')) {
       onBeforeCapureCallback();
     } else {
       (0,external_react_dom_.flushSync)(onBeforeCapureCallback);
@@ -9606,9 +9609,9 @@ function App(props) {
   (0,external_react_.useEffect)(() => {
     return tryResetStore;
   }, [tryResetStore]);
-  return external_react_["default"].createElement(AppContext.Provider, {
+  return react_external["default"].createElement(AppContext.Provider, {
     value: appContext
-  }, external_react_["default"].createElement(external_react_redux_.Provider, {
+  }, react_external["default"].createElement(external_react_redux_.Provider, {
     context: StoreContext,
     store: store
   }, props.children));
@@ -9622,12 +9625,12 @@ function useDeprecatedUniqueContextId() {
   return useMemo(() => `${count++}`, []);
 }
 function useUniqueContextId() {
-  return external_react_["default"].useId();
+  return react_external["default"].useId();
 }
-var useUniqueContextId$1 = "useId" in external_react_["default"] ? useUniqueContextId : useDeprecatedUniqueContextId;
+var useUniqueContextId$1 = "useId" in react_external["default"] ? useUniqueContextId : useDeprecatedUniqueContextId;
 
 function resetServerContext() {
-  if ("useId" in external_react_["default"]) {
+  if ("useId" in react_external["default"]) {
      false ? 0 : void 0;
     return;
   }
@@ -9637,7 +9640,7 @@ function resetServerContext() {
 function DragDropContext(props) {
   const contextId = useUniqueContextId$1();
   const dragHandleUsageInstructions = props.dragHandleUsageInstructions || preset$1.dragHandleUsageInstructions;
-  return external_react_["default"].createElement(ErrorBoundary, null, setCallbacks => external_react_["default"].createElement(App, {
+  return react_external["default"].createElement(ErrorBoundary, null, setCallbacks => react_external["default"].createElement(App, {
     nonce: props.nonce,
     contextId: contextId,
     setCallbacks: setCallbacks,
@@ -9782,7 +9785,7 @@ function useDraggablePublisher(args) {
   }, [entry, registry.draggable]);
 }
 
-var DroppableContext = external_react_["default"].createContext(null);
+var DroppableContext = react_external["default"].createContext(null);
 
 function checkIsValidInnerRef(el) {
   !(el && isHtmlElement(el)) ?  false ? 0 : dnd_esm_invariant(false) : void 0;
@@ -9887,7 +9890,7 @@ const Draggable = props => {
     if (event.propertyName !== 'transform') {
       return;
     }
-    if (external_react_["default"].version.startsWith('16') || external_react_["default"].version.startsWith('17')) {
+    if (react_external["default"].version.startsWith('16') || react_external["default"].version.startsWith('17')) {
       dropAnimationFinishedAction();
     } else {
       (0,external_react_dom_.flushSync)(dropAnimationFinishedAction);
@@ -9916,7 +9919,7 @@ const Draggable = props => {
       droppableId: descriptor.droppableId
     }
   }), [descriptor.droppableId, descriptor.id, descriptor.index, descriptor.type]);
-  return external_react_["default"].createElement(external_react_["default"].Fragment, null, children(provided, mapped.snapshot, rubric));
+  return react_external["default"].createElement(react_external["default"].Fragment, null, children(provided, mapped.snapshot, rubric));
 };
 var Draggable$1 = Draggable;
 
@@ -10120,13 +10123,13 @@ function PrivateDraggable(props) {
   if (isUsingCloneFor === props.draggableId && !props.isClone) {
     return null;
   }
-  return external_react_["default"].createElement(ConnectedDraggable$1, props);
+  return react_external["default"].createElement(ConnectedDraggable$1, props);
 }
 function PublicDraggable(props) {
   const isEnabled = typeof props.isDragDisabled === 'boolean' ? !props.isDragDisabled : true;
   const canDragInteractiveElements = Boolean(props.disableInteractiveElementBlocking);
   const shouldRespectForcePress = Boolean(props.shouldRespectForcePress);
-  return external_react_["default"].createElement(PrivateDraggable, _extends({}, props, {
+  return react_external["default"].createElement(PrivateDraggable, _extends({}, props, {
     isClone: false,
     isEnabled: isEnabled,
     canDragInteractiveElements: canDragInteractiveElements,
@@ -10597,14 +10600,14 @@ const Placeholder = props => {
     animate: props.animate,
     placeholder: props.placeholder
   });
-  return external_react_["default"].createElement(props.placeholder.tagName, {
+  return react_external["default"].createElement(props.placeholder.tagName, {
     style,
     'data-rfd-placeholder-context-id': contextId,
     onTransitionEnd: onSizeChangeEnd,
     ref: props.innerRef
   });
 };
-var Placeholder$1 = external_react_["default"].memo(Placeholder);
+var Placeholder$1 = react_external["default"].memo(Placeholder);
 
 function isBoolean(value) {
   return typeof value === 'boolean';
@@ -10662,7 +10665,7 @@ function useValidation(args) {
   });
 }
 
-class AnimateInOut extends external_react_["default"].PureComponent {
+class AnimateInOut extends react_external["default"].PureComponent {
   constructor(...args) {
     super(...args);
     this.state = {
@@ -10773,14 +10776,14 @@ const Droppable = props => {
     ignoreContainerClipping,
     getDroppableRef
   });
-  const placeholder = useMemo(() => external_react_["default"].createElement(AnimateInOut, {
+  const placeholder = useMemo(() => react_external["default"].createElement(AnimateInOut, {
     on: props.placeholder,
     shouldAnimate: props.shouldAnimatePlaceholder
   }, ({
     onClose,
     data,
     animate
-  }) => external_react_["default"].createElement(Placeholder$1, {
+  }) => react_external["default"].createElement(Placeholder$1, {
     placeholder: data,
     onClose: onClose,
     innerRef: setPlaceholderRef,
@@ -10810,7 +10813,7 @@ const Droppable = props => {
       dragging,
       render
     } = useClone;
-    const node = external_react_["default"].createElement(PrivateDraggable, {
+    const node = react_external["default"].createElement(PrivateDraggable, {
       draggableId: dragging.draggableId,
       index: dragging.source.index,
       isClone: true,
@@ -10820,7 +10823,7 @@ const Droppable = props => {
     }, (draggableProvided, draggableSnapshot) => render(draggableProvided, draggableSnapshot, dragging));
     return external_react_dom_["default"].createPortal(node, getContainerForClone());
   }
-  return external_react_["default"].createElement(DroppableContext.Provider, {
+  return react_external["default"].createElement(DroppableContext.Provider, {
     value: droppableContext
   }, children(provided, snapshot), getClone());
 };
@@ -76842,8 +76845,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Button_Button)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 // EXTERNAL MODULE: ./node_modules/react-router-dom/dist/index.js + 2 modules
 var dist = __webpack_require__(92648);
 // EXTERNAL MODULE: ./node_modules/classnames/index.js
@@ -76852,8 +76853,8 @@ var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// ./src/components/Button/styles.module.scss
 // 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","btn":"styles-module__btn--0Px6W","btn--primary":"styles-module__btn--primary--k7oQ0","btn-outer":"styles-module__btn-outer--4KgkG","btn--secondary":"styles-module__btn--secondary--tK09f","btn--tertiary":"styles-module__btn--tertiary--jf5po","btn--tertiaryGray":"styles-module__btn--tertiaryGray--gFHKt","btn--danger":"styles-module__btn--danger--SmsoX","btn--small":"styles-module__btn--small--cJ2bM","btnOuter":"styles-module__btnOuter--ip64U","svgOnly":"styles-module__svgOnly--eXeyf","primary":"styles-module__primary--AeI1M","secondary":"styles-module__secondary--tAMJR","tertiary":"styles-module__tertiary--Kr5w9","tertiaryGray":"styles-module__tertiaryGray--gVUq6","iconed":"styles-module__iconed--AMs-c","icon":"styles-module__icon--C2jj1"});
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Button/Button.jsx
 
 
@@ -76896,7 +76897,7 @@ var Button = props => {
   var onKeyDown = e => {
     e.stopPropagation();
   };
-  var button = href ? /*#__PURE__*/(0,jsx_runtime.jsxs)(dist.Link, {
+  var button = href ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(dist.Link, {
     ref: buttonRef,
     className: buttonClass,
     disabled: disabled,
@@ -76905,14 +76906,14 @@ var Button = props => {
     to: href,
     onClick: buttonOuter ? null : onButtonClick,
     onKeyDown: onKeyDown,
-    children: [buttonImage && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+    children: [buttonImage && /*#__PURE__*/(0,jsx_runtime_.jsx)("img", {
       src: buttonImage,
       alt: buttonImageAltText,
       crossOrigin: "true"
-    }), ButtonIcon && buttonIconPosition === "left" && /*#__PURE__*/(0,jsx_runtime.jsx)(ButtonIcon, {}), text && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    }), ButtonIcon && buttonIconPosition === "left" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {}), text && /*#__PURE__*/(0,jsx_runtime_.jsx)("span", {
       children: text
-    }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime.jsx)(ButtonIcon, {})]
-  }) : /*#__PURE__*/(0,jsx_runtime.jsxs)("button", {
+    }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {})]
+  }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)("button", {
     ref: buttonRef,
     className: buttonClass,
     style: style,
@@ -76922,16 +76923,16 @@ var Button = props => {
     text: text,
     onClick: buttonOuter ? null : onButtonClick,
     onKeyDown: onKeyDown,
-    children: [buttonImage && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+    children: [buttonImage && /*#__PURE__*/(0,jsx_runtime_.jsx)("img", {
       src: buttonImage,
       alt: buttonImageAltText,
       crossOrigin: "true"
-    }), ButtonIcon && buttonIconPosition === "left" && /*#__PURE__*/(0,jsx_runtime.jsx)(ButtonIcon, {}), buttonText && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    }), ButtonIcon && buttonIconPosition === "left" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {}), buttonText && /*#__PURE__*/(0,jsx_runtime_.jsx)("span", {
       children: buttonText
-    }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime.jsx)(ButtonIcon, {})]
+    }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {})]
   });
   if (buttonOuter) {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
       className: classnames_default()([styles_module.btnOuter], {
         buttonOuterClassName
       }),
@@ -76952,13 +76953,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(89379);
-/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53986);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
-/* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68512);
-/* harmony import */ var _Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46963);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74848);
+/* harmony import */ var _home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
+/* harmony import */ var _home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53986);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14062);
+/* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68512);
+/* harmony import */ var _Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46963);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71178);
 
 
 var _excluded = ["children", "fileIndex", "draggableId", "onTabClick"];
@@ -76974,15 +76974,15 @@ var DraggableTab = _ref => {
       draggableId,
       onTabClick
     } = _ref,
-    otherProps = (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(_ref, _excluded);
-  var openedTabs = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.editor.openedTabs);
+    otherProps = (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(_ref, _excluded);
+  var openedTabs = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.editor.openedTabs);
   var openFilesCount = openedTabs.filter(t => t && t.type === "file").length || 1;
-  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useDispatch)();
   var switchToFileTab = fileIndex => {
     if (onTabClick) {
       onTabClick(fileIndex);
     } else {
-      dispatch((0,_redux_EditorSlice__WEBPACK_IMPORTED_MODULE_4__.setFocussedFileIndex)(fileIndex));
+      dispatch((0,_redux_EditorSlice__WEBPACK_IMPORTED_MODULE_3__.setFocussedFileIndex)(fileIndex));
     }
   };
   var onKeyPress = (e, fileIndex) => {
@@ -76992,7 +76992,7 @@ var DraggableTab = _ref => {
       switchToFileTab((fileIndex + openFilesCount - 1) % openFilesCount);
     }
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)({
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
     draggableId: draggableId,
     index: fileIndex,
     onClick: e => {
@@ -77016,13 +77016,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
-/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44754);
-/* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60627);
-/* 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);
+/* harmony import */ var _home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89379);
+/* harmony import */ var _home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53986);
+/* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(44754);
+/* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(60627);
+/* harmony import */ var _assets_stylesheets_DraggableTabs_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44221);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71178);
 
 
 var _excluded = ["children", "index"];
@@ -77036,9 +77035,9 @@ var DroppableTabList = _ref => {
       children: _children,
       index
     } = _ref,
-    otherProps = (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, {
+    otherProps = (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_0__.TabList, (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)({}, otherProps), {}, {
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_5__.Droppable, {
       direction: "horizontal",
       droppableId: index.toString(),
       children: _ref2 => {
@@ -77047,7 +77046,7 @@ var DroppableTabList = _ref => {
           droppableProps,
           placeholder
         } = _ref2;
-        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
+        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)({
           className: "droppable-tab-list"
         }, droppableProps), {}, {
           ref: innerRef,
@@ -109094,8 +109093,10 @@ function python() {
 
 
 
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
+// EXTERNAL MODULE: ./src/react-external.js
+var react_external = __webpack_require__(13327);
 ;// ./node_modules/@raspberrypifoundation/design-system-react/dist/design-system-react.js
 
 
@@ -109678,12 +109679,12 @@ function Fe() {
 var ze = /* @__PURE__ */ Fe();
 const design_system_react_a = /* @__PURE__ */ Ne(ze), Ue = ({ content: e, title: s, className: i, id: o = "accordion" }) => {
   const n = k("rpf-accordion", i);
-  return /* @__PURE__ */ (0,jsx_runtime.jsxs)("details", { className: n, id: `${o}`, children: [
-    /* @__PURE__ */ (0,jsx_runtime.jsxs)("summary", { className: "rpf-accordion__title", role: "button", children: [
+  return /* @__PURE__ */ (0,jsx_runtime_.jsxs)("details", { className: n, id: `${o}`, children: [
+    /* @__PURE__ */ (0,jsx_runtime_.jsxs)("summary", { className: "rpf-accordion__title", role: "button", children: [
       s,
-      /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: "rpf-accordion__icon" })
+      /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: "rpf-accordion__icon" })
     ] }),
-    /* @__PURE__ */ (0,jsx_runtime.jsx)("p", { className: "rpf-accordion__text", children: e })
+    /* @__PURE__ */ (0,jsx_runtime_.jsx)("p", { className: "rpf-accordion__text", children: e })
   ] });
 };
 Ue.propTypes = {
@@ -109726,15 +109727,15 @@ const V = ({
     o
   );
   let Y = "rpf-button__icon";
-  external_react_["default"].isValidElement(l) ? (Y += " icon", console.warn(
+  react_external["default"].isValidElement(l) ? (Y += " icon", console.warn(
     "DEPRECATED: icons as React elements will not be supported in future releases"
   )) : Y += " material-symbols-sharp";
-  const z = (c, W) => !W || T !== c ? null : typeof W == "string" ? /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: Y, children: W }) : W, $ = () => e && !N && /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: "text", children: e }), q = /* @__PURE__ */ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [
+  const z = (c, W) => !W || T !== c ? null : typeof W == "string" ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: Y, children: W }) : W, $ = () => e && !N && /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: "text", children: e }), q = /* @__PURE__ */ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, { children: [
     z("left", l),
     $(),
     z("right", l)
   ] });
-  return s ? /* @__PURE__ */ (0,jsx_runtime.jsx)(
+  return s ? /* @__PURE__ */ (0,jsx_runtime_.jsx)(
     M || "a",
     {
       className: I,
@@ -109743,7 +109744,7 @@ const V = ({
       "aria-label": j,
       children: q
     }
-  ) : /* @__PURE__ */ (0,jsx_runtime.jsx)(
+  ) : /* @__PURE__ */ (0,jsx_runtime_.jsx)(
     "button",
     {
       className: I,
@@ -109762,11 +109763,11 @@ const V = ({
   type: n,
   actions: r,
   onClose: u
-}) => /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: `rpf-alert rpf-alert--${n}`, children: [
-  /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: "rpf-alert__header", children: [
-    /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: "rpf-alert__icon material-symbols-sharp" }),
-    i ? /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-alert__title", children: i }) : e ? /* @__PURE__ */ (0,jsx_runtime.jsx)("p", { className: "rpf-alert__title", children: e }) : null,
-    !!u && /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-alert__close", children: /* @__PURE__ */ (0,jsx_runtime.jsx)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: `rpf-alert rpf-alert--${n}`, children: [
+  /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: "rpf-alert__header", children: [
+    /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: "rpf-alert__icon material-symbols-sharp" }),
+    i ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-alert__title", children: i }) : e ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("p", { className: "rpf-alert__title", children: e }) : null,
+    !!u && /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-alert__close", children: /* @__PURE__ */ (0,jsx_runtime_.jsx)(
       V,
       {
         type: "tertiary",
@@ -109777,9 +109778,9 @@ const V = ({
       }
     ) })
   ] }),
-  (s || o || r) && /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: "rpf-alert__body", children: [
-    s ? /* @__PURE__ */ (0,jsx_runtime.jsx)("p", { children: s }) : o ? /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { children: o }) : null,
-    r && r.length > 0 && /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-alert__actions", children: r.map((l, m) => /* @__PURE__ */ (0,jsx_runtime.jsx)(
+  (s || o || r) && /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: "rpf-alert__body", children: [
+    s ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("p", { children: s }) : o ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { children: o }) : null,
+    r && r.length > 0 && /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-alert__actions", children: r.map((l, m) => /* @__PURE__ */ (0,jsx_runtime_.jsx)(
       V,
       {
         text: l.label,
@@ -109838,7 +109839,7 @@ const V = ({
   legendText: o,
   legendHintText: n = "",
   children: r
-}) => /* @__PURE__ */ (0,jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsxs)(
   "fieldset",
   {
     className: k("rpf-fieldset", {
@@ -109848,13 +109849,13 @@ const V = ({
     }),
     disabled: e,
     children: [
-      /* @__PURE__ */ (0,jsx_runtime.jsxs)("legend", { className: "rpf-label", children: [
+      /* @__PURE__ */ (0,jsx_runtime_.jsxs)("legend", { className: "rpf-label", children: [
         o,
-        n.length > 0 ? /* @__PURE__ */ (0,jsx_runtime.jsx)("small", { className: "rpf-label__hint", children: n }) : null
+        n.length > 0 ? /* @__PURE__ */ (0,jsx_runtime_.jsx)("small", { className: "rpf-label__hint", children: n }) : null
       ] }),
-      /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-fieldset__inputs", children: r }),
-      s.length > 0 ? /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: "rpf-error-message", children: [
-        /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
+      /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-fieldset__inputs", children: r }),
+      s.length > 0 ? /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: "rpf-error-message", children: [
+        /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
         s
       ] }) : null
     ]
@@ -109875,8 +109876,8 @@ const Q = ({
   disabled: o = !1,
   error: n = "",
   hint: r = ""
-}) => /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: "rpf-input-field", children: [
-  (s || r) && /* @__PURE__ */ (0,jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: "rpf-input-field", children: [
+  (s || r) && /* @__PURE__ */ (0,jsx_runtime_.jsxs)(
     "label",
     {
       htmlFor: e,
@@ -109885,13 +109886,13 @@ const Q = ({
       }),
       children: [
         s,
-        /* @__PURE__ */ (0,jsx_runtime.jsx)("small", { className: "rpf-label__hint", children: r })
+        /* @__PURE__ */ (0,jsx_runtime_.jsx)("small", { className: "rpf-label__hint", children: r })
       ]
     }
   ),
   i,
-  n && /* @__PURE__ */ (0,jsx_runtime.jsxs)("div", { className: "rpf-error-message", children: [
-    /* @__PURE__ */ (0,jsx_runtime.jsx)("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
+  n && /* @__PURE__ */ (0,jsx_runtime_.jsxs)("div", { className: "rpf-error-message", children: [
+    /* @__PURE__ */ (0,jsx_runtime_.jsx)("span", { className: "rpf-error-message__icon material-symbols-sharp", children: "error" }),
     n
   ] })
 ] });
@@ -109908,7 +109909,7 @@ const Ve = ({
   inputFieldId: s,
   disabled: i = !1,
   hint: o = ""
-}) => /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-label", children: /* @__PURE__ */ (0,jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-label", children: /* @__PURE__ */ (0,jsx_runtime_.jsxs)(
   "label",
   {
     htmlFor: s,
@@ -109917,7 +109918,7 @@ const Ve = ({
     }),
     children: [
       e,
-      o && /* @__PURE__ */ (0,jsx_runtime.jsx)("div", { className: "rpf-label__hint", children: o })
+      o && /* @__PURE__ */ (0,jsx_runtime_.jsx)("div", { className: "rpf-label__hint", children: o })
     ]
   }
 ) });
@@ -109937,7 +109938,7 @@ const He = ({
   onChange: u = () => {
   },
   value: l = ""
-}) => /* @__PURE__ */ (0,jsx_runtime.jsx)(jsx_runtime.Fragment, { children: /* @__PURE__ */ (0,jsx_runtime.jsxs)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsx)(jsx_runtime_.Fragment, { children: /* @__PURE__ */ (0,jsx_runtime_.jsxs)(
   "label",
   {
     className: k("rpf-input-radio", {
@@ -109945,7 +109946,7 @@ const He = ({
       "rpf-input--full-width": r
     }),
     children: [
-      /* @__PURE__ */ (0,jsx_runtime.jsx)(
+      /* @__PURE__ */ (0,jsx_runtime_.jsx)(
         "input",
         {
           checked: !!o,
@@ -110046,7 +110047,7 @@ const tr = ({
   },
   placeholder: T = "",
   value: h = ""
-}) => /* @__PURE__ */ (0,jsx_runtime.jsx)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsx)(
   Q,
   {
     id: e,
@@ -110054,7 +110055,7 @@ const tr = ({
     error: r,
     hint: l,
     label: s,
-    children: /* @__PURE__ */ (0,jsx_runtime.jsxs)(
+    children: /* @__PURE__ */ (0,jsx_runtime_.jsxs)(
       "select",
       {
         className: k("rpf-input rpf-input-select", {
@@ -110068,8 +110069,8 @@ const tr = ({
         type: "text",
         value: h,
         children: [
-          !h && !!T && /* @__PURE__ */ (0,jsx_runtime.jsx)("option", { value: "", disabled: !0, children: T }),
-          o.map((v) => /* @__PURE__ */ (0,jsx_runtime.jsx)("option", { value: v.key, children: v.value }, v.key))
+          !h && !!T && /* @__PURE__ */ (0,jsx_runtime_.jsx)("option", { value: "", disabled: !0, children: T }),
+          o.map((v) => /* @__PURE__ */ (0,jsx_runtime_.jsx)("option", { value: v.key, children: v.value }, v.key))
         ]
       }
     )
@@ -110100,7 +110101,7 @@ const Xe = ({
   hint: m = "",
   onChange: T = () => {
   }
-}) => /* @__PURE__ */ (0,jsx_runtime.jsx)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsx)(
   Q,
   {
     id: e,
@@ -110108,7 +110109,7 @@ const Xe = ({
     error: u,
     hint: m,
     label: s,
-    children: /* @__PURE__ */ (0,jsx_runtime.jsx)(
+    children: /* @__PURE__ */ (0,jsx_runtime_.jsx)(
       "textarea",
       {
         className: k("rpf-input rpf-input-textarea", {
@@ -110150,7 +110151,7 @@ const Ge = ({
   hint: l = "",
   onChange: m = () => {
   }
-}) => /* @__PURE__ */ (0,jsx_runtime.jsx)(
+}) => /* @__PURE__ */ (0,jsx_runtime_.jsx)(
   Q,
   {
     id: e,
@@ -110158,7 +110159,7 @@ const Ge = ({
     error: r,
     hint: l,
     label: s,
-    children: /* @__PURE__ */ (0,jsx_runtime.jsx)(
+    children: /* @__PURE__ */ (0,jsx_runtime_.jsx)(
       "input",
       {
         className: k("rpf-input rpf-input-text", {
@@ -110514,7 +110515,7 @@ var EditorPanel = _ref => {
   }, [file, cascadeUpdate, editorViewRef]);
   if (!file) return null;
   if (file.isBinary) {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(AssetPreviewPanel.AssetPreviewPanel, {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(AssetPreviewPanel.AssetPreviewPanel, {
       file: file
     });
   }
@@ -110566,18 +110567,18 @@ var EditorPanel = _ref => {
     setLine(line.number);
     setPosition(pos - line.from + 1);
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
     className: "editor-wrapper",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
       className: "editor editor--".concat(settings.fontSize),
       ref: editor,
       onKeyUp: getCaretPosition,
       onClick: getCaretPosition
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(EditorStatistic.EditorStatistic, {
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(EditorStatistic.EditorStatistic, {
       line: line,
       position: position,
       title: getModeTitle()
-    }), characterLimitExceeded && /*#__PURE__*/(0,jsx_runtime.jsx)(er, {
+    }), characterLimitExceeded && /*#__PURE__*/(0,jsx_runtime_.jsx)(er, {
       title: t("editorPanel.characterLimitError"),
       type: "error",
       text: t("editorPanel.characterLimitExplanation", {
@@ -110645,8 +110646,8 @@ var TabsContainer = __webpack_require__(44097);
 var TabsContainer_default = /*#__PURE__*/__webpack_require__.n(TabsContainer);
 // EXTERNAL MODULE: ./src/redux/types.ts
 var types = __webpack_require__(92932);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Editor/Project/Project.jsx
 /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -110701,33 +110702,33 @@ var Project = props => {
     projectType: (0,external_react_redux_.useSelector)(state => state.editor.project.project_type),
     packageApiUrl
   });
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
     className: styles_module.proj,
     "data-testid": "project",
-    children: [isSharedProject ? /*#__PURE__*/(0,jsx_runtime.jsx)(SharedProjectBar.SharedProjectBar, {}) : /*#__PURE__*/(0,jsx_runtime.jsx)((ProjectBar_default()), {
+    children: [isSharedProject ? /*#__PURE__*/(0,jsx_runtime_.jsx)(SharedProjectBar.SharedProjectBar, {}) : /*#__PURE__*/(0,jsx_runtime_.jsx)((ProjectBar_default()), {
       nameEditable: nameEditable
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
       className: styles_module.projContainer,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)((Sidebar_default()), {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)((Sidebar_default()), {
         options: sidebarOptions,
         curriculumComponent: curriculumComponent
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: styles_module.projectWrapper,
         ref: containerRef,
-        children: [!loading && viewMode === types.ViewMode.FULL_WINDOW && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [!loading && viewMode === types.ViewMode.FULL_WINDOW && /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: styles_module.projEditorWrapper,
           role: "group",
           "aria-label": "Code editor and output",
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)((TabsContainer_default()), {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)((TabsContainer_default()), {
             tabs: openedTabs,
             renderOutput: renderOutput,
             outputMeta: outputMeta
           })
-        }), !loading && viewMode !== types.ViewMode.FULL_WINDOW && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        }), !loading && viewMode !== types.ViewMode.FULL_WINDOW && /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
           className: styles_module.projEditorWrapper,
           role: "group",
           "aria-label": "Code editor and output",
-          children: [isCodeVisible && /*#__PURE__*/(0,jsx_runtime.jsx)(ResizableWithHandle["default"], {
+          children: [isCodeVisible && /*#__PURE__*/(0,jsx_runtime_.jsx)(ResizableWithHandle["default"], {
             "data-testid": "proj-editor-container",
             className: styles_module.projEditorContainer,
             defaultWidth: defaultWidth,
@@ -110735,8 +110736,8 @@ var Project = props => {
             handleDirection: handleDirection,
             minWidth: "25%",
             maxWidth: maxWidth,
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)((EditorInput_default()), {})
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)((OutputStack_default()), {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)((EditorInput_default()), {})
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)((OutputStack_default()), {
             renderOutput: renderOutput,
             outputMeta: outputMeta,
             panelOrder: panelOrder
@@ -110757,15 +110758,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__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__(32694);
-/* 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__(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__(21852);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74848);
+/* harmony import */ var _utils_ResizableWithHandle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32694);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46942);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_mediaQueryBreakpoints__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22554);
+/* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17988);
+/* harmony import */ var react_responsive__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_responsive__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21852);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71178);
 
 
 
@@ -110785,34 +110785,34 @@ var SidebarPanel = props => {
     maxWidth = "600px",
     resizable = true
   } = props;
-  var isMobile = (0,react_responsive__WEBPACK_IMPORTED_MODULE_4__.useMediaQuery)({
-    query: _utils_mediaQueryBreakpoints__WEBPACK_IMPORTED_MODULE_5__.MOBILE_MEDIA_QUERY
+  var isMobile = (0,react_responsive__WEBPACK_IMPORTED_MODULE_3__.useMediaQuery)({
+    query: _utils_mediaQueryBreakpoints__WEBPACK_IMPORTED_MODULE_4__.MOBILE_MEDIA_QUERY
   });
-  var panelContent = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
-    children: [heading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelHeader,
-      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2", {
-        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelHeading,
+  var panelContent = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
+    children: [heading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelHeader,
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2", {
+        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelHeading,
         children: heading
-      }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
-        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelButtons,
+      }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
+        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelButtons,
         children: buttons
       })]
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelContent, panelContentClassName),
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelContent, panelContentClassName),
       children: children
-    }), Footer && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
-      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelFooter,
-      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Footer, {})
+    }), Footer && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
+      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelFooter,
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Footer, {})
     })]
   });
-  return isMobile || !resizable ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
+  return isMobile || !resizable ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
     "data-testid": "sidebar__panel",
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panel, className, Footer && _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelWithFooter),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panel, className, Footer && _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelWithFooter),
     children: panelContent
-  }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_utils_ResizableWithHandle__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_utils_ResizableWithHandle__WEBPACK_IMPORTED_MODULE_5__["default"], {
     "data-testid": "sidebar__panel",
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panel, className, Footer && _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].panelWithFooter),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panel, className, Footer && _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].panelWithFooter),
     defaultWidth: defaultWidth,
     defaultHeight: "100%",
     handleDirection: "right",
@@ -110832,13 +110832,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* 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__(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);
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20312);
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79428);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27924);
+/* harmony import */ var _utils_CloseIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61193);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71178);
 
 
 
@@ -110861,7 +110860,7 @@ var BaseModal = _ref => {
     withCloseButton = false,
     closeModal,
     externalClasses = {},
-    closeIcon = _utils_CloseIcon__WEBPACK_IMPORTED_MODULE_4__["default"]
+    closeIcon = _utils_CloseIcon__WEBPACK_IMPORTED_MODULE_3__["default"]
   } = _ref;
   var onKeyDown = e => {
     if (e.key === "Enter" && defaultCallback) {
@@ -110869,41 +110868,41 @@ var BaseModal = _ref => {
       defaultCallback();
     }
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
     onKeyDown: onKeyDown,
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)((react_modal__WEBPACK_IMPORTED_MODULE_1___default()), {
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)((react_modal__WEBPACK_IMPORTED_MODULE_0___default()), {
       isOpen: isOpen,
       onRequestClose: closeModal,
-      className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContent, " ").concat(externalClasses.content),
-      overlayClassName: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalOverlay,
+      className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContent, " ").concat(externalClasses.content),
+      overlayClassName: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalOverlay,
       contentLabel: heading,
       shouldCloseOnOverlayClick: true,
       parentSelector: () => document.querySelector("#textjam-editor") || document.body,
       appElement: document.querySelector("#textjam-root"),
-      children: [(!!heading || !!withCloseButton) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentHeader, " ").concat(externalClasses.modalContentHeader),
-        children: [!!heading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2", {
-          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentHeading, " ").concat(externalClasses.heading),
+      children: [(!!heading || !!withCloseButton) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentHeader, " ").concat(externalClasses.modalContentHeader),
+        children: [!!heading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2", {
+          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentHeading, " ").concat(externalClasses.heading),
           children: heading
-        }), withCloseButton ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_5__["default"], {
-          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].buttonClose, " ").concat(externalClasses.buttonClose),
+        }), withCloseButton ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].buttonClose, " ").concat(externalClasses.buttonClose),
           onClickHandler: closeModal,
           ButtonIcon: closeIcon,
           label: "Close",
           title: "Close",
           variant: "icon"
         }) : null]
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
-        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentBody, " ").concat(externalClasses.body),
-        children: [text.map((textItem, i) => textItem.type === "subheading" ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h3", {
-          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentSubHeading),
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
+        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentBody, " ").concat(externalClasses.body),
+        children: [text.map((textItem, i) => textItem.type === "subheading" ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3", {
+          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentSubHeading),
           children: textItem.content
-        }, i) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p", {
-          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentText),
+        }, i) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p", {
+          className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentText),
           children: textItem.content
         }, i)), children]
-      }), !!buttons && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
-        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].modalContentButtons, " ").concat(externalClasses.buttonsContainer),
+      }), !!buttons && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
+        className: "".concat(_styles_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].modalContentButtons, " ").concat(externalClasses.buttonsContainer),
         children: buttons
       })]
     })
@@ -110945,8 +110944,8 @@ var stores = __webpack_require__(32132);
 /* 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__(27924);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/DraftUnsavedChangesModal/DraftUnsavedChangesModal.js
 
 
@@ -110975,31 +110974,31 @@ var DraftUnsavedChangesModal = () => {
     args.onStartNew();
     handleClose();
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(BaseModal["default"], {
     isOpen: isModalOpen,
     closeModal: handleClose,
     externalClasses: styles_module,
     heading: "",
-    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "primary",
       buttonText: "Continue",
       onClickHandler: handleContinue
-    }, "continue"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    }, "continue"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "tertiaryGray",
       buttonText: "Start New Project",
       onClickHandler: handleStartNew
     }, "start-new")],
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
       className: BaseModal_styles_module["default"].headerContainer,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
         size: 24,
         SvgElement: alertTriangle["default"],
         className: styles_module.headerIcon
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
         children: "Unsaved Changes Detected"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("p", {
       className: styles_module.description,
       children: "We found unsaved changes.\n        Would you like to continue where you left off or start a new project?"
     })]
@@ -111020,8 +111019,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Modals_ErrorModal)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 // EXTERNAL MODULE: ./node_modules/react-modal/lib/index.js
 var lib = __webpack_require__(20312);
 var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
@@ -111036,8 +111033,8 @@ var EditorSlice = __webpack_require__(68512);
 ;// ./src/assets/stylesheets/Modal.scss
 // extracted by mini-css-extract-plugin
 
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/ErrorModal.jsx
 
 
@@ -111066,8 +111063,8 @@ var ErrorModal = _ref => {
     dispatch((0,EditorSlice.setError)(null));
   };
   var modalContainerElement = document.getElementById("textjam-root") || document.body;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)((lib_default()), {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(jsx_runtime_.Fragment, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)((lib_default()), {
       isOpen: isModalOpen,
       onRequestClose: closeModal,
       className: "modal-content",
@@ -111075,23 +111072,23 @@ var ErrorModal = _ref => {
       contentLabel: t("modal.error.error"),
       parentSelector: () => modalContainerElement,
       appElement: modalContainerElement,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: "modal-content__header",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("h2", {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)("h2", {
           className: "modal-content__heading",
           children: t("modal.error.heading")
         })
       }), t("modal.error.".concat(errorType || error, ".message"), {
         defaultValue: null
-      }) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }) && /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: "modal-content__body",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)("p", {
           className: "modal-content__text",
           children: t("modal.error.".concat(errorType || error, ".message"))
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: "modal-content__buttons",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
           className: "btn--primary",
           buttonText: t("modal.close"),
           onClickHandler: closeModal
@@ -111136,8 +111133,8 @@ var SvgIcon = __webpack_require__(82917);
 var remix = __webpack_require__(78667);
 // EXTERNAL MODULE: ./src/redux/stores/index.ts
 var stores = __webpack_require__(32132);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/RemixProjectModal/RemixProjectModal.jsx
 
 
@@ -111161,31 +111158,31 @@ var RemixProjectModal = () => {
     dispatch((0,EditorSlice.setRemixTriggered)(true));
     handleClose();
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(BaseModal["default"], {
     isOpen: isModalOpen,
     closeModal: handleClose,
     externalClasses: styles_module,
     heading: "",
-    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "primary",
       buttonText: "Create Now",
       onClickHandler: handleCreateNow
-    }, "create"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    }, "create"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "tertiaryGray",
       buttonText: "Cancel",
       onClickHandler: handleClose
     }, "cancel")],
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
       className: BaseModal_styles_module["default"].headerContainer,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
         size: 24,
         SvgElement: remix["default"],
         className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
         children: "Remix Project"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("p", {
       className: styles_module.description,
       children: "You'll create your own version, starting from this project."
     })]
@@ -111206,8 +111203,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ RemoveItemModal_RemoveItemModal)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 ;// ./src/components/Modals/RemoveItemModal/styles.module.scss
 // 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"});
@@ -111221,6 +111216,8 @@ var types = __webpack_require__(92932);
 var external_react_redux_ = __webpack_require__(14062);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
 var BaseModal = __webpack_require__(97933);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(51649);
 ;// ./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); }
@@ -111241,8 +111238,8 @@ var Button = __webpack_require__(79428);
 var SvgIcon = __webpack_require__(82917);
 // EXTERNAL MODULE: ./src/redux/stores/index.ts
 var stores = __webpack_require__(32132);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/RemoveItemModal/RemoveItemModal.jsx
 
 
@@ -111271,32 +111268,32 @@ var RemoveItemModal = () => {
     console.error("RemoveItemModal: no data provided");
     return null;
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
     isOpen: isModalOpen,
     closeModal: handleClose,
     externalClasses: styles_module,
     heading: "",
-    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "primary",
       buttonText: "Delete",
       onClickHandler: handleRemove
-    }, "delete"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    }, "delete"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "tertiaryGray",
       buttonText: "Cancel",
       onClickHandler: handleClose
     }, "cancel")],
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: BaseModal_styles_module["default"].headerContainer,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
           size: 32,
           SvgElement: remove,
           className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
           children: data !== null && data !== void 0 && data.isFolder ? "Delete Folder" : "Delete File"
         })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: styles_module.containerBox,
         children: ["Are you sure you want to delete \"".concat(data === null || data === void 0 ? void 0 : data.itemName, "\"? "), (data === null || data === void 0 ? void 0 : data.isFolder) && "Deleting this folder will delete everything in it"]
       })]
@@ -111318,8 +111315,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ SaveProjectReminderModal_SaveProjectReminderModal)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 ;// ./src/components/Modals/SaveProjectReminderModal/styles.module.scss
 // 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"});
@@ -111343,8 +111338,8 @@ var Button = __webpack_require__(79428);
 var icons_close = __webpack_require__(93224);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
 var SvgIcon = __webpack_require__(82917);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/SaveProjectReminderModal/SaveProjectReminderModal.jsx
 
 
@@ -111363,42 +111358,42 @@ var SaveProjectReminderModal = () => {
   var dispatch = (0,external_react_redux_.useDispatch)();
   var isModalOpen = (0,external_react_redux_.useSelector)(state => state.editor.modalWindowShowing === types.ModalType.SAVE_PROJECT_REMINDER);
   var handleClose = () => dispatch((0,EditorSlice.closeModal)());
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
     isOpen: isModalOpen,
     closeModal: handleClose,
     externalClasses: styles_module,
     heading: "",
     withCloseButton: true,
     closeIcon: icons_close["default"],
-    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "primary",
       buttonText: "Save",
       ButtonIcon: flag/* default */.A,
       onClickHandler: () => {}
-    }, "delete"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    }, "delete"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "tertiaryGray",
       buttonText: "Ignore",
       onClickHandler: handleClose
     }, "cancel")],
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: BaseModal_styles_module["default"].headerContainer,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
           children: "Remember to Save"
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
         className: styles_module.containerBox,
-        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
           className: styles_module.messageContainer,
-          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
             className: styles_module.messageIcon,
-            children: /*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
               size: 18,
               SvgElement: icons_alert["default"],
               className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
             })
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
             className: styles_module.messageContent,
             children: "Hey! You haven\u2019t saved in a while. Remember to save."
           })]
@@ -111449,8 +111444,8 @@ var types = __webpack_require__(92932);
 var Button = __webpack_require__(79428);
 // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
 var BaseModal = __webpack_require__(97933);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/ShareProjectModal/ShareProjectModal.jsx
 
 
@@ -111498,32 +111493,32 @@ var ShareProjectModal = () => {
       return _ref.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
     isOpen: isModalOpen,
     closeModal: handleClose,
     externalClasses: ShareProjectModal_styles_module,
     heading: "",
     withCloseButton: true,
-    ButtonIcon: /*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+    ButtonIcon: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
       size: 18,
       SvgElement: flag/* default */.A
     }),
     buttons: null,
     closeIcon: icons_close["default"],
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: styles_module["default"].headerContainer,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
           size: 32,
           SvgElement: icons_link["default"],
           className: ShareProjectModal_styles_module.headerIcon
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: ShareProjectModal_styles_module.headerText,
           children: "Share Project Link"
         })]
-      }), !!canShareProject && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), !!canShareProject && /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: ShareProjectModal_styles_module.tabContainer,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("button", {
           className: "".concat(ShareProjectModal_styles_module.tabButton, " ").concat(mode === tabModes.SHOW ? ShareProjectModal_styles_module.tabButtonActive : ""),
           onClick: () => {
             setMode(tabModes.SHOW);
@@ -111532,7 +111527,7 @@ var ShareProjectModal = () => {
           "aria-label": "Show Code",
           title: "Show Code",
           children: "Show Code"
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("button", {
           className: "".concat(ShareProjectModal_styles_module.tabButton, " ").concat(mode === tabModes.HIDE ? ShareProjectModal_styles_module.tabButtonActive : ""),
           onClick: () => {
             setMode(tabModes.HIDE);
@@ -111542,15 +111537,15 @@ var ShareProjectModal = () => {
           title: "Hide Code",
           children: "Hide Code"
         })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: ShareProjectModal_styles_module.containerBox,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: ShareProjectModal_styles_module.linkContainer,
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", {
             className: ShareProjectModal_styles_module.linkText,
             children: link
           })
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
           variant: "primary",
           onClickHandler: handleCopy,
           buttonText: isCopied ? "Copied!" : "Copy",
@@ -111575,8 +111570,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ UploadSizeLimitModal_UploadSizeLimitModal)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 ;// ./src/components/Modals/UploadSizeLimitModal/styles.module.scss
 // 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"});
@@ -111596,8 +111589,8 @@ var alertTriangle = __webpack_require__(75414);
 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
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/Modals/UploadSizeLimitModal/UploadSizeLimitModal.jsx
 
 
@@ -111615,26 +111608,26 @@ var UploadSizeLimitModal = () => {
   var isModalOpen = (0,external_react_redux_.useSelector)(state => state.editor.modalWindowShowing === types.ModalType.UPLOAD_SIZE_LIMIT);
   var handleClose = () => dispatch((0,EditorSlice.closeModal)());
   var uploadSizeMB = 3;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(BaseModal["default"], {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
     isOpen: isModalOpen,
     externalClasses: styles_module,
-    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
       variant: "primary",
       buttonText: "Ok",
       onClickHandler: handleClose
     })],
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: BaseModal_styles_module["default"].headerContainer,
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
           size: 32,
           SvgElement: alertTriangle["default"],
           className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
           className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
           children: "File size exceeds the limit"
         })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
         className: "".concat(BaseModal_styles_module["default"].containerBox, " ").concat(styles_module.containerBox),
         children: ["Please select a file with a maximum size of ", uploadSizeMB, " MB."]
       })]
@@ -111652,18 +111645,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
+/* harmony import */ var _home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51649);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14062);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
 /* harmony import */ var _utils_componentNameValidation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(56469);
-/* 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__(29881);
+/* 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 _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __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__);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74848);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71178);
 
 
 
@@ -111682,25 +111675,25 @@ var ProjectName = _ref => {
     showLabel = false,
     editable = true
   } = _ref;
-  var project = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.editor.project, react_redux__WEBPACK_IMPORTED_MODULE_1__.shallowEqual);
+  var project = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.editor.project, react_redux__WEBPACK_IMPORTED_MODULE_0__.shallowEqual);
   var projectName = getProjectName(project);
-  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-  var nameInput = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var nameBeforeEditingRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(projectName);
-  var [isEditing, setEditing] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-  var [name, setName] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(projectName);
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useDispatch)();
+  var nameInput = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null);
+  var nameBeforeEditingRef = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(projectName);
+  var [isEditing, setEditing] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
+  var [name, setName] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(projectName);
   var {
     hovered,
     hoverProps
   } = (0,_hooks_useHover__WEBPACK_IMPORTED_MODULE_5__.useHover)(_hooks_useHover__WEBPACK_IMPORTED_MODULE_5__.TOOLTIP_SHOW_DELAY_MS);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
     if (!isEditing) {
       setName(projectName);
       nameBeforeEditingRef.current = projectName;
       dispatch((0,_redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__.setProjectNameDraft)(null));
     }
   }, [projectName, isEditing, dispatch]);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
     if (isEditing) {
       var _nameInput$current, _nameInput$current2;
       (_nameInput$current = nameInput.current) === null || _nameInput$current === void 0 || _nameInput$current.focus();
@@ -111762,20 +111755,20 @@ var ProjectName = _ref => {
   var handleKeyUp = event => {
     stopKeyboardEventPropagation(event);
   };
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
-    children: [showLabel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
+    children: [showLabel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", {
       htmlFor: "project_name",
       id: "project_name_label",
-      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectLabel,
+      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].projectLabel,
       children: "Project Name"
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,_Users_ruslanmatkovskyi_projects_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
-      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectName, className)
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].projectName, className)
     }, hoverProps), {}, {
-      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)((components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default()), {
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)((components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default()), {
         message: name,
         visible: hovered && !!name && !isEditing,
         position: "bottom"
-      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("input", {
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", {
         id: "project_name",
         ref: nameInput,
         type: "text",
@@ -111789,8 +111782,8 @@ var ProjectName = _ref => {
         maxLength: _utils_componentNameValidation__WEBPACK_IMPORTED_MODULE_9__.PROJECT_NAME_LIMIT,
         onChange: handleOnChange,
         onBlur: handleOnBlur,
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectInput, {
-          [_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].editing]: isEditing
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].projectInput, {
+          [_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"].editing]: isEditing
         })
       })]
     }))]
@@ -111807,10 +111800,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__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__(60881);
-/* 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);
+/* harmony import */ var _RunnerControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60881);
+/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67534);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71178);
 
 
 
@@ -111819,9 +111811,9 @@ var RunBar = _ref => {
   var {
     embedded = false
   } = _ref;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
-    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.runBar,
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_RunnerControls__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
+    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.runBar,
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_RunnerControls__WEBPACK_IMPORTED_MODULE_2__["default"], {
       embedded: embedded
     })
   });
@@ -111841,8 +111833,6 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ RunButton_RunnerControls)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(51649);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__(89379);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
@@ -111858,8 +111848,8 @@ var Tooltip = __webpack_require__(26982);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip);
 // EXTERNAL MODULE: ./src/hooks/useHover.ts
 var useHover = __webpack_require__(78556);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/RunButton/RunButton.jsx
 
 
@@ -111890,21 +111880,23 @@ var RunButton = _ref => {
     dispatch((0,EditorSlice.setPage)(null));
   };
   var isButtonDisabled = !activeRunner || activeRunner !== loadedRunner || codeRunLoading;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, hoverProps), {}, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, hoverProps), {}, {
     style: {
       position: "relative"
     },
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)((Tooltip_default()), {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)((Tooltip_default()), {
       message: "We\u2019re still loading what you need to run your code. Try again in a moment!",
       visible: hovered && isButtonDisabled,
       position: "bottom"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
       disabled: isButtonDisabled,
       onClickHandler: onClickRun
     }, props))]
   }));
 };
 /* harmony default export */ const RunButton_RunButton = (RunButton);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(51649);
 // EXTERNAL MODULE: ./node_modules/classnames/index.js
 var classnames = __webpack_require__(46942);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
@@ -111924,9 +111916,9 @@ var StopButton_excluded = ["className"];
 
 
 
-var stoppingButtonText = /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+var stoppingButtonText = /*#__PURE__*/(0,jsx_runtime_.jsxs)("span", {
   className: styles_module/* default */.A.stopBtnContent,
-  children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SpinnerDotted.SpinnerDotted, {}), " Stopping..."]
+  children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SpinnerDotted.SpinnerDotted, {}), " Stopping..."]
 });
 var StopButton = _ref => {
   var {
@@ -111942,7 +111934,7 @@ var StopButton = _ref => {
     }
     dispatch((0,EditorSlice.stopDraw)());
   };
-  var stop = /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
+  var stop = /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
     onClickHandler: onClickStop,
     className: classnames_default()({
       [styles_module/* default */.A.pressed]: !!codeRunTriggered
@@ -111951,7 +111943,7 @@ var StopButton = _ref => {
   var [button, setButton] = (0,external_react_.useState)(stop);
   (0,external_react_.useEffect)(() => {
     if (codeRunStopped) {
-      var stopping = /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+      var stopping = /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
         className: styles_module/* default */.A.stopping,
         buttonText: stoppingButtonText,
         variant: "primary",
@@ -112012,16 +112004,16 @@ var SvgIcon = __webpack_require__(82917);
 var RunnerControls = () => {
   var codeRunTriggered = (0,external_react_redux_.useSelector)(state => state.editor.codeRunTriggered);
   var drawTriggered = (0,external_react_redux_.useSelector)(state => state.editor.drawTriggered);
-  return codeRunTriggered || drawTriggered ? /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_StopButton, {
+  return codeRunTriggered || drawTriggered ? /*#__PURE__*/(0,jsx_runtime_.jsx)(RunButton_StopButton, {
     buttonText: "Stop",
-    ButtonIcon: () => /*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+    ButtonIcon: () => /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
       SvgElement: stop,
       size: 24
     }),
     variant: "tertiary"
-  }) : /*#__PURE__*/(0,jsx_runtime.jsx)(RunButton_RunButton, {
+  }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(RunButton_RunButton, {
     buttonText: "Run",
-    ButtonIcon: () => /*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+    ButtonIcon: () => /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
       SvgElement: run,
       size: 24
     }),
@@ -112073,8 +112065,8 @@ var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip);
 var useHover = __webpack_require__(78556);
 // EXTERNAL MODULE: ./src/redux/selectors.ts
 var selectors = __webpack_require__(43551);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/components/SaveButton/SaveButton.jsx
 
 
@@ -112109,23 +112101,23 @@ var SaveButton = props => {
   var isSaving = saving === types.SavingState.PROCESS;
   var hasChangesToSave = hasContentChanges || hasNameChanges;
   var isDisabled = isSaving || !hasChangesToSave;
-  var buttonIcon = isSaving ? null : () => /*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+  var buttonIcon = isSaving ? null : () => /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
     size: 24,
     SvgElement: save["default"],
     className: styles_module.icon
   });
-  var buttonText = isSaving ? /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+  var buttonText = isSaving ? /*#__PURE__*/(0,jsx_runtime_.jsxs)("span", {
     className: styles_module.content,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SpinnerDotted.SpinnerDotted, {}), " Saving..."]
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SpinnerDotted.SpinnerDotted, {}), " Saving..."]
   }) : "Save";
-  return loading === types.LoadingState.SUCCESS && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({
+  return loading === types.LoadingState.SUCCESS && /*#__PURE__*/(0,jsx_runtime_.jsxs)("span", (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({
     className: styles_module.wrapper
   }, hoverProps), {}, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)((Tooltip_default()), {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)((Tooltip_default()), {
       message: DEFAULT_TOOLTIP + (hasChangesToSave ? "" : "\n" + NO_CHANGES_TO_SAVE_MESSAGE),
       visible: hovered && !hasChangesToSave,
       position: "bottom"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
       buttonText: buttonText,
       ButtonIcon: buttonIcon,
       buttonIconPosition: "left",
@@ -114845,6 +114837,23 @@ instance.use(es.initReactI18next)
 
 /***/ }),
 
+/***/ 13327:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_external__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in react_external__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => react_external__WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (react_external__WEBPACK_IMPORTED_MODULE_0__);
+
+/***/ }),
+
 /***/ 61193:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -114852,8 +114861,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74848);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71178);
 
 
 var CloseIcon = props => {
@@ -114861,14 +114869,14 @@ var CloseIcon = props => {
     scaleFactor
   } = props;
   var scale = scaleFactor || 1;
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg", {
     transform: "scale(".concat(scale, ", ").concat(scale, ")"),
     width: "9",
     height: "9",
     viewBox: "0 0 9 9",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", {
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path", {
       d: "M8.5 0.5L0.5 8.5M0.5 0.5L8.5 8.5",
       stroke: "#33625E",
       strokeLinecap: "round",
@@ -115980,8 +115988,8 @@ var useResizableSeparator = _ref => {
 ;// ./src/assets/stylesheets/ResizableWithHandle.scss
 // extracted by mini-css-extract-plugin
 
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 ;// ./src/utils/ResizableWithHandle.js
 
 
@@ -116023,11 +116031,11 @@ var ResizableWithHandle = props => {
   });
   var handleWrapperClass = "resizable-with-handle__handle resizable-with-handle__handle--".concat(handleDirection);
   var handleComponent = {
-    [handleDirection]: /*#__PURE__*/(0,jsx_runtime.jsx)("span", (0,objectSpread2/* default */.A)({
+    [handleDirection]: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", (0,objectSpread2/* default */.A)({
       className: "resizable-with-handle__bar resizable-with-handle__bar--".concat(handleDirection)
     }, separatorProps))
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(Resizable, (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(Resizable, (0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({
     ref: resizableRef,
     enable: (0,objectSpread2/* default */.A)({
       top: false,
@@ -345084,7 +345092,7 @@ var __assign = (this && this.__assign) || Object.assign || function(t) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-var React = __webpack_require__(51649);
+var React = __webpack_require__(13327);
 var ReactDOM = __webpack_require__(7516);
 var matchQueries_1 = __webpack_require__(70343);
 var ContainerQueryCore_1 = __webpack_require__(97473);
@@ -345443,7 +345451,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = __webpack_require__(51649);
+var _react = __webpack_require__(13327);
 
 var _react2 = _interopRequireDefault(_react);
 
@@ -345746,7 +345754,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = __webpack_require__(51649);
+var _react = __webpack_require__(13327);
 
 var _propTypes = __webpack_require__(5556);
 
@@ -346966,7 +346974,7 @@ module.exports = exports["default"];
 
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(true)
-		module.exports = factory(__webpack_require__(51649));
+		module.exports = factory(__webpack_require__(13327));
 	else {}
 })(this, (__WEBPACK_EXTERNAL_MODULE_react__) => {
 return /******/ (() => { // webpackBootstrap
@@ -348912,6 +348920,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(51649);
+// EXTERNAL MODULE: ./src/react-external.js
+var react_external = __webpack_require__(13327);
 // EXTERNAL MODULE: external "react-dom"
 var external_react_dom_ = __webpack_require__(7516);
 ;// ./node_modules/@remix-run/router/dist/router.js
@@ -354904,7 +354914,7 @@ function logV6DeprecationWarnings(renderFuture, routerFuture) {
   See https://github.com/remix-run/react-router/issues/10579
 */
 const START_TRANSITION = "startTransition";
-const startTransitionImpl = external_react_[START_TRANSITION];
+const startTransitionImpl = react_external[START_TRANSITION];
 
 /**
  * Given a Remix Router instance, render the appropriate UI
@@ -355744,11 +355754,11 @@ if (false) {}
   See https://github.com/remix-run/react-router/issues/10579
 */
 const dist_START_TRANSITION = "startTransition";
-const dist_startTransitionImpl = external_react_[dist_START_TRANSITION];
+const dist_startTransitionImpl = react_external[dist_START_TRANSITION];
 const FLUSH_SYNC = "flushSync";
 const flushSyncImpl = external_react_dom_[FLUSH_SYNC];
 const USE_ID = "useId";
-const useIdImpl = external_react_[USE_ID];
+const useIdImpl = react_external[USE_ID];
 function startTransitionSafe(cb) {
   if (dist_startTransitionImpl) {
     dist_startTransitionImpl(cb);
@@ -356865,6 +356875,8 @@ __webpack_require__.d(__webpack_exports__, {
 var prop_types = __webpack_require__(5556);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(51649);
+// EXTERNAL MODULE: ./src/react-external.js
+var react_external = __webpack_require__(13327);
 ;// ./node_modules/react-tabs/esm/helpers/elementTypes.js
 function makeTypeChecker(tabsRole){return element=>!!element.type&&element.type.tabsRole===tabsRole}const isTab=makeTypeChecker("Tab");const isTabList=makeTypeChecker("TabList");const isTabPanel=makeTypeChecker("TabPanel");
 ;// ./node_modules/react-tabs/esm/helpers/childrenDeepMap.js
@@ -356876,15 +356888,15 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
 ;// ./node_modules/react-tabs/esm/helpers/count.js
 function count_getTabsCount(children){let tabCount=0;deepForEach(children,child=>{if(isTab(child))tabCount++});return tabCount}
 ;// ./node_modules/react-tabs/esm/components/UncontrolledTabs.js
-function isNode(node){return node&&"getAttribute"in node}function isTabNode(node){return isNode(node)&&node.getAttribute("data-rttab")}function isTabDisabled(node){return isNode(node)&&node.getAttribute("aria-disabled")==="true"}let canUseActiveElement;function determineCanUseActiveElement(environment){const env=environment||(typeof window!=="undefined"?window:undefined);try{canUseActiveElement=!!(typeof env!=="undefined"&&env.document&&env.document.activeElement)}catch(e){canUseActiveElement=false}}const defaultProps={className:"react-tabs",focus:false};const propTypes={children:childrenPropType};const UncontrolledTabs=props=>{(0,prop_types.checkPropTypes)(propTypes,props,"prop","UncontrolledTabs");let tabNodes=(0,external_react_.useRef)([]);let tabIds=(0,external_react_.useRef)([]);const ref=(0,external_react_.useRef)();function setSelected(index,event){if(index<0||index>=getTabsCount())return;const{onSelect,selectedIndex}=props;onSelect(index,selectedIndex,event)}function getNextTab(index){const count=getTabsCount();for(let i=index+1;i<count;i++){if(!isTabDisabled(getTab(i))){return i}}for(let i=0;i<index;i++){if(!isTabDisabled(getTab(i))){return i}}return index}function getPrevTab(index){let i=index;while(i--){if(!isTabDisabled(getTab(i))){return i}}i=getTabsCount();while(i-->index){if(!isTabDisabled(getTab(i))){return i}}return index}function getFirstTab(){const count=getTabsCount();for(let i=0;i<count;i++){if(!isTabDisabled(getTab(i))){return i}}return null}function getLastTab(){let i=getTabsCount();while(i--){if(!isTabDisabled(getTab(i))){return i}}return null}function getTabsCount(){const{children}=props;return count_getTabsCount(children)}function getTab(index){return tabNodes.current[`tabs-${index}`]}function getChildren(){let index=0;const{children,disabledTabClassName,focus,forceRenderTabPanel,selectedIndex,selectedTabClassName,selectedTabPanelClassName,environment}=props;tabIds.current=tabIds.current||[];let diff=tabIds.current.length-getTabsCount();const id=(0,external_react_.useId)();while(diff++<0){tabIds.current.push(`${id}${tabIds.current.length}`)}return deepMap(children,child=>{let result=child;if(isTabList(child)){let listIndex=0;let wasTabFocused=false;if(canUseActiveElement==null){determineCanUseActiveElement(environment)}const env=environment||(typeof window!=="undefined"?window:undefined);if(canUseActiveElement&&env){wasTabFocused=external_react_["default"].Children.toArray(child.props.children).filter(isTab).some((tab,i)=>env.document.activeElement===getTab(i))}result=(0,external_react_.cloneElement)(child,{children:deepMap(child.props.children,tab=>{const key=`tabs-${listIndex}`;const selected=selectedIndex===listIndex;const props={tabRef:node=>{tabNodes.current[key]=node},id:tabIds.current[listIndex],selected,focus:selected&&(focus||wasTabFocused)};if(selectedTabClassName)props.selectedClassName=selectedTabClassName;if(disabledTabClassName)props.disabledClassName=disabledTabClassName;listIndex++;return (0,external_react_.cloneElement)(tab,props)})})}else if(isTabPanel(child)){const props={id:tabIds.current[index],selected:selectedIndex===index};if(forceRenderTabPanel)props.forceRender=forceRenderTabPanel;if(selectedTabPanelClassName)props.selectedClassName=selectedTabPanelClassName;index++;result=(0,external_react_.cloneElement)(child,props)}return result})}function handleKeyDown(e){const{direction,disableUpDownKeys,disableLeftRightKeys}=props;if(isTabFromContainer(e.target)){let{selectedIndex:index}=props;let preventDefault=false;let useSelectedIndex=false;if(e.code==="Space"||e.keyCode===32||e.code==="Enter"||e.keyCode===13){preventDefault=true;useSelectedIndex=false;handleClick(e)}if(!disableLeftRightKeys&&(e.keyCode===37||e.code==="ArrowLeft")||!disableUpDownKeys&&(e.keyCode===38||e.code==="ArrowUp")){if(direction==="rtl"){index=getNextTab(index)}else{index=getPrevTab(index)}preventDefault=true;useSelectedIndex=true}else if(!disableLeftRightKeys&&(e.keyCode===39||e.code==="ArrowRight")||!disableUpDownKeys&&(e.keyCode===40||e.code==="ArrowDown")){if(direction==="rtl"){index=getPrevTab(index)}else{index=getNextTab(index)}preventDefault=true;useSelectedIndex=true}else if(e.keyCode===35||e.code==="End"){index=getLastTab();preventDefault=true;useSelectedIndex=true}else if(e.keyCode===36||e.code==="Home"){index=getFirstTab();preventDefault=true;useSelectedIndex=true}if(preventDefault){e.preventDefault()}if(useSelectedIndex){setSelected(index,e)}}}function handleClick(e){let node=e.target;do{if(isTabFromContainer(node)){if(isTabDisabled(node)){return}const index=[].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);setSelected(index,e);return}}while((node=node.parentNode)!=null)}function isTabFromContainer(node){if(!isTabNode(node)){return false}let nodeAncestor=node.parentElement;do{if(nodeAncestor===ref.current)return true;if(nodeAncestor.getAttribute("data-rttabs"))break;nodeAncestor=nodeAncestor.parentElement}while(nodeAncestor);return false}const{children,className,disabledTabClassName,domRef,focus,forceRenderTabPanel,onSelect,selectedIndex,selectedTabClassName,selectedTabPanelClassName,environment,disableUpDownKeys,disableLeftRightKeys,...attributes}={...defaultProps,...props};return external_react_["default"].createElement("div",Object.assign({},attributes,{className:dist_clsx(className),onClick:handleClick,onKeyDown:handleKeyDown,ref:node=>{ref.current=node;if(domRef)domRef(node)},"data-rttabs":true}),getChildren())};/* harmony default export */ const components_UncontrolledTabs = (UncontrolledTabs);
+function isNode(node){return node&&"getAttribute"in node}function isTabNode(node){return isNode(node)&&node.getAttribute("data-rttab")}function isTabDisabled(node){return isNode(node)&&node.getAttribute("aria-disabled")==="true"}let canUseActiveElement;function determineCanUseActiveElement(environment){const env=environment||(typeof window!=="undefined"?window:undefined);try{canUseActiveElement=!!(typeof env!=="undefined"&&env.document&&env.document.activeElement)}catch(e){canUseActiveElement=false}}const defaultProps={className:"react-tabs",focus:false};const propTypes={children:childrenPropType};const UncontrolledTabs=props=>{(0,prop_types.checkPropTypes)(propTypes,props,"prop","UncontrolledTabs");let tabNodes=(0,external_react_.useRef)([]);let tabIds=(0,external_react_.useRef)([]);const ref=(0,external_react_.useRef)();function setSelected(index,event){if(index<0||index>=getTabsCount())return;const{onSelect,selectedIndex}=props;onSelect(index,selectedIndex,event)}function getNextTab(index){const count=getTabsCount();for(let i=index+1;i<count;i++){if(!isTabDisabled(getTab(i))){return i}}for(let i=0;i<index;i++){if(!isTabDisabled(getTab(i))){return i}}return index}function getPrevTab(index){let i=index;while(i--){if(!isTabDisabled(getTab(i))){return i}}i=getTabsCount();while(i-->index){if(!isTabDisabled(getTab(i))){return i}}return index}function getFirstTab(){const count=getTabsCount();for(let i=0;i<count;i++){if(!isTabDisabled(getTab(i))){return i}}return null}function getLastTab(){let i=getTabsCount();while(i--){if(!isTabDisabled(getTab(i))){return i}}return null}function getTabsCount(){const{children}=props;return count_getTabsCount(children)}function getTab(index){return tabNodes.current[`tabs-${index}`]}function getChildren(){let index=0;const{children,disabledTabClassName,focus,forceRenderTabPanel,selectedIndex,selectedTabClassName,selectedTabPanelClassName,environment}=props;tabIds.current=tabIds.current||[];let diff=tabIds.current.length-getTabsCount();const id=(0,external_react_.useId)();while(diff++<0){tabIds.current.push(`${id}${tabIds.current.length}`)}return deepMap(children,child=>{let result=child;if(isTabList(child)){let listIndex=0;let wasTabFocused=false;if(canUseActiveElement==null){determineCanUseActiveElement(environment)}const env=environment||(typeof window!=="undefined"?window:undefined);if(canUseActiveElement&&env){wasTabFocused=react_external["default"].Children.toArray(child.props.children).filter(isTab).some((tab,i)=>env.document.activeElement===getTab(i))}result=(0,external_react_.cloneElement)(child,{children:deepMap(child.props.children,tab=>{const key=`tabs-${listIndex}`;const selected=selectedIndex===listIndex;const props={tabRef:node=>{tabNodes.current[key]=node},id:tabIds.current[listIndex],selected,focus:selected&&(focus||wasTabFocused)};if(selectedTabClassName)props.selectedClassName=selectedTabClassName;if(disabledTabClassName)props.disabledClassName=disabledTabClassName;listIndex++;return (0,external_react_.cloneElement)(tab,props)})})}else if(isTabPanel(child)){const props={id:tabIds.current[index],selected:selectedIndex===index};if(forceRenderTabPanel)props.forceRender=forceRenderTabPanel;if(selectedTabPanelClassName)props.selectedClassName=selectedTabPanelClassName;index++;result=(0,external_react_.cloneElement)(child,props)}return result})}function handleKeyDown(e){const{direction,disableUpDownKeys,disableLeftRightKeys}=props;if(isTabFromContainer(e.target)){let{selectedIndex:index}=props;let preventDefault=false;let useSelectedIndex=false;if(e.code==="Space"||e.keyCode===32||e.code==="Enter"||e.keyCode===13){preventDefault=true;useSelectedIndex=false;handleClick(e)}if(!disableLeftRightKeys&&(e.keyCode===37||e.code==="ArrowLeft")||!disableUpDownKeys&&(e.keyCode===38||e.code==="ArrowUp")){if(direction==="rtl"){index=getNextTab(index)}else{index=getPrevTab(index)}preventDefault=true;useSelectedIndex=true}else if(!disableLeftRightKeys&&(e.keyCode===39||e.code==="ArrowRight")||!disableUpDownKeys&&(e.keyCode===40||e.code==="ArrowDown")){if(direction==="rtl"){index=getPrevTab(index)}else{index=getNextTab(index)}preventDefault=true;useSelectedIndex=true}else if(e.keyCode===35||e.code==="End"){index=getLastTab();preventDefault=true;useSelectedIndex=true}else if(e.keyCode===36||e.code==="Home"){index=getFirstTab();preventDefault=true;useSelectedIndex=true}if(preventDefault){e.preventDefault()}if(useSelectedIndex){setSelected(index,e)}}}function handleClick(e){let node=e.target;do{if(isTabFromContainer(node)){if(isTabDisabled(node)){return}const index=[].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);setSelected(index,e);return}}while((node=node.parentNode)!=null)}function isTabFromContainer(node){if(!isTabNode(node)){return false}let nodeAncestor=node.parentElement;do{if(nodeAncestor===ref.current)return true;if(nodeAncestor.getAttribute("data-rttabs"))break;nodeAncestor=nodeAncestor.parentElement}while(nodeAncestor);return false}const{children,className,disabledTabClassName,domRef,focus,forceRenderTabPanel,onSelect,selectedIndex,selectedTabClassName,selectedTabPanelClassName,environment,disableUpDownKeys,disableLeftRightKeys,...attributes}={...defaultProps,...props};return react_external["default"].createElement("div",Object.assign({},attributes,{className:dist_clsx(className),onClick:handleClick,onKeyDown:handleKeyDown,ref:node=>{ref.current=node;if(domRef)domRef(node)},"data-rttabs":true}),getChildren())};/* harmony default export */ const components_UncontrolledTabs = (UncontrolledTabs);
 ;// ./node_modules/react-tabs/esm/components/Tabs.js
-const MODE_CONTROLLED=0;const MODE_UNCONTROLLED=1;const Tabs_propTypes={children:childrenPropType,onSelect:onSelectPropType,selectedIndex:selectedIndexPropType};const Tabs_defaultProps={defaultFocus:false,focusTabOnClick:true,forceRenderTabPanel:false,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:false,disableLeftRightKeys:false};const getModeFromProps=props=>{return props.selectedIndex===null?MODE_UNCONTROLLED:MODE_CONTROLLED};const checkForIllegalModeChange=(props,mode)=>{if(false){}};const Tabs=props=>{(0,prop_types.checkPropTypes)(Tabs_propTypes,props,"prop","Tabs");const{children,defaultFocus,defaultIndex,focusTabOnClick,onSelect,...attributes}={...Tabs_defaultProps,...props};const[focus,setFocus]=(0,external_react_.useState)(defaultFocus);const[mode]=(0,external_react_.useState)(getModeFromProps(attributes));const[selectedIndex,setSelectedIndex]=(0,external_react_.useState)(mode===MODE_UNCONTROLLED?defaultIndex||0:null);(0,external_react_.useEffect)(()=>{setFocus(false)},[]);if(mode===MODE_UNCONTROLLED){const tabsCount=count_getTabsCount(children);(0,external_react_.useEffect)(()=>{if(selectedIndex!=null){const maxTabIndex=Math.max(0,tabsCount-1);setSelectedIndex(Math.min(selectedIndex,maxTabIndex))}},[tabsCount])}checkForIllegalModeChange(attributes,mode);const handleSelected=(index,last,event)=>{if(typeof onSelect==="function"){if(onSelect(index,last,event)===false)return}if(focusTabOnClick){setFocus(true)}if(mode===MODE_UNCONTROLLED){setSelectedIndex(index)}};let subProps={...props,...attributes};subProps.focus=focus;subProps.onSelect=handleSelected;if(selectedIndex!=null){subProps.selectedIndex=selectedIndex}delete subProps.defaultFocus;delete subProps.defaultIndex;delete subProps.focusTabOnClick;return external_react_["default"].createElement(components_UncontrolledTabs,subProps,children)};Tabs.tabsRole="Tabs";/* harmony default export */ const components_Tabs = (Tabs);
+const MODE_CONTROLLED=0;const MODE_UNCONTROLLED=1;const Tabs_propTypes={children:childrenPropType,onSelect:onSelectPropType,selectedIndex:selectedIndexPropType};const Tabs_defaultProps={defaultFocus:false,focusTabOnClick:true,forceRenderTabPanel:false,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:false,disableLeftRightKeys:false};const getModeFromProps=props=>{return props.selectedIndex===null?MODE_UNCONTROLLED:MODE_CONTROLLED};const checkForIllegalModeChange=(props,mode)=>{if(false){}};const Tabs=props=>{(0,prop_types.checkPropTypes)(Tabs_propTypes,props,"prop","Tabs");const{children,defaultFocus,defaultIndex,focusTabOnClick,onSelect,...attributes}={...Tabs_defaultProps,...props};const[focus,setFocus]=(0,external_react_.useState)(defaultFocus);const[mode]=(0,external_react_.useState)(getModeFromProps(attributes));const[selectedIndex,setSelectedIndex]=(0,external_react_.useState)(mode===MODE_UNCONTROLLED?defaultIndex||0:null);(0,external_react_.useEffect)(()=>{setFocus(false)},[]);if(mode===MODE_UNCONTROLLED){const tabsCount=count_getTabsCount(children);(0,external_react_.useEffect)(()=>{if(selectedIndex!=null){const maxTabIndex=Math.max(0,tabsCount-1);setSelectedIndex(Math.min(selectedIndex,maxTabIndex))}},[tabsCount])}checkForIllegalModeChange(attributes,mode);const handleSelected=(index,last,event)=>{if(typeof onSelect==="function"){if(onSelect(index,last,event)===false)return}if(focusTabOnClick){setFocus(true)}if(mode===MODE_UNCONTROLLED){setSelectedIndex(index)}};let subProps={...props,...attributes};subProps.focus=focus;subProps.onSelect=handleSelected;if(selectedIndex!=null){subProps.selectedIndex=selectedIndex}delete subProps.defaultFocus;delete subProps.defaultIndex;delete subProps.focusTabOnClick;return react_external["default"].createElement(components_UncontrolledTabs,subProps,children)};Tabs.tabsRole="Tabs";/* harmony default export */ const components_Tabs = (Tabs);
 ;// ./node_modules/react-tabs/esm/components/TabList.js
-const TabList_defaultProps={className:"react-tabs__tab-list"};const TabList=props=>{const{children,className,...attributes}={...TabList_defaultProps,...props};return external_react_["default"].createElement("ul",Object.assign({},attributes,{className:dist_clsx(className),role:"tablist"}),children)};TabList.tabsRole="TabList";/* harmony default export */ const components_TabList = (TabList);
+const TabList_defaultProps={className:"react-tabs__tab-list"};const TabList=props=>{const{children,className,...attributes}={...TabList_defaultProps,...props};return react_external["default"].createElement("ul",Object.assign({},attributes,{className:dist_clsx(className),role:"tablist"}),children)};TabList.tabsRole="TabList";/* harmony default export */ const components_TabList = (TabList);
 ;// ./node_modules/react-tabs/esm/components/Tab.js
-const DEFAULT_CLASS="react-tabs__tab";const Tab_defaultProps={className:DEFAULT_CLASS,disabledClassName:`${DEFAULT_CLASS}--disabled`,focus:false,id:null,selected:false,selectedClassName:`${DEFAULT_CLASS}--selected`};const Tab=props=>{let nodeRef=(0,external_react_.useRef)();const{children,className,disabled,disabledClassName,focus,id,selected,selectedClassName,tabIndex,tabRef,...attributes}={...Tab_defaultProps,...props};(0,external_react_.useEffect)(()=>{if(selected&&focus){nodeRef.current.focus()}},[selected,focus]);return external_react_["default"].createElement("li",Object.assign({},attributes,{className:dist_clsx(className,{[selectedClassName]:selected,[disabledClassName]:disabled}),ref:node=>{nodeRef.current=node;if(tabRef)tabRef(node)},role:"tab",id:`tab${id}`,"aria-selected":selected?"true":"false","aria-disabled":disabled?"true":"false","aria-controls":`panel${id}`,tabIndex:tabIndex||(selected?"0":null),"data-rttab":true}),children)};Tab.tabsRole="Tab";/* harmony default export */ const components_Tab = (Tab);
+const DEFAULT_CLASS="react-tabs__tab";const Tab_defaultProps={className:DEFAULT_CLASS,disabledClassName:`${DEFAULT_CLASS}--disabled`,focus:false,id:null,selected:false,selectedClassName:`${DEFAULT_CLASS}--selected`};const Tab=props=>{let nodeRef=(0,external_react_.useRef)();const{children,className,disabled,disabledClassName,focus,id,selected,selectedClassName,tabIndex,tabRef,...attributes}={...Tab_defaultProps,...props};(0,external_react_.useEffect)(()=>{if(selected&&focus){nodeRef.current.focus()}},[selected,focus]);return react_external["default"].createElement("li",Object.assign({},attributes,{className:dist_clsx(className,{[selectedClassName]:selected,[disabledClassName]:disabled}),ref:node=>{nodeRef.current=node;if(tabRef)tabRef(node)},role:"tab",id:`tab${id}`,"aria-selected":selected?"true":"false","aria-disabled":disabled?"true":"false","aria-controls":`panel${id}`,tabIndex:tabIndex||(selected?"0":null),"data-rttab":true}),children)};Tab.tabsRole="Tab";/* harmony default export */ const components_Tab = (Tab);
 ;// ./node_modules/react-tabs/esm/components/TabPanel.js
-const TabPanel_DEFAULT_CLASS="react-tabs__tab-panel";const TabPanel_defaultProps={className:TabPanel_DEFAULT_CLASS,forceRender:false,selectedClassName:`${TabPanel_DEFAULT_CLASS}--selected`};const TabPanel=props=>{const{children,className,forceRender,id,selected,selectedClassName,...attributes}={...TabPanel_defaultProps,...props};return external_react_["default"].createElement("div",Object.assign({},attributes,{className:dist_clsx(className,{[selectedClassName]:selected}),role:"tabpanel",id:`panel${id}`,"aria-labelledby":`tab${id}`}),forceRender||selected?children:null)};TabPanel.tabsRole="TabPanel";/* harmony default export */ const components_TabPanel = (TabPanel);
+const TabPanel_DEFAULT_CLASS="react-tabs__tab-panel";const TabPanel_defaultProps={className:TabPanel_DEFAULT_CLASS,forceRender:false,selectedClassName:`${TabPanel_DEFAULT_CLASS}--selected`};const TabPanel=props=>{const{children,className,forceRender,id,selected,selectedClassName,...attributes}={...TabPanel_defaultProps,...props};return react_external["default"].createElement("div",Object.assign({},attributes,{className:dist_clsx(className,{[selectedClassName]:selected}),role:"tabpanel",id:`panel${id}`,"aria-labelledby":`tab${id}`}),forceRender||selected?children:null)};TabPanel.tabsRole="TabPanel";/* harmony default export */ const components_TabPanel = (TabPanel);
 ;// ./node_modules/react-tabs/esm/index.js
 
 
@@ -356894,7 +356906,7 @@ const TabPanel_DEFAULT_CLASS="react-tabs__tab-panel";const TabPanel_defaultProps
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 'use client';
-var e=__webpack_require__(51649),t=__webpack_require__(64976);function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/n(e),s=/*#__PURE__*/n(t);const a=e=>"number"==typeof e&&!isNaN(e),r=e=>"string"==typeof e,i=e=>"function"==typeof e,l=e=>r(e)||i(e)?e:null,c=t=>e.isValidElement(t)||r(t)||i(t)||a(t);function u(e,t,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function d(t){let{enter:n,exit:s,appendPosition:a=!1,collapse:r=!0,collapseDuration:i=300}=t;return function(t){let{children:l,position:c,preventExitTransition:d,done:f,nodeRef:p,isIn:m}=t;const g=a?`${n}--${c}`:n,h=a?`${s}--${c}`:s,y=e.useRef(0);return e.useLayoutEffect(()=>{const e=p.current,t=g.split(" "),n=o=>{o.target===p.current&&(e.dispatchEvent(new Event("d")),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===y.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),e.useEffect(()=>{const e=p.current,t=()=>{e.removeEventListener("animationend",t),r?u(e,f,i):f()};m||(d?t():(y.current=1,e.className+=` ${h}`,e.addEventListener("animationend",t)))},[m]),o.default.createElement(o.default.Fragment,null,l)}}function f(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const p={list:new Map,emitQueue:new Map,on(e,t){return this.list.has(e)||this.list.set(e,[]),this.list.get(e).push(t),this},off(e,t){if(t){const n=this.list.get(e).filter(e=>e!==t);return this.list.set(e,n),this}return this.list.delete(e),this},cancelEmit(e){const t=this.emitQueue.get(e);return t&&(t.forEach(clearTimeout),this.emitQueue.delete(e)),this},emit(e){this.list.has(e)&&this.list.get(e).forEach(t=>{const n=setTimeout(()=>{t(...[].slice.call(arguments,1))},0);this.emitQueue.has(e)||this.emitQueue.set(e,[]),this.emitQueue.get(e).push(n)})}},m=e=>{let{theme:t,type:n,...s}=e;return o.default.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===t?"currentColor":`var(--toastify-icon-color-${n})`,...s})},g={info:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return o.default.createElement("div",{className:"Toastify__spinner"})}};function h(t){const[,n]=e.useReducer(e=>e+1,0),[o,s]=e.useState([]),u=e.useRef(null),d=e.useRef(new Map).current,m=e=>-1!==o.indexOf(e),h=e.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:t,containerId:null,isToastActive:m,getToast:e=>d.get(e)}).current;function y(e){let{containerId:t}=e;const{limit:n}=h.props;!n||t&&h.containerId!==t||(h.count-=h.queue.length,h.queue=[])}function v(e){s(t=>null==e?[]:t.filter(t=>t!==e))}function T(){const{toastContent:e,toastProps:t,staleId:n}=h.queue.shift();C(e,t,n)}function E(t,o){let{delay:s,staleId:m,...y}=o;if(!c(t)||function(e){return!u.current||h.props.enableMultiContainer&&e.containerId!==h.props.containerId||d.has(e.toastId)&&null==e.updateId}(y))return;const{toastId:E,updateId:b,data:I}=y,{props:_}=h,L=()=>v(E),O=null==b;O&&h.count++;const N={..._,style:_.toastStyle,key:h.toastKey++,...Object.fromEntries(Object.entries(y).filter(e=>{let[t,n]=e;return null!=n})),toastId:E,updateId:b,data:I,closeToast:L,isIn:!1,className:l(y.className||_.toastClassName),bodyClassName:l(y.bodyClassName||_.bodyClassName),progressClassName:l(y.progressClassName||_.progressClassName),autoClose:!y.isLoading&&(x=y.autoClose,R=_.autoClose,!1===x||a(x)&&x>0?x:R),deleteToast(){const e=f(d.get(E),"removed");d.delete(E),p.emit(4,e);const t=h.queue.length;if(h.count=null==E?h.count-h.displayedToast:h.count-1,h.count<0&&(h.count=0),t>0){const e=null==E?h.props.limit:1;if(1===t||1===e)h.displayedToast++,T();else{const n=e>t?t:e;h.displayedToast=n;for(let e=0;e<n;e++)T()}}else n()}};var x,R;N.iconOut=function(t){let{theme:n,type:o,isLoading:s,icon:l}=t,c=null;const u={theme:n,type:o};return!1===l||(i(l)?c=l(u):e.isValidElement(l)?c=e.cloneElement(l,u):r(l)||a(l)?c=l:s?c=g.spinner():(e=>e in g)(o)&&(c=g[o](u))),c}(N),i(y.onOpen)&&(N.onOpen=y.onOpen),i(y.onClose)&&(N.onClose=y.onClose),N.closeButton=_.closeButton,!1===y.closeButton||c(y.closeButton)?N.closeButton=y.closeButton:!0===y.closeButton&&(N.closeButton=!c(_.closeButton)||_.closeButton);let w=t;e.isValidElement(t)&&!r(t.type)?w=e.cloneElement(t,{closeToast:L,toastProps:N,data:I}):i(t)&&(w=t({closeToast:L,toastProps:N,data:I})),_.limit&&_.limit>0&&h.count>_.limit&&O?h.queue.push({toastContent:w,toastProps:N,staleId:m}):a(s)?setTimeout(()=>{C(w,N,m)},s):C(w,N,m)}function C(e,t,n){const{toastId:o}=t;n&&d.delete(n);const a={content:e,props:t};d.set(o,a),s(e=>[...e,o].filter(e=>e!==n)),p.emit(4,f(a,null==a.props.updateId?"added":"updated"))}return e.useEffect(()=>(h.containerId=t.containerId,p.cancelEmit(3).on(0,E).on(1,e=>u.current&&v(e)).on(5,y).emit(2,h),()=>{d.clear(),p.emit(3,h)}),[]),e.useEffect(()=>{h.props=t,h.isToastActive=m,h.displayedToast=o.length}),{getToastToRender:function(e){const n=new Map,o=Array.from(d.values());return t.newestOnTop&&o.reverse(),o.forEach(e=>{const{position:t}=e.props;n.has(t)||n.set(t,[]),n.get(t).push(e)}),Array.from(n,t=>e(t[0],t[1]))},containerRef:u,isToastActive:m}}function y(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function v(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function T(t){const[n,o]=e.useState(!1),[s,a]=e.useState(!1),r=e.useRef(null),l=e.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,c=e.useRef(t),{autoClose:u,pauseOnHover:d,closeToast:f,onClick:p,closeOnClick:m}=t;function g(e){if(t.draggable){"touchstart"===e.nativeEvent.type&&e.nativeEvent.preventDefault(),l.didMove=!1,document.addEventListener("mousemove",C),document.addEventListener("mouseup",b),document.addEventListener("touchmove",C),document.addEventListener("touchend",b);const n=r.current;l.canCloseOnClick=!0,l.canDrag=!0,l.boundingRect=n.getBoundingClientRect(),n.style.transition="",l.x=y(e.nativeEvent),l.y=v(e.nativeEvent),"x"===t.draggableDirection?(l.start=l.x,l.removalDistance=n.offsetWidth*(t.draggablePercent/100)):(l.start=l.y,l.removalDistance=n.offsetHeight*(80===t.draggablePercent?1.5*t.draggablePercent:t.draggablePercent/100))}}function h(e){if(l.boundingRect){const{top:n,bottom:o,left:s,right:a}=l.boundingRect;"touchend"!==e.nativeEvent.type&&t.pauseOnHover&&l.x>=s&&l.x<=a&&l.y>=n&&l.y<=o?E():T()}}function T(){o(!0)}function E(){o(!1)}function C(e){const o=r.current;l.canDrag&&o&&(l.didMove=!0,n&&E(),l.x=y(e),l.y=v(e),l.delta="x"===t.draggableDirection?l.x-l.start:l.y-l.start,l.start!==l.x&&(l.canCloseOnClick=!1),o.style.transform=`translate${t.draggableDirection}(${l.delta}px)`,o.style.opacity=""+(1-Math.abs(l.delta/l.removalDistance)))}function b(){document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",b),document.removeEventListener("touchmove",C),document.removeEventListener("touchend",b);const e=r.current;if(l.canDrag&&l.didMove&&e){if(l.canDrag=!1,Math.abs(l.delta)>l.removalDistance)return a(!0),void t.closeToast();e.style.transition="transform 0.2s, opacity 0.2s",e.style.transform=`translate${t.draggableDirection}(0)`,e.style.opacity="1"}}e.useEffect(()=>{c.current=t}),e.useEffect(()=>(r.current&&r.current.addEventListener("d",T,{once:!0}),i(t.onOpen)&&t.onOpen(e.isValidElement(t.children)&&t.children.props),()=>{const t=c.current;i(t.onClose)&&t.onClose(e.isValidElement(t.children)&&t.children.props)}),[]),e.useEffect(()=>(t.pauseOnFocusLoss&&(document.hasFocus()||E(),window.addEventListener("focus",T),window.addEventListener("blur",E)),()=>{t.pauseOnFocusLoss&&(window.removeEventListener("focus",T),window.removeEventListener("blur",E))}),[t.pauseOnFocusLoss]);const I={onMouseDown:g,onTouchStart:g,onMouseUp:h,onTouchEnd:h};return u&&d&&(I.onMouseEnter=E,I.onMouseLeave=T),m&&(I.onClick=e=>{p&&p(e),l.canCloseOnClick&&f()}),{playToast:T,pauseToast:E,isRunning:n,preventExitTransition:s,toastRef:r,eventHandlers:I}}function E(e){let{closeToast:t,theme:n,ariaLabel:s="close"}=e;return o.default.createElement("button",{className:`Toastify__close-button Toastify__close-button--${n}`,type:"button",onClick:e=>{e.stopPropagation(),t(e)},"aria-label":s},o.default.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},o.default.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function C(e){let{delay:t,isRunning:n,closeToast:a,type:r="default",hide:l,className:c,style:u,controlledProgress:d,progress:f,rtl:p,isIn:m,theme:g}=e;const h=l||d&&0===f,y={...u,animationDuration:`${t}ms`,animationPlayState:n?"running":"paused",opacity:h?0:1};d&&(y.transform=`scaleX(${f})`);const v=s.default("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${r}`,{"Toastify__progress-bar--rtl":p}),T=i(c)?c({rtl:p,type:r,defaultClassName:v}):s.default(v,c);return o.default.createElement("div",{role:"progressbar","aria-hidden":h?"true":"false","aria-label":"notification timer",className:T,style:y,[d&&f>=1?"onTransitionEnd":"onAnimationEnd"]:d&&f<1?null:()=>{m&&a()}})}const b=t=>{const{isRunning:n,preventExitTransition:a,toastRef:r,eventHandlers:l}=T(t),{closeButton:c,children:u,autoClose:d,onClick:f,type:p,hideProgressBar:m,closeToast:g,transition:h,position:y,className:v,style:b,bodyClassName:I,bodyStyle:_,progressClassName:L,progressStyle:O,updateId:N,role:x,progress:R,rtl:w,toastId:M,deleteToast:$,isIn:k,isLoading:B,iconOut:P,closeOnClick:D,theme:A}=t,z=s.default("Toastify__toast",`Toastify__toast-theme--${A}`,`Toastify__toast--${p}`,{"Toastify__toast--rtl":w},{"Toastify__toast--close-on-click":D}),F=i(v)?v({rtl:w,position:y,type:p,defaultClassName:z}):s.default(z,v),S=!!R||!d,q={closeToast:g,type:p,theme:A};let H=null;return!1===c||(H=i(c)?c(q):e.isValidElement(c)?e.cloneElement(c,q):E(q)),o.default.createElement(h,{isIn:k,done:$,position:y,preventExitTransition:a,nodeRef:r},o.default.createElement("div",{id:M,onClick:f,className:F,...l,style:b,ref:r},o.default.createElement("div",{...k&&{role:x},className:i(I)?I({type:p}):s.default("Toastify__toast-body",I),style:_},null!=P&&o.default.createElement("div",{className:s.default("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!B})},P),o.default.createElement("div",null,u)),H,o.default.createElement(C,{...N&&!S?{key:`pb-${N}`}:{},rtl:w,theme:A,delay:d,isRunning:n,isIn:k,closeToast:g,hide:m,type:p,style:O,className:L,controlledProgress:S,progress:R||0})))},I=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},_=d(I("bounce",!0)),L=d(I("slide",!0)),O=d(I("zoom")),N=d(I("flip")),x=e.forwardRef((t,n)=>{const{getToastToRender:a,containerRef:r,isToastActive:c}=h(t),{className:u,style:d,rtl:f,containerId:p}=t;function m(e){const t=s.default("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":f});return i(u)?u({position:e,rtl:f,defaultClassName:t}):s.default(t,l(u))}return e.useEffect(()=>{n&&(n.current=r.current)},[]),o.default.createElement("div",{ref:r,className:"Toastify",id:p},a((e,t)=>{const n=t.length?{...d}:{...d,pointerEvents:"none"};return o.default.createElement("div",{className:m(e),style:n,key:`container-${e}`},t.map((e,n)=>{let{content:s,props:a}=e;return o.default.createElement(b,{...a,isIn:c(a.toastId),style:{...a.style,"--nth":n+1,"--len":t.length},key:`toast-${a.key}`},s)}))}))});x.displayName="ToastContainer",x.defaultProps={position:"top-right",transition:_,autoClose:5e3,closeButton:E,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};let R,w=new Map,M=[],$=1;function k(){return""+$++}function B(e){return e&&(r(e.toastId)||a(e.toastId))?e.toastId:k()}function P(e,t){return w.size>0?p.emit(0,e,t):M.push({content:e,options:t}),t.toastId}function D(e,t){return{...t,type:t&&t.type||e,toastId:B(t)}}function A(e){return(t,n)=>P(t,D(e,n))}function z(e,t){return P(e,D("default",t))}z.loading=(e,t)=>P(e,D("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),z.promise=function(e,t,n){let o,{pending:s,error:a,success:l}=t;s&&(o=r(s)?z.loading(s,n):z.loading(s.render,{...n,...s}));const c={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},u=(e,t,s)=>{if(null==t)return void z.dismiss(o);const a={type:e,...c,...n,data:s},i=r(t)?{render:t}:t;return o?z.update(o,{...a,...i}):z(i.render,{...a,...i}),s},d=i(e)?e():e;return d.then(e=>u("success",l,e)).catch(e=>u("error",a,e)),d},z.success=A("success"),z.info=A("info"),z.error=A("error"),z.warning=A("warning"),z.warn=z.warning,z.dark=(e,t)=>P(e,D("default",{theme:"dark",...t})),z.dismiss=e=>{w.size>0?p.emit(1,e):M=M.filter(t=>null!=e&&t.options.toastId!==e)},z.clearWaitingQueue=function(e){return void 0===e&&(e={}),p.emit(5,e)},z.isActive=e=>{let t=!1;return w.forEach(n=>{n.isToastActive&&n.isToastActive(e)&&(t=!0)}),t},z.update=function(e,t){void 0===t&&(t={}),setTimeout(()=>{const n=function(e,t){let{containerId:n}=t;const o=w.get(n||R);return o&&o.getToast(e)}(e,t);if(n){const{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:k()};a.toastId!==e&&(a.staleId=e);const r=a.render||s;delete a.render,P(r,a)}},0)},z.done=e=>{z.update(e,{progress:1})},z.onChange=e=>(p.on(4,e),()=>{p.off(4,e)}),z.POSITION={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},z.TYPE={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"},p.on(2,e=>{R=e.containerId||e,w.set(R,e),M.forEach(e=>{p.emit(0,e.content,e.options)}),M=[]}).on(3,e=>{w.delete(e.containerId||e),0===w.size&&p.off(0).off(1).off(5)}),exports.Bounce=_,exports.Flip=N,exports.Icons=g,exports.Slide=L,exports.ToastContainer=x,exports.Zoom=O,exports.collapseToast=u,exports.cssTransition=d,exports.toast=z,exports.useToast=T,exports.useToastContainer=h;
+var e=__webpack_require__(13327),t=__webpack_require__(64976);function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/n(e),s=/*#__PURE__*/n(t);const a=e=>"number"==typeof e&&!isNaN(e),r=e=>"string"==typeof e,i=e=>"function"==typeof e,l=e=>r(e)||i(e)?e:null,c=t=>e.isValidElement(t)||r(t)||i(t)||a(t);function u(e,t,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function d(t){let{enter:n,exit:s,appendPosition:a=!1,collapse:r=!0,collapseDuration:i=300}=t;return function(t){let{children:l,position:c,preventExitTransition:d,done:f,nodeRef:p,isIn:m}=t;const g=a?`${n}--${c}`:n,h=a?`${s}--${c}`:s,y=e.useRef(0);return e.useLayoutEffect(()=>{const e=p.current,t=g.split(" "),n=o=>{o.target===p.current&&(e.dispatchEvent(new Event("d")),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===y.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),e.useEffect(()=>{const e=p.current,t=()=>{e.removeEventListener("animationend",t),r?u(e,f,i):f()};m||(d?t():(y.current=1,e.className+=` ${h}`,e.addEventListener("animationend",t)))},[m]),o.default.createElement(o.default.Fragment,null,l)}}function f(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const p={list:new Map,emitQueue:new Map,on(e,t){return this.list.has(e)||this.list.set(e,[]),this.list.get(e).push(t),this},off(e,t){if(t){const n=this.list.get(e).filter(e=>e!==t);return this.list.set(e,n),this}return this.list.delete(e),this},cancelEmit(e){const t=this.emitQueue.get(e);return t&&(t.forEach(clearTimeout),this.emitQueue.delete(e)),this},emit(e){this.list.has(e)&&this.list.get(e).forEach(t=>{const n=setTimeout(()=>{t(...[].slice.call(arguments,1))},0);this.emitQueue.has(e)||this.emitQueue.set(e,[]),this.emitQueue.get(e).push(n)})}},m=e=>{let{theme:t,type:n,...s}=e;return o.default.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===t?"currentColor":`var(--toastify-icon-color-${n})`,...s})},g={info:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(e){return o.default.createElement(m,{...e},o.default.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return o.default.createElement("div",{className:"Toastify__spinner"})}};function h(t){const[,n]=e.useReducer(e=>e+1,0),[o,s]=e.useState([]),u=e.useRef(null),d=e.useRef(new Map).current,m=e=>-1!==o.indexOf(e),h=e.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:t,containerId:null,isToastActive:m,getToast:e=>d.get(e)}).current;function y(e){let{containerId:t}=e;const{limit:n}=h.props;!n||t&&h.containerId!==t||(h.count-=h.queue.length,h.queue=[])}function v(e){s(t=>null==e?[]:t.filter(t=>t!==e))}function T(){const{toastContent:e,toastProps:t,staleId:n}=h.queue.shift();C(e,t,n)}function E(t,o){let{delay:s,staleId:m,...y}=o;if(!c(t)||function(e){return!u.current||h.props.enableMultiContainer&&e.containerId!==h.props.containerId||d.has(e.toastId)&&null==e.updateId}(y))return;const{toastId:E,updateId:b,data:I}=y,{props:_}=h,L=()=>v(E),O=null==b;O&&h.count++;const N={..._,style:_.toastStyle,key:h.toastKey++,...Object.fromEntries(Object.entries(y).filter(e=>{let[t,n]=e;return null!=n})),toastId:E,updateId:b,data:I,closeToast:L,isIn:!1,className:l(y.className||_.toastClassName),bodyClassName:l(y.bodyClassName||_.bodyClassName),progressClassName:l(y.progressClassName||_.progressClassName),autoClose:!y.isLoading&&(x=y.autoClose,R=_.autoClose,!1===x||a(x)&&x>0?x:R),deleteToast(){const e=f(d.get(E),"removed");d.delete(E),p.emit(4,e);const t=h.queue.length;if(h.count=null==E?h.count-h.displayedToast:h.count-1,h.count<0&&(h.count=0),t>0){const e=null==E?h.props.limit:1;if(1===t||1===e)h.displayedToast++,T();else{const n=e>t?t:e;h.displayedToast=n;for(let e=0;e<n;e++)T()}}else n()}};var x,R;N.iconOut=function(t){let{theme:n,type:o,isLoading:s,icon:l}=t,c=null;const u={theme:n,type:o};return!1===l||(i(l)?c=l(u):e.isValidElement(l)?c=e.cloneElement(l,u):r(l)||a(l)?c=l:s?c=g.spinner():(e=>e in g)(o)&&(c=g[o](u))),c}(N),i(y.onOpen)&&(N.onOpen=y.onOpen),i(y.onClose)&&(N.onClose=y.onClose),N.closeButton=_.closeButton,!1===y.closeButton||c(y.closeButton)?N.closeButton=y.closeButton:!0===y.closeButton&&(N.closeButton=!c(_.closeButton)||_.closeButton);let w=t;e.isValidElement(t)&&!r(t.type)?w=e.cloneElement(t,{closeToast:L,toastProps:N,data:I}):i(t)&&(w=t({closeToast:L,toastProps:N,data:I})),_.limit&&_.limit>0&&h.count>_.limit&&O?h.queue.push({toastContent:w,toastProps:N,staleId:m}):a(s)?setTimeout(()=>{C(w,N,m)},s):C(w,N,m)}function C(e,t,n){const{toastId:o}=t;n&&d.delete(n);const a={content:e,props:t};d.set(o,a),s(e=>[...e,o].filter(e=>e!==n)),p.emit(4,f(a,null==a.props.updateId?"added":"updated"))}return e.useEffect(()=>(h.containerId=t.containerId,p.cancelEmit(3).on(0,E).on(1,e=>u.current&&v(e)).on(5,y).emit(2,h),()=>{d.clear(),p.emit(3,h)}),[]),e.useEffect(()=>{h.props=t,h.isToastActive=m,h.displayedToast=o.length}),{getToastToRender:function(e){const n=new Map,o=Array.from(d.values());return t.newestOnTop&&o.reverse(),o.forEach(e=>{const{position:t}=e.props;n.has(t)||n.set(t,[]),n.get(t).push(e)}),Array.from(n,t=>e(t[0],t[1]))},containerRef:u,isToastActive:m}}function y(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function v(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function T(t){const[n,o]=e.useState(!1),[s,a]=e.useState(!1),r=e.useRef(null),l=e.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,c=e.useRef(t),{autoClose:u,pauseOnHover:d,closeToast:f,onClick:p,closeOnClick:m}=t;function g(e){if(t.draggable){"touchstart"===e.nativeEvent.type&&e.nativeEvent.preventDefault(),l.didMove=!1,document.addEventListener("mousemove",C),document.addEventListener("mouseup",b),document.addEventListener("touchmove",C),document.addEventListener("touchend",b);const n=r.current;l.canCloseOnClick=!0,l.canDrag=!0,l.boundingRect=n.getBoundingClientRect(),n.style.transition="",l.x=y(e.nativeEvent),l.y=v(e.nativeEvent),"x"===t.draggableDirection?(l.start=l.x,l.removalDistance=n.offsetWidth*(t.draggablePercent/100)):(l.start=l.y,l.removalDistance=n.offsetHeight*(80===t.draggablePercent?1.5*t.draggablePercent:t.draggablePercent/100))}}function h(e){if(l.boundingRect){const{top:n,bottom:o,left:s,right:a}=l.boundingRect;"touchend"!==e.nativeEvent.type&&t.pauseOnHover&&l.x>=s&&l.x<=a&&l.y>=n&&l.y<=o?E():T()}}function T(){o(!0)}function E(){o(!1)}function C(e){const o=r.current;l.canDrag&&o&&(l.didMove=!0,n&&E(),l.x=y(e),l.y=v(e),l.delta="x"===t.draggableDirection?l.x-l.start:l.y-l.start,l.start!==l.x&&(l.canCloseOnClick=!1),o.style.transform=`translate${t.draggableDirection}(${l.delta}px)`,o.style.opacity=""+(1-Math.abs(l.delta/l.removalDistance)))}function b(){document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",b),document.removeEventListener("touchmove",C),document.removeEventListener("touchend",b);const e=r.current;if(l.canDrag&&l.didMove&&e){if(l.canDrag=!1,Math.abs(l.delta)>l.removalDistance)return a(!0),void t.closeToast();e.style.transition="transform 0.2s, opacity 0.2s",e.style.transform=`translate${t.draggableDirection}(0)`,e.style.opacity="1"}}e.useEffect(()=>{c.current=t}),e.useEffect(()=>(r.current&&r.current.addEventListener("d",T,{once:!0}),i(t.onOpen)&&t.onOpen(e.isValidElement(t.children)&&t.children.props),()=>{const t=c.current;i(t.onClose)&&t.onClose(e.isValidElement(t.children)&&t.children.props)}),[]),e.useEffect(()=>(t.pauseOnFocusLoss&&(document.hasFocus()||E(),window.addEventListener("focus",T),window.addEventListener("blur",E)),()=>{t.pauseOnFocusLoss&&(window.removeEventListener("focus",T),window.removeEventListener("blur",E))}),[t.pauseOnFocusLoss]);const I={onMouseDown:g,onTouchStart:g,onMouseUp:h,onTouchEnd:h};return u&&d&&(I.onMouseEnter=E,I.onMouseLeave=T),m&&(I.onClick=e=>{p&&p(e),l.canCloseOnClick&&f()}),{playToast:T,pauseToast:E,isRunning:n,preventExitTransition:s,toastRef:r,eventHandlers:I}}function E(e){let{closeToast:t,theme:n,ariaLabel:s="close"}=e;return o.default.createElement("button",{className:`Toastify__close-button Toastify__close-button--${n}`,type:"button",onClick:e=>{e.stopPropagation(),t(e)},"aria-label":s},o.default.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},o.default.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function C(e){let{delay:t,isRunning:n,closeToast:a,type:r="default",hide:l,className:c,style:u,controlledProgress:d,progress:f,rtl:p,isIn:m,theme:g}=e;const h=l||d&&0===f,y={...u,animationDuration:`${t}ms`,animationPlayState:n?"running":"paused",opacity:h?0:1};d&&(y.transform=`scaleX(${f})`);const v=s.default("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${r}`,{"Toastify__progress-bar--rtl":p}),T=i(c)?c({rtl:p,type:r,defaultClassName:v}):s.default(v,c);return o.default.createElement("div",{role:"progressbar","aria-hidden":h?"true":"false","aria-label":"notification timer",className:T,style:y,[d&&f>=1?"onTransitionEnd":"onAnimationEnd"]:d&&f<1?null:()=>{m&&a()}})}const b=t=>{const{isRunning:n,preventExitTransition:a,toastRef:r,eventHandlers:l}=T(t),{closeButton:c,children:u,autoClose:d,onClick:f,type:p,hideProgressBar:m,closeToast:g,transition:h,position:y,className:v,style:b,bodyClassName:I,bodyStyle:_,progressClassName:L,progressStyle:O,updateId:N,role:x,progress:R,rtl:w,toastId:M,deleteToast:$,isIn:k,isLoading:B,iconOut:P,closeOnClick:D,theme:A}=t,z=s.default("Toastify__toast",`Toastify__toast-theme--${A}`,`Toastify__toast--${p}`,{"Toastify__toast--rtl":w},{"Toastify__toast--close-on-click":D}),F=i(v)?v({rtl:w,position:y,type:p,defaultClassName:z}):s.default(z,v),S=!!R||!d,q={closeToast:g,type:p,theme:A};let H=null;return!1===c||(H=i(c)?c(q):e.isValidElement(c)?e.cloneElement(c,q):E(q)),o.default.createElement(h,{isIn:k,done:$,position:y,preventExitTransition:a,nodeRef:r},o.default.createElement("div",{id:M,onClick:f,className:F,...l,style:b,ref:r},o.default.createElement("div",{...k&&{role:x},className:i(I)?I({type:p}):s.default("Toastify__toast-body",I),style:_},null!=P&&o.default.createElement("div",{className:s.default("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!B})},P),o.default.createElement("div",null,u)),H,o.default.createElement(C,{...N&&!S?{key:`pb-${N}`}:{},rtl:w,theme:A,delay:d,isRunning:n,isIn:k,closeToast:g,hide:m,type:p,style:O,className:L,controlledProgress:S,progress:R||0})))},I=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},_=d(I("bounce",!0)),L=d(I("slide",!0)),O=d(I("zoom")),N=d(I("flip")),x=e.forwardRef((t,n)=>{const{getToastToRender:a,containerRef:r,isToastActive:c}=h(t),{className:u,style:d,rtl:f,containerId:p}=t;function m(e){const t=s.default("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":f});return i(u)?u({position:e,rtl:f,defaultClassName:t}):s.default(t,l(u))}return e.useEffect(()=>{n&&(n.current=r.current)},[]),o.default.createElement("div",{ref:r,className:"Toastify",id:p},a((e,t)=>{const n=t.length?{...d}:{...d,pointerEvents:"none"};return o.default.createElement("div",{className:m(e),style:n,key:`container-${e}`},t.map((e,n)=>{let{content:s,props:a}=e;return o.default.createElement(b,{...a,isIn:c(a.toastId),style:{...a.style,"--nth":n+1,"--len":t.length},key:`toast-${a.key}`},s)}))}))});x.displayName="ToastContainer",x.defaultProps={position:"top-right",transition:_,autoClose:5e3,closeButton:E,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};let R,w=new Map,M=[],$=1;function k(){return""+$++}function B(e){return e&&(r(e.toastId)||a(e.toastId))?e.toastId:k()}function P(e,t){return w.size>0?p.emit(0,e,t):M.push({content:e,options:t}),t.toastId}function D(e,t){return{...t,type:t&&t.type||e,toastId:B(t)}}function A(e){return(t,n)=>P(t,D(e,n))}function z(e,t){return P(e,D("default",t))}z.loading=(e,t)=>P(e,D("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),z.promise=function(e,t,n){let o,{pending:s,error:a,success:l}=t;s&&(o=r(s)?z.loading(s,n):z.loading(s.render,{...n,...s}));const c={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},u=(e,t,s)=>{if(null==t)return void z.dismiss(o);const a={type:e,...c,...n,data:s},i=r(t)?{render:t}:t;return o?z.update(o,{...a,...i}):z(i.render,{...a,...i}),s},d=i(e)?e():e;return d.then(e=>u("success",l,e)).catch(e=>u("error",a,e)),d},z.success=A("success"),z.info=A("info"),z.error=A("error"),z.warning=A("warning"),z.warn=z.warning,z.dark=(e,t)=>P(e,D("default",{theme:"dark",...t})),z.dismiss=e=>{w.size>0?p.emit(1,e):M=M.filter(t=>null!=e&&t.options.toastId!==e)},z.clearWaitingQueue=function(e){return void 0===e&&(e={}),p.emit(5,e)},z.isActive=e=>{let t=!1;return w.forEach(n=>{n.isToastActive&&n.isToastActive(e)&&(t=!0)}),t},z.update=function(e,t){void 0===t&&(t={}),setTimeout(()=>{const n=function(e,t){let{containerId:n}=t;const o=w.get(n||R);return o&&o.getToast(e)}(e,t);if(n){const{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:k()};a.toastId!==e&&(a.staleId=e);const r=a.render||s;delete a.render,P(r,a)}},0)},z.done=e=>{z.update(e,{progress:1})},z.onChange=e=>(p.on(4,e),()=>{p.off(4,e)}),z.POSITION={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},z.TYPE={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"},p.on(2,e=>{R=e.containerId||e,w.set(R,e),M.forEach(e=>{p.emit(0,e.content,e.options)}),M=[]}).on(3,e=>{w.delete(e.containerId||e),0===w.size&&p.off(0).off(1).off(5)}),exports.Bounce=_,exports.Flip=N,exports.Icons=g,exports.Slide=L,exports.ToastContainer=x,exports.Zoom=O,exports.collapseToast=u,exports.cssTransition=d,exports.toast=z,exports.useToast=T,exports.useToastContainer=h;
 //# sourceMappingURL=react-toastify.js.map
 
 
@@ -356910,36 +356922,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (clsx);
 
-/***/ }),
-
-/***/ 21020:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f=__webpack_require__(51649),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
-
-
-/***/ }),
-
-/***/ 74848:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-
-
-if (true) {
-  module.exports = __webpack_require__(21020);
-} else {}
-
-
 /***/ }),
 
 /***/ 40286:
@@ -375826,9 +375808,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TextJamEditor = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 /* eslint-disable @typescript-eslint/no-empty-function */
-const react_1 = __importStar(__webpack_require__(51649));
+const react_1 = __importStar(__webpack_require__(13327));
 const WebComponentLoader_1 = __importDefault(__webpack_require__(17205));
 const stores_1 = __webpack_require__(32132);
 const react_redux_1 = __webpack_require__(14062);
@@ -375895,8 +375877,8 @@ exports.TextJamEditor = TextJamEditor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AssetPreview = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const binaryStore_1 = __webpack_require__(5060);
 const AssetPreview = ({ file }) => {
     const [url, setUrl] = (0, react_1.useState)(null);
@@ -375948,7 +375930,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AssetPreviewPanel = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(22401));
 const AssetPreview_1 = __webpack_require__(91078);
 const AssetPreviewPanel = ({ file, }) => {
@@ -375968,8 +375950,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.CommitHistoryMenu = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const ContextMenu_1 = __importDefault(__webpack_require__(39179));
 const MenuCommitElement_1 = __webpack_require__(78281);
 const EditorSlice_1 = __webpack_require__(68512);
@@ -376006,8 +375988,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const history_svg_1 = __importDefault(__webpack_require__(70772));
 const Button_1 = __importDefault(__webpack_require__(79428));
@@ -376044,7 +376026,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.CommitHoverElement = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const SvgIcon_1 = __webpack_require__(82917);
 const Text_1 = __webpack_require__(82803);
 const history_svg_1 = __importDefault(__webpack_require__(70772));
@@ -376065,7 +376047,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const file_saver_1 = __importDefault(__webpack_require__(4213));
 const js_convert_case_1 = __webpack_require__(61647);
 const download_svg_1 = __importDefault(__webpack_require__(73468));
@@ -376097,9 +376079,9 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const SvgIcon_1 = __webpack_require__(82917);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const arrow_right_svg_1 = __importDefault(__webpack_require__(75668));
 const Button_1 = __importDefault(__webpack_require__(79428));
 const styles_module_scss_1 = __importDefault(__webpack_require__(66280));
@@ -376175,9 +376157,9 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const dnd_1 = __webpack_require__(44754);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_responsive_1 = __webpack_require__(17988);
 const react_tabs_1 = __webpack_require__(60627);
 const Button_1 = __importDefault(__webpack_require__(79428));
@@ -376317,7 +376299,7 @@ Object.defineProperty(exports, "useTabFocusRestore", ({ enumerable: true, get: f
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useDefaultFileTab = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const useDefaultFileTab = (justLoaded, defaultFile) => {
@@ -376340,7 +376322,7 @@ exports.useDefaultFileTab = useDefaultFileTab;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useFileTabActions = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const tabIndexing_1 = __webpack_require__(57550);
@@ -376444,7 +376426,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useFileTabRefs = void 0;
-const react_1 = __importStar(__webpack_require__(51649));
+const react_1 = __importStar(__webpack_require__(13327));
 const EditorTypes_1 = __webpack_require__(42108);
 const useTabFocusRestore_1 = __webpack_require__(2582);
 const useFileTabRefs = (projectFiles, unifiedTabs, focussedFileIndex) => {
@@ -376485,7 +376467,7 @@ exports.useFileTabRefs = useFileTabRefs;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useTabFocusRestore = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 /**
  * Closing a tab removes the focused element, and the browser drops focus to
  * <body>. This moves it to the tab that becomes selected so keyboard users are
@@ -376518,7 +376500,7 @@ exports.useTabFocusRestore = useTabFocusRestore;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const useTabTooltip = () => {
     const [tabTooltip, setTabTooltip] = (0, react_1.useState)(null);
     const showTabTooltip = (0, react_1.useCallback)((filePath) => (e) => {
@@ -376552,7 +376534,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EditorStatistic = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const SvgIcon_1 = __webpack_require__(82917);
 const checkbox_svg_1 = __importDefault(__webpack_require__(92015));
 const styles_module_scss_1 = __importDefault(__webpack_require__(89464));
@@ -376574,7 +376556,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ErrorDetails = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const SvgIcon_1 = __webpack_require__(82917);
 const alert_svg_1 = __importDefault(__webpack_require__(49998));
 const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
@@ -376602,10 +376584,10 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const stores_1 = __webpack_require__(32132);
 const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const ErrorDetails_1 = __webpack_require__(80335);
 const ErrorMessage = () => {
     const ref = (0, react_1.useRef)(null);
@@ -376633,7 +376615,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.NotFoundPage = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const not_found_code_svg_1 = __importDefault(__webpack_require__(36467));
 const not_found_svg_1 = __importDefault(__webpack_require__(82281));
 const styles_module_scss_1 = __importDefault(__webpack_require__(71244));
@@ -376654,7 +376636,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const useRunnerFactory_1 = __webpack_require__(71274);
 const styles_module_scss_1 = __importDefault(__webpack_require__(39412));
 const stores_1 = __webpack_require__(32132);
@@ -376680,8 +376662,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const stores_1 = __webpack_require__(32132);
 const SvgIcon_1 = __webpack_require__(82917);
@@ -376716,7 +376698,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const disclosure_arrow_svg_1 = __importDefault(__webpack_require__(11684));
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const SvgIcon_1 = __webpack_require__(82917);
@@ -376737,7 +376719,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const ConsoleDisclosureIcon_1 = __importDefault(__webpack_require__(61148));
 function ConsoleGroupToggle({ groupId, isCollapsed, onToggle, }) {
@@ -376759,7 +376741,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const ConsoleDisclosureIcon_1 = __importDefault(__webpack_require__(61148));
 const VOID_ELEMENTS = new Set([
@@ -376815,11 +376797,11 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const alert_svg_1 = __importDefault(__webpack_require__(49998));
 const alertTriangle_svg_1 = __importDefault(__webpack_require__(75414));
 const classnames_1 = __importDefault(__webpack_require__(46942));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const SvgIcon_1 = __webpack_require__(82917);
 const consoleScroll_1 = __webpack_require__(27955);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
@@ -376892,7 +376874,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const ConsoleDisclosureIcon_1 = __importDefault(__webpack_require__(61148));
 const DomRenderer_1 = __importDefault(__webpack_require__(52654));
@@ -376958,7 +376940,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 function TableRenderer({ table, renderCell }) {
     const { columns, rows } = table;
@@ -376978,7 +376960,7 @@ exports["default"] = TableRenderer;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useConsoleGroups = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const GROUP_INTERACTIVE_ELEMENTS_SELECTOR = "button, details, summary";
 const isGroup = (log) => log.method === "group" || log.method === "groupCollapsed";
 const getIsCollapsed = (log, toggledGroupIds) => {
@@ -377988,9 +377970,9 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 /* eslint-disable react-hooks/exhaustive-deps */
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const node_html_parser_1 = __webpack_require__(36192);
 const classnames_1 = __importDefault(__webpack_require__(46942));
@@ -378395,7 +378377,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 /* eslint-disable react-hooks/exhaustive-deps */
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const IFRAME_ALLOW = `
@@ -378573,7 +378555,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const OutputTabPanel_1 = __webpack_require__(25931);
 const ResizableWithHandle_1 = __importDefault(__webpack_require__(32694));
 const stores_1 = __webpack_require__(32132);
@@ -378601,7 +378583,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.OutputTabPanel = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const react_tabs_1 = __webpack_require__(60627);
 const Text_1 = __webpack_require__(82803);
@@ -378632,8 +378614,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const highcharts_1 = __importDefault(__webpack_require__(14783));
 const plotly_js_1 = __importDefault(__webpack_require__(28850));
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
@@ -378735,7 +378717,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(38231));
 const monitor_svg_1 = __importDefault(__webpack_require__(7558));
 const SvgIcon_1 = __webpack_require__(82917);
@@ -378838,7 +378820,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.usePyodideRunner = void 0;
 /* eslint-disable react-hooks/exhaustive-deps */
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const stores_1 = __webpack_require__(32132);
 const EditorSlice_1 = __webpack_require__(68512);
@@ -379333,7 +379315,7 @@ exports.usePyodideRunner = usePyodideRunner;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.usePyodideWorker = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const assetUrls_1 = __webpack_require__(85799);
 /**
  * Owns the lifecycle of the Pyodide Web Worker.
@@ -379407,7 +379389,7 @@ exports.usePyodideWorker = usePyodideWorker;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useStdinServiceWorker = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const assetUrls_1 = __webpack_require__(85799);
 const serviceWorker_1 = __webpack_require__(58158);
 /**
@@ -379991,8 +379973,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const console_svg_1 = __importDefault(__webpack_require__(91367));
 const preview_svg_1 = __importDefault(__webpack_require__(43408));
@@ -380063,7 +380045,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useRunnerFactory = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const usePythonRunner_1 = __importDefault(__webpack_require__(57845));
 const useHtmlRunner_1 = __importDefault(__webpack_require__(67741));
 const ProjectTypes_1 = __webpack_require__(27130);
@@ -380090,7 +380072,7 @@ exports.useRunnerFactory = useRunnerFactory;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const react_tabs_1 = __webpack_require__(60627);
 const dnd_1 = __webpack_require__(44754);
 __webpack_require__(44221);
@@ -380111,7 +380093,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const EditorPanel_1 = __importDefault(__webpack_require__(82467));
 const ReadOnlyBanner_1 = __importDefault(__webpack_require__(47918));
 const FileTabContent = ({ file }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ReadOnlyBanner_1.default, { align: "left" }), (0, jsx_runtime_1.jsx)(EditorPanel_1.default, { file: file })] }));
@@ -380128,7 +380110,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const projectHelpers_1 = __webpack_require__(2610);
 const Text_1 = __webpack_require__(82803);
 const FileIcon_1 = __importDefault(__webpack_require__(94028));
@@ -380161,7 +380143,7 @@ exports["default"] = OutputTabContent;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const Text_1 = __webpack_require__(82803);
 const SvgIcon_1 = __webpack_require__(82917);
 const OutputTabHeader = ({ meta }) => ((0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: meta.icon, size: 18 }), meta.label, meta.extraHeaderContent] }));
@@ -380178,7 +380160,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const EditorTypes_1 = __webpack_require__(42108);
 const ProjectTypes_1 = __webpack_require__(27130);
 const FileTabContent_1 = __importDefault(__webpack_require__(68036));
@@ -380205,7 +380187,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const EditorTypes_1 = __webpack_require__(42108);
 const FileTabHeader_1 = __importDefault(__webpack_require__(72324));
 const OutputTabHeader_1 = __importDefault(__webpack_require__(88647));
@@ -380232,8 +380214,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.tabKey = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const react_tabs_1 = __webpack_require__(60627);
 const EditorTypes_1 = __webpack_require__(42108);
 const TabContent_1 = __importDefault(__webpack_require__(14802));
@@ -380296,9 +380278,9 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const dnd_1 = __webpack_require__(44754);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const react_tabs_1 = __webpack_require__(60627);
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
@@ -380391,8 +380373,8 @@ exports["default"] = TabsContainer;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileImport = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
@@ -380463,7 +380445,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(87295));
 const loading_animation_gif_1 = __importDefault(__webpack_require__(73875));
 const Loading = ({}) => {
@@ -380482,7 +380464,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const react_menu_1 = __webpack_require__(71231);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(28076));
@@ -380517,8 +380499,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const SvgIcon_1 = __webpack_require__(82917);
 const arrow_right_svg_1 = __importDefault(__webpack_require__(75668));
@@ -380547,7 +380529,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const SidebarPanel_1 = __importDefault(__webpack_require__(83617));
 const styles_module_scss_1 = __importDefault(__webpack_require__(99016));
 const CurriculumPanel = ({ curriculumContent, }) => {
@@ -380569,7 +380551,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const SidebarPanel_1 = __importDefault(__webpack_require__(83617));
 const FileTree_1 = __webpack_require__(88675);
 const stores_1 = __webpack_require__(32132);
@@ -380595,7 +380577,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EmptyStateMessage = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const open_folder_svg_1 = __importDefault(__webpack_require__(87213));
 const SvgIcon_1 = __webpack_require__(82917);
 const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
@@ -380616,7 +380598,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileTreeActions = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const plus_circle_svg_1 = __importDefault(__webpack_require__(7663));
 const minus_circle_svg_1 = __importDefault(__webpack_require__(80439));
 const add_folder_svg_1 = __importDefault(__webpack_require__(724));
@@ -380624,7 +380606,7 @@ const add_file_svg_1 = __importDefault(__webpack_require__(96514));
 const ImportButton_1 = __webpack_require__(67532);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const FileTreeContext_1 = __webpack_require__(5323);
 const ProjectTypes_1 = __webpack_require__(27130);
 const Text_1 = __webpack_require__(82803);
@@ -380653,7 +380635,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.BasicItemContent = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const Text_1 = __webpack_require__(82803);
 const ItemEdit_1 = __webpack_require__(61576);
 const ItemIcon_1 = __webpack_require__(3427);
@@ -380692,7 +380674,7 @@ exports.BasicItemContent = BasicItemContent;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileItem = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const BasicItemContent_1 = __webpack_require__(34071);
 const ItemContextMenu_1 = __webpack_require__(54035);
 const FileItem = ({ item, onOpenMenu, isContextMenuOpen, contextMenuPosition, onCloseContextMenu, triggerRef, }) => {
@@ -380712,7 +380694,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FolderItem = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const FileImport_1 = __webpack_require__(23079);
 const arrow_right_svg_1 = __importDefault(__webpack_require__(75668));
 const ItemContextMenu_1 = __webpack_require__(54035);
@@ -380739,7 +380721,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 jsx_runtime_1 = __webpack_require__(71178);
 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" });
@@ -380755,7 +380737,7 @@ exports.DeleteOption = DeleteOption;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.OptionIcon = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const SvgIcon_1 = __webpack_require__(82917);
 const OptionIcon = ({ icon, }) => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: icon, size: 18 });
 exports.OptionIcon = OptionIcon;
@@ -380772,7 +380754,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ItemContextMenu = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const ContextMenu_1 = __importDefault(__webpack_require__(39179));
 const add_file_svg_1 = __importDefault(__webpack_require__(96514));
 const add_folder_svg_1 = __importDefault(__webpack_require__(724));
@@ -380780,7 +380762,7 @@ const edit_svg_1 = __importDefault(__webpack_require__(4912));
 const upload_file_svg_1 = __importDefault(__webpack_require__(77016));
 const download_svg_1 = __importDefault(__webpack_require__(73468));
 const trash_svg_1 = __importDefault(__webpack_require__(29994));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const ProjectTypes_1 = __webpack_require__(27130);
 const FileTreeContext_1 = __webpack_require__(5323);
 const OptionIcon_1 = __webpack_require__(18907);
@@ -380890,8 +380872,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ItemEdit = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const ProjectTypes_1 = __webpack_require__(27130);
 const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
@@ -380959,7 +380941,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ItemIcon = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const FileIcon_1 = __importDefault(__webpack_require__(94028));
 const folder_svg_1 = __importDefault(__webpack_require__(5472));
 const ProjectTypes_1 = __webpack_require__(27130);
@@ -380984,11 +380966,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileTreeItem = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
 const treeGuides_1 = __webpack_require__(35258);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const FileTreeContext_1 = __webpack_require__(5323);
 const FolderItem_1 = __webpack_require__(33348);
 const FileItem_1 = __webpack_require__(19010);
@@ -381042,7 +381024,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ImportButton = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const upload_svg_1 = __importDefault(__webpack_require__(25263));
 const upload_file_svg_1 = __importDefault(__webpack_require__(77016));
@@ -381081,7 +381063,7 @@ exports.ImportButton = ImportButton;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TreeContext = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 exports.TreeContext = (0, react_1.createContext)({});
 
 
@@ -381153,7 +381135,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useFileTree = void 0;
 const core_1 = __webpack_require__(96988);
 const react_1 = __webpack_require__(85436);
-const react_2 = __webpack_require__(51649);
+const react_2 = __webpack_require__(13327);
 const ProjectTypes_1 = __webpack_require__(27130);
 const projectHelpers_1 = __webpack_require__(2610);
 const stub = (id) => ({
@@ -381279,7 +381261,7 @@ exports.useFileTree = useFileTree;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useFileTreeActions = void 0;
 const react_redux_1 = __webpack_require__(14062);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const useFileTree_1 = __webpack_require__(75383);
 const EditorSlice_1 = __webpack_require__(68512);
 const EditorTypes_1 = __webpack_require__(42108);
@@ -381464,9 +381446,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.FileTree = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const FileTreeItem_1 = __webpack_require__(8153);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const FileTreeActions_1 = __webpack_require__(42884);
 const styles_module_scss_1 = __importDefault(__webpack_require__(10556));
 const useFileTreeActions_1 = __webpack_require__(98028);
@@ -381526,8 +381508,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const stores_1 = __webpack_require__(32132);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const FilePanel_1 = __importDefault(__webpack_require__(7802));
@@ -381649,7 +381631,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(21852));
 const SidebarBarOption_1 = __importDefault(__webpack_require__(19371));
 const SidebarBar = (props) => {
@@ -381671,10 +381653,10 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const stores_1 = __webpack_require__(32132);
 const useHover_1 = __webpack_require__(78556);
 const Button_1 = __importDefault(__webpack_require__(79428));
@@ -381740,8 +381722,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const ResizableWithHandle_1 = __importDefault(__webpack_require__(32694));
 const styles_module_scss_1 = __importDefault(__webpack_require__(21852));
 const PANEL_FRACTION = 0.33;
@@ -381793,7 +381775,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const ContextMenu_1 = __importDefault(__webpack_require__(39179));
 const AuthContext_1 = __webpack_require__(55471);
 const UserMenu = (props) => {
@@ -381824,7 +381806,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.BaseModal = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const react_modal_1 = __importDefault(__webpack_require__(20312));
 const info_svg_1 = __importDefault(__webpack_require__(54312));
 const SvgIcon_1 = __webpack_require__(82917);
@@ -381848,7 +381830,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(29642));
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
@@ -381859,7 +381841,7 @@ 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);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const SpinnerDotted_1 = __webpack_require__(79458);
 const Text_1 = __webpack_require__(82803);
 const ProjectHistoryModal = () => {
@@ -381920,7 +381902,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SaveBeforeLeaveModal = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -381982,7 +381964,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(27924));
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
@@ -382039,7 +382021,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ModalTypeToComponentMap = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const types_1 = __webpack_require__(92932);
 const ShareProjectModal_1 = __importDefault(__webpack_require__(38876));
 const ProjectHistoryModal_1 = __importDefault(__webpack_require__(39345));
@@ -382071,7 +382053,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const no_project_svg_1 = __importDefault(__webpack_require__(56058));
 const Button_1 = __importDefault(__webpack_require__(79428));
 const Text_1 = __webpack_require__(82803);
@@ -382091,7 +382073,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const gwc_logo_svg_1 = __importDefault(__webpack_require__(64914));
 const text_jam_logo_svg_1 = __importDefault(__webpack_require__(557));
 const ProjectName_1 = __importDefault(__webpack_require__(73658));
@@ -382124,7 +382106,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SharedProjectBar = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const Button_1 = __importDefault(__webpack_require__(79428));
 const SharedProjectName_1 = __importDefault(__webpack_require__(15591));
@@ -382190,12 +382172,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ViewSwitcher = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const layout_2_svg_1 = __importDefault(__webpack_require__(39519));
 const layout_3_svg_1 = __importDefault(__webpack_require__(1582));
 const layout_svg_1 = __importDefault(__webpack_require__(7606));
 const SvgIcon_1 = __webpack_require__(82917);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -382226,7 +382208,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ViewSwitcherButton = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const Button_1 = __importDefault(__webpack_require__(79428));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
@@ -382249,7 +382231,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const stores_1 = __webpack_require__(32132);
 const projectHelpers_1 = __webpack_require__(2610);
@@ -382278,8 +382260,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const share_svg_1 = __importDefault(__webpack_require__(54621));
 const Button_1 = __importDefault(__webpack_require__(79428));
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
@@ -382322,7 +382304,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 jsx_runtime_1 = __webpack_require__(71178);
 const styles_module_scss_1 = __importDefault(__webpack_require__(73386));
 const DEFAUL_POINT_COUNT = 8;
 const SpinnerDotted = ({ pointCount = DEFAUL_POINT_COUNT }) => {
@@ -382342,10 +382324,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Text = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(91156));
-const react_1 = __importDefault(__webpack_require__(51649));
+const react_1 = __importDefault(__webpack_require__(13327));
 // forwardRef so callers (e.g. EditorInput, which scrolls the active tab into
 // view) can get the underlying <span>. A plain function component silently
 // dropped the ref.
@@ -382367,7 +382349,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ToastItem = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const close_svg_1 = __importDefault(__webpack_require__(93224));
 const alert_svg_1 = __importDefault(__webpack_require__(49998));
 const circle_check_svg_1 = __importDefault(__webpack_require__(29285));
@@ -382404,7 +382386,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ToastMessagesProvider = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const react_toastify_1 = __webpack_require__(34168);
 const styles_module_scss_1 = __importDefault(__webpack_require__(27112));
 const ToastMessagesProvider = () => {
@@ -382454,7 +382436,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(28188));
 const Tooltip = ({ message, visible = false, position = "bottom", strategy = "absolute", size = "default", className, style, }) => {
@@ -382475,8 +382457,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const marked_1 = __webpack_require__(6709);
 const Project_1 = __importDefault(__webpack_require__(26665));
 const Output_1 = __importDefault(__webpack_require__(95148));
@@ -382535,7 +382517,7 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
 const file_svg_1 = __importDefault(__webpack_require__(20510));
 const python_file_svg_1 = __importDefault(__webpack_require__(52175));
 const html_file_svg_1 = __importDefault(__webpack_require__(96124));
@@ -382585,7 +382567,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SvgIcon = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
+const jsx_runtime_1 = __webpack_require__(71178);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const styles_module_scss_1 = __importDefault(__webpack_require__(36974));
 const SvgIcon = ({ size, SvgElement, className, ...rest }) => {
@@ -382604,8 +382586,8 @@ 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 jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const react_router_dom_1 = __webpack_require__(92648);
 const EditorSlice_1 = __webpack_require__(68512);
@@ -382799,8 +382781,8 @@ exports["default"] = WebComponentLoader;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useAuthActions = exports.AuthProvider = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const AuthContext = (0, react_1.createContext)(undefined);
 const AuthProvider = ({ children, onLogout, onViewProfile, onHome, }) => {
     return ((0, jsx_runtime_1.jsx)(AuthContext.Provider, { value: { onLogout, onViewProfile, onHome }, children: children }));
@@ -383463,7 +383445,7 @@ var __webpack_unused_export__;
 
 __webpack_unused_export__ = ({ value: true });
 exports.s = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const stores_1 = __webpack_require__(32132);
 const EditorSlice_1 = __webpack_require__(68512);
@@ -383501,7 +383483,7 @@ exports.s = useCurriculumDisplayMode;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useHostNotification = void 0;
 const sendToast_1 = __webpack_require__(50068);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const NotificationTypes_1 = __webpack_require__(85421);
 /** Shows host messages as the editor's own toasts. No styling options on purpose. */
 const useHostNotification = (notification) => {
@@ -383537,7 +383519,7 @@ exports.useHostNotification = useHostNotification;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useHover = exports.TOOLTIP_SHOW_DELAY_MS = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 exports.TOOLTIP_SHOW_DELAY_MS = 1000;
 const useHover = (delay = 0) => {
     const [hovered, setHovered] = (0, react_1.useState)(false);
@@ -383592,7 +383574,7 @@ exports.useHover = useHover;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useIsMounted = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const useIsMounted = () => {
     const isMounted = (0, react_1.useRef)(true);
     (0, react_1.useEffect)(() => {
@@ -383617,7 +383599,7 @@ exports.useIsMounted = useIsMounted;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProject = void 0;
 const helpers_1 = __webpack_require__(59578);
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -383873,7 +383855,7 @@ exports.useProject = useProject;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProjectCache = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const IndexedDb_1 = __webpack_require__(27161);
 const useIsMounted_1 = __webpack_require__(76314);
 const useProjectCache = (cacheKey) => {
@@ -383939,7 +383921,7 @@ exports.useProjectCache = useProjectCache;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProjectPersistence = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const projectHelpers_1 = __webpack_require__(2610);
 const EditorSlice_1 = __webpack_require__(68512);
@@ -384184,7 +384166,7 @@ exports.useProjectPersistence = useProjectPersistence;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProjectRemix = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -384259,7 +384241,7 @@ exports.useProjectRemix = useProjectRemix;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProjectStarterCode = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -384371,7 +384353,7 @@ exports.useProjectStarterCode = useProjectStarterCode;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useProjectTabSync = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const projectTabSync_1 = __webpack_require__(48235);
 const sendToast_1 = __webpack_require__(50068);
 const CHANGES_INFO_NOTIFICATION = "Hey! Looks like you made changes in another tab. Refresh to see your updates!";
@@ -384427,8 +384409,8 @@ exports.useProjectTabSync = useProjectTabSync;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useRevertNotifications = void 0;
-const jsx_runtime_1 = __webpack_require__(74848);
-const react_1 = __webpack_require__(51649);
+const jsx_runtime_1 = __webpack_require__(71178);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
@@ -384495,7 +384477,7 @@ exports.useRevertNotifications = useRevertNotifications;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useTextjamActiveClass = useTextjamActiveClass;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 /*
   Toggles `textjam-active` on <html> for the lifetime of the calling component.
   Global rules in index.scss / App.scss are scoped under html.textjam-active,
@@ -384520,7 +384502,7 @@ function useTextjamActiveClass() {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.useUnsavedDraftResolution = void 0;
-const react_1 = __webpack_require__(51649);
+const react_1 = __webpack_require__(13327);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const stores_1 = __webpack_require__(32132);
@@ -394239,6 +394221,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react_redux_87be03b0__;
 
 /***/ }),
 
+/***/ 71178:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__;
+
+/***/ }),
+
 /***/ 63779:
 /***/ (() => {
 
@@ -404418,8 +404407,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(51649);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(71178);
 // EXTERNAL MODULE: external "react-dom"
 var external_react_dom_ = __webpack_require__(7516);
 ;// ./node_modules/@szhsin/react-menu/dist/esm/utils/utils.mjs
@@ -404600,7 +404589,7 @@ const MenuButton = /*#__PURE__*/defineName('MenuButton', /*#__PURE__*/(0,externa
   const modifiers = (0,external_react_.useMemo)(() => ({
     open: isOpen
   }), [isOpen]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("button", {
     "aria-haspopup": true,
     "aria-expanded": isOpen,
     "aria-disabled": disabled || undefined,
@@ -404656,7 +404645,7 @@ const MenuContainer = ({
       });
     }
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
     ...mergeProps({
       onKeyDown,
       onBlur
@@ -405499,7 +405488,7 @@ const MenuList = ({
     modifiers: arrowModifiers,
     className: arrowProps.className
   });
-  const menu = /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
+  const menu = /*#__PURE__*/(0,jsx_runtime_.jsxs)("ul", {
     role: "menu",
     "aria-label": ariaLabel,
     ...commonProps(isDisabled),
@@ -405525,7 +405514,7 @@ const MenuList = ({
       left: menuPosition.x,
       top: menuPosition.y
     },
-    children: [arrow && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+    children: [arrow && /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
       "aria-hidden": true,
       ...arrowProps,
       className: _arrowClassName,
@@ -405537,18 +405526,18 @@ const MenuList = ({
         ...arrowProps.style
       },
       ref: arrowRef
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)(MenuListContext.Provider, {
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MenuListContext.Provider, {
       value: listContext,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuListItemContext.Provider, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MenuListItemContext.Provider, {
         value: itemContext,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(HoverItemContext.Provider, {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HoverItemContext.Provider, {
           value: hoverItem,
           children: safeCall(children, modifiers)
         })
       })
     })]
   });
-  return containerProps ? /*#__PURE__*/(0,jsx_runtime.jsx)(MenuContainer, {
+  return containerProps ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MenuContainer, {
     ...containerProps,
     isOpen: isOpen,
     children: menu
@@ -405629,11 +405618,11 @@ const ControlledMenu = /*#__PURE__*/(0,external_react_.forwardRef)(function Cont
     }
   }), [onItemClick, onClose]);
   if (!state) return null;
-  const menuList = /*#__PURE__*/(0,jsx_runtime.jsx)(SettingsContext.Provider, {
+  const menuList = /*#__PURE__*/(0,jsx_runtime_.jsx)(SettingsContext.Provider, {
     value: settings,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(EventHandlersContext.Provider, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(EventHandlersContext.Provider, {
       value: eventHandlers,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuList, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MenuList, {
         ...restProps,
         ariaLabel: ariaLabel || 'Menu',
         externalRef: externalRef,
@@ -405912,8 +405901,8 @@ const Menu = /*#__PURE__*/(0,external_react_.forwardRef)(function Menu({
     openMenu,
     closeMenu: () => toggleMenu(false)
   }));
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)(external_react_.Fragment, {
-    children: [renderButton, /*#__PURE__*/(0,jsx_runtime.jsx)(ControlledMenu, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(external_react_.Fragment, {
+    children: [renderButton, /*#__PURE__*/(0,jsx_runtime_.jsx)(ControlledMenu, {
       ...restProps,
       ...stateProps,
       "aria-label": ariaLabel || (typeof button.props.children === 'string' ? button.props.children : 'Menu'),
@@ -405935,7 +405924,7 @@ const withHovering = (name, WrappedComponent) => {
   const Component = /*#__PURE__*/(0,external_react_.memo)(WrappedComponent);
   const WithHovering = /*#__PURE__*/(0,external_react_.forwardRef)((props, ref) => {
     const itemRef = (0,external_react_.useRef)(null);
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(Component, {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(Component, {
       ...props,
       itemRef: itemRef,
       externalRef: ref,
@@ -406142,7 +406131,7 @@ const SubMenu = /*#__PURE__*/withHovering('SubMenu', function SubMenu({
     onClick: () => openTrigger !== 'none' && openMenu()
   }, restItemProps);
   const getMenuList = () => {
-    const menuList = /*#__PURE__*/(0,jsx_runtime.jsx)(MenuList, {
+    const menuList = /*#__PURE__*/(0,jsx_runtime_.jsx)(MenuList, {
       ...restProps,
       ...stateProps,
       ariaLabel: ariaLabel || (typeof label === 'string' ? label : 'Submenu'),
@@ -406155,7 +406144,7 @@ const SubMenu = /*#__PURE__*/withHovering('SubMenu', function SubMenu({
     const container = rootMenuRef.current;
     return isPortal && container ? /*#__PURE__*/(0,external_react_dom_.createPortal)(menuList, container) : menuList;
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("li", {
     className: useBEM({
       block: menuClass,
       element: subMenuClass,
@@ -406167,7 +406156,7 @@ const SubMenu = /*#__PURE__*/withHovering('SubMenu', function SubMenu({
     role: roleNone,
     ref: containerRef,
     onKeyDown: onKeyDownOfRoot,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
       role: roleMenuitem,
       "aria-haspopup": true,
       "aria-expanded": isOpen,
@@ -406331,13 +406320,13 @@ const MenuItem = /*#__PURE__*/withHovering('MenuItem', function MenuItem({
     }),
     children: (0,external_react_.useMemo)(() => safeCall(children, modifiers), [children, modifiers])
   };
-  return isAnchor ? /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+  return isAnchor ? /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
     role: roleNone,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("a", {
       href: href,
       ...menuItemProps
     })
-  }) : /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+  }) : /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
     ...menuItemProps
   });
 });
@@ -406389,7 +406378,7 @@ const FocusableItem = /*#__PURE__*/withHovering('FocusableItem', function Focusa
     onPointerLeave: e => onPointerLeave(e, true),
     onFocus: setHover
   }, restProps);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
     role: roleMenuitem,
     ...commonProps(isDisabled),
     ...mergedProps,
@@ -406416,7 +406405,7 @@ const MenuDivider = /*#__PURE__*/(0,external_react_.memo)(/*#__PURE__*/(0,extern
   className,
   ...restProps
 }, externalRef) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
     role: "separator",
     ...restProps,
     ref: externalRef,
@@ -406440,7 +406429,7 @@ const MenuHeader = /*#__PURE__*/(0,external_react_.memo)(/*#__PURE__*/(0,externa
   className,
   ...restProps
 }, externalRef) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
     role: roleNone,
     ...restProps,
     ref: externalRef,
@@ -406489,7 +406478,7 @@ const MenuGroup = /*#__PURE__*/(0,external_react_.forwardRef)(function MenuGroup
   useIsomorphicLayoutEffect(() => {
     if (overflowStyle) ref.current.scrollTop = 0;
   }, [overflowStyle]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
     ...restProps,
     ref: useCombinedRef(externalRef, ref),
     className: useBEM({
@@ -406525,11 +406514,11 @@ const MenuRadioGroup = /*#__PURE__*/(0,external_react_.forwardRef)(function Menu
     value,
     onRadioChange
   }), [name, value, onRadioChange]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(RadioGroupContext.Provider, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(RadioGroupContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("li", {
       role: roleNone,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)("ul", {
         role: "group",
         "aria-label": ariaLabel || name || 'Radio group',
         ...restProps,