@lvce-editor/server 0.16.2 → 0.16.4

package/static/{d663275 → 4ec07e5}/packages/renderer-process/dist/rendererProcessMain.js

@@ -68,7 +68,6 @@ var init_ModuleMap = __esm({
         case "ConfirmPrompt.prompt":
           return ConfirmPrompt;
         case "Css.addCssStyleSheet":
-        case "Css.setInlineStyle":
           return Css;
         case "Developer.getMemoryUsage":
         case "Developer.showState":
@@ -562,27 +561,36 @@ var init_ConfirmPrompt_ipc = __esm({
   }
 });
 
+// src/parts/CssState/CssState.js
+var state3, get;
+var init_CssState = __esm({
+  "src/parts/CssState/CssState.js"() {
+    "use strict";
+    state3 = {
+      styleSheets: /* @__PURE__ */ Object.create(null)
+    };
+    get = (id) => {
+      return state3.styleSheets[id];
+    };
+  }
+});
+
 // src/parts/Css/Css.js
-var setInlineStyle, addCssStyleSheet;
+var addCssStyleSheet;
 var init_Css = __esm({
   "src/parts/Css/Css.js"() {
     "use strict";
-    setInlineStyle = (id, css) => {
-      const $ExistingStyle = document.getElementById(id);
-      if ($ExistingStyle) {
-        $ExistingStyle.textContent = css;
+    init_CssState();
+    addCssStyleSheet = async (id, text2) => {
+      const existing = get(id);
+      if (existing) {
+        await existing.replace(text2);
       } else {
-        const $Style = document.createElement("style");
-        $Style.id = id;
-        $Style.textContent = css;
-        document.head.append($Style);
+        const sheet = new CSSStyleSheet({});
+        await sheet.replace(text2);
+        document.adoptedStyleSheets.push(sheet);
       }
     };
-    addCssStyleSheet = async (text2) => {
-      const sheet = new CSSStyleSheet({});
-      await sheet.replace(text2);
-      document.adoptedStyleSheets.push(sheet);
-    };
   }
 });
 
@@ -599,8 +607,7 @@ var init_Css_ipc = __esm({
     init_Css();
     name4 = "Css";
     Commands4 = {
-      addCssStyleSheet,
-      setInlineStyle
+      addCssStyleSheet
     };
   }
 });
@@ -667,7 +674,7 @@ var init_Developer = __esm({
       "Workspace"
     ];
     showState = async () => {
-      const state15 = /* @__PURE__ */ Object.create(null);
+      const state16 = /* @__PURE__ */ Object.create(null);
       for (const module of modules) {
         let imported;
         try {
@@ -675,10 +682,10 @@ var init_Developer = __esm({
         } catch {
         }
         if (imported && imported.state) {
-          state15[module] = imported.state;
+          state16[module] = imported.state;
         }
       }
-      info(state15);
+      info(state16);
     };
   }
 });
@@ -734,28 +741,28 @@ var init_Download_ipc = __esm({
 });
 
 // src/parts/AriaAlertState/AriaAlertState.js
-var state3, getAriaAlert1, getAriaAlert2, setElements, hasElements;
+var state4, getAriaAlert1, getAriaAlert2, setElements, hasElements;
 var init_AriaAlertState = __esm({
   "src/parts/AriaAlertState/AriaAlertState.js"() {
     "use strict";
-    state3 = {
+    state4 = {
       $AriaAlert1: void 0,
       $AriaAlert2: void 0,
       $AriaMessages: void 0
     };
     getAriaAlert1 = () => {
-      return state3.$AriaAlert1;
+      return state4.$AriaAlert1;
     };
     getAriaAlert2 = () => {
-      return state3.$AriaAlert2;
+      return state4.$AriaAlert2;
     };
     setElements = ($AriaMessages, $AriaAlert1, $AriaAlert2) => {
-      state3.$AriaMessages = $AriaMessages;
-      state3.$AriaAlert1 = $AriaAlert1;
-      state3.$AriaAlert2 = $AriaAlert2;
+      state4.$AriaMessages = $AriaMessages;
+      state4.$AriaAlert1 = $AriaAlert1;
+      state4.$AriaAlert2 = $AriaAlert2;
     };
     hasElements = () => {
-      return state3.$AriaMessages;
+      return state4.$AriaMessages;
     };
   }
 });
@@ -871,11 +878,11 @@ var init_AriaAlert = __esm({
 });
 
 // src/parts/Widget/Widget.js
-var state4, create$Widgets, append, remove;
+var state5, create$Widgets, append, remove;
 var init_Widget = __esm({
   "src/parts/Widget/Widget.js"() {
     "use strict";
-    state4 = {
+    state5 = {
       isInDom: false,
       $PreviousFocusElement: void 0,
       widgetSet: /* @__PURE__ */ new Set(),
@@ -887,27 +894,27 @@ var init_Widget = __esm({
       return $Widgets;
     };
     append = ($Element) => {
-      if (state4.widgetSet.has($Element)) {
+      if (state5.widgetSet.has($Element)) {
         return;
       }
-      state4.widgetSet.add($Element);
-      if (state4.$Widgets) {
-        state4.$Widgets.append($Element);
+      state5.widgetSet.add($Element);
+      if (state5.$Widgets) {
+        state5.$Widgets.append($Element);
       } else {
-        state4.$Widgets = create$Widgets();
-        state4.$Widgets.append($Element);
-        document.body.append(state4.$Widgets);
+        state5.$Widgets = create$Widgets();
+        state5.$Widgets.append($Element);
+        document.body.append(state5.$Widgets);
       }
     };
     remove = ($Element) => {
       if (!$Element) {
         return;
       }
-      state4.widgetSet.delete($Element);
+      state5.widgetSet.delete($Element);
       $Element.remove();
-      if (state4.widgetSet.size === 0 && state4.$Widgets) {
-        state4.$Widgets.remove();
-        state4.$Widgets = void 0;
+      if (state5.widgetSet.size === 0 && state5.$Widgets) {
+        state5.$Widgets.remove();
+        state5.$Widgets = void 0;
       }
     };
   }
@@ -1047,42 +1054,42 @@ var init_InputBox = __esm({
 });
 
 // src/parts/Context/Context.js
-var state5, get, set, remove2;
+var state6, get2, set, remove2;
 var init_Context = __esm({
   "src/parts/Context/Context.js"() {
     "use strict";
-    state5 = {
+    state6 = {
       // contexts: Object.create(null),
       contexts: {}
     };
-    get = (key) => {
-      return state5.contexts[key];
+    get2 = (key) => {
+      return state6.contexts[key];
     };
     set = (key, value) => {
-      state5.contexts[key] = value;
+      state6.contexts[key] = value;
     };
     remove2 = (key) => {
-      delete state5.contexts[key];
+      delete state6.contexts[key];
     };
   }
 });
 
 // src/parts/Focus/Focus.js
-var state6, setFocus, setAdditionalFocus, removeAdditionalFocus, focus, focusPrevious;
+var state7, setFocus, setAdditionalFocus, removeAdditionalFocus, focus, focusPrevious;
 var init_Focus = __esm({
   "src/parts/Focus/Focus.js"() {
     "use strict";
     init_Context();
-    state6 = {
+    state7 = {
       $PreviousFocusElement: void 0,
       currentFocus: ""
     };
     setFocus = (key) => {
-      if (state6.currentFocus) {
-        remove2(state6.currentFocus);
+      if (state7.currentFocus) {
+        remove2(state7.currentFocus);
       }
-      state6.currentFocus = `focus.${key}`;
-      set(state6.currentFocus, true);
+      state7.currentFocus = `focus.${key}`;
+      set(state7.currentFocus, true);
     };
     setAdditionalFocus = (key) => {
       set(`focus.${key}`, true);
@@ -1094,28 +1101,28 @@ var init_Focus = __esm({
       if ($Element === document.activeElement) {
         return;
       }
-      state6.$PreviousFocusElement = document.activeElement;
+      state7.$PreviousFocusElement = document.activeElement;
       $Element.focus({ preventScroll: true });
       setFocus(key);
     };
     focusPrevious = () => {
-      if (state6.$PreviousFocusElement) {
-        state6.$PreviousFocusElement.focus();
+      if (state7.$PreviousFocusElement) {
+        state7.$PreviousFocusElement.focus();
       }
     };
   }
 });
 
 // src/parts/Id/Id.js
-var state7, create4;
+var state8, create4;
 var init_Id = __esm({
   "src/parts/Id/Id.js"() {
     "use strict";
-    state7 = {
+    state8 = {
       id: 0
     };
     create4 = () => {
-      return ++state7.id;
+      return ++state8.id;
     };
   }
 });
@@ -2890,13 +2897,13 @@ var init_babel_parser = __esm({
           }
           return node;
         }
-        parseSubscript(base, startLoc, noCalls, state15) {
-          const node = super.parseSubscript(base, startLoc, noCalls, state15);
-          if (state15.optionalChainMember) {
+        parseSubscript(base, startLoc, noCalls, state16) {
+          const node = super.parseSubscript(base, startLoc, noCalls, state16);
+          if (state16.optionalChainMember) {
             if (node.type === "OptionalMemberExpression" || node.type === "OptionalCallExpression") {
               node.type = node.type.substring(8);
             }
-            if (state15.stop) {
+            if (state16.stop) {
               const chain = this.startNodeAtNode(node);
               chain.expression = node;
               return this.finishNode(chain, "ChainExpression");
@@ -3497,7 +3504,7 @@ var init_babel_parser = __esm({
           return new Position(this.curLine, this.pos - this.lineStart, this.pos);
         }
         clone(skipArrays) {
-          const state15 = new State2();
+          const state16 = new State2();
           const keys = Object.keys(this);
           for (let i = 0, length = keys.length; i < length; i++) {
             const key = keys[i];
@@ -3505,9 +3512,9 @@ var init_babel_parser = __esm({
             if (!skipArrays && Array.isArray(val)) {
               val = val.slice();
             }
-            state15[key] = val;
+            state16[key] = val;
           }
-          return state15;
+          return state16;
         }
       }
       var _isDigit = function isDigit(code) {
@@ -3801,12 +3808,12 @@ var init_babel_parser = __esm({
       }
       const VALID_REGEX_FLAGS = /* @__PURE__ */ new Set([103, 109, 115, 105, 121, 117, 100, 118]);
       class Token {
-        constructor(state15) {
-          this.type = state15.type;
-          this.value = state15.value;
-          this.start = state15.start;
-          this.end = state15.end;
-          this.loc = new SourceLocation(state15.startLoc, state15.endLoc);
+        constructor(state16) {
+          this.type = state16.type;
+          this.value = state16.value;
+          this.start = state16.start;
+          this.end = state16.end;
+          this.loc = new SourceLocation(state16.startLoc, state16.endLoc);
         }
       }
       class Tokenizer extends CommentsParser {
@@ -3883,20 +3890,20 @@ var init_babel_parser = __esm({
         match(type3) {
           return this.state.type === type3;
         }
-        createLookaheadState(state15) {
+        createLookaheadState(state16) {
           return {
-            pos: state15.pos,
+            pos: state16.pos,
             value: null,
-            type: state15.type,
-            start: state15.start,
-            end: state15.end,
+            type: state16.type,
+            start: state16.start,
+            end: state16.end,
             context: [this.curContext()],
-            inType: state15.inType,
-            startLoc: state15.startLoc,
-            lastTokEndLoc: state15.lastTokEndLoc,
-            curLine: state15.curLine,
-            lineStart: state15.lineStart,
-            curPosition: state15.curPosition
+            inType: state16.inType,
+            startLoc: state16.startLoc,
+            lastTokEndLoc: state16.lastTokEndLoc,
+            curLine: state16.curLine,
+            lineStart: state16.lineStart,
+            curPosition: state16.curPosition
           };
         }
         lookahead() {
@@ -6798,7 +6805,7 @@ var init_babel_parser = __esm({
             }
           }
           this.expect(17);
-          const state15 = this.state.clone();
+          const state16 = this.state.clone();
           const originalNoArrowAt = this.state.noArrowAt;
           const node = this.startNodeAt(startLoc);
           let {
@@ -6809,7 +6816,7 @@ var init_babel_parser = __esm({
           if (failed || invalid.length > 0) {
             const noArrowAt = [...originalNoArrowAt];
             if (invalid.length > 0) {
-              this.state = state15;
+              this.state = state16;
               this.state.noArrowAt = noArrowAt;
               for (let i = 0; i < invalid.length; i++) {
                 noArrowAt.push(invalid[i].start);
@@ -6822,11 +6829,11 @@ var init_babel_parser = __esm({
             }
             if (failed && valid.length > 1) {
               this.raise(FlowErrors.AmbiguousConditionalArrow, {
-                at: state15.startLoc
+                at: state16.startLoc
               });
             }
             if (failed && valid.length === 1) {
-              this.state = state15;
+              this.state = state16;
               noArrowAt.push(valid[0].start);
               this.state.noArrowAt = noArrowAt;
               ({
@@ -6979,7 +6986,7 @@ var init_babel_parser = __esm({
             node.typeParameters = this.flowParseTypeParameterDeclaration();
           }
         }
-        parseClassMember(classBody, member, state15) {
+        parseClassMember(classBody, member, state16) {
           const {
             startLoc
           } = this.state;
@@ -6989,7 +6996,7 @@ var init_babel_parser = __esm({
             }
             member.declare = true;
           }
-          super.parseClassMember(classBody, member, state15);
+          super.parseClassMember(classBody, member, state16);
           if (member.declare) {
             if (member.type !== "ClassProperty" && member.type !== "ClassPrivateProperty" && member.type !== "PropertyDefinition") {
               this.raise(FlowErrors.DeclareClassElement, {
@@ -7363,11 +7370,11 @@ var init_babel_parser = __esm({
         }
         parseMaybeAssign(refExpressionErrors, afterLeftParse) {
           var _jsx;
-          let state15 = null;
+          let state16 = null;
           let jsx2;
           if (this.hasPlugin("jsx") && (this.match(140) || this.match(47))) {
-            state15 = this.state.clone();
-            jsx2 = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state15);
+            state16 = this.state.clone();
+            jsx2 = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state16);
             if (!jsx2.error)
               return jsx2.node;
             const {
@@ -7380,7 +7387,7 @@ var init_babel_parser = __esm({
           }
           if ((_jsx = jsx2) != null && _jsx.error || this.match(47)) {
             var _jsx2, _jsx3;
-            state15 = state15 || this.state.clone();
+            state16 = state16 || this.state.clone();
             let typeParameters;
             const arrow = this.tryParse((abort) => {
               var _arrowExpression$extr;
@@ -7398,7 +7405,7 @@ var init_babel_parser = __esm({
               expr.typeParameters = typeParameters;
               this.resetStartLocationFromNode(expr, typeParameters);
               return arrowExpression2;
-            }, state15);
+            }, state16);
             let arrowExpression = null;
             if (arrow.node && this.maybeUnwrapTypeCastExpression(arrow.node).type === "ArrowFunctionExpression") {
               if (!arrow.error && !arrow.aborted) {
@@ -7485,11 +7492,11 @@ var init_babel_parser = __esm({
             node.arguments = super.parseCallExpressionArguments(11, false);
             base = this.finishNode(node, "CallExpression");
           } else if (base.type === "Identifier" && base.name === "async" && this.match(47)) {
-            const state15 = this.state.clone();
-            const arrow = this.tryParse((abort) => this.parseAsyncArrowWithTypeParameters(startLoc) || abort(), state15);
+            const state16 = this.state.clone();
+            const arrow = this.tryParse((abort) => this.parseAsyncArrowWithTypeParameters(startLoc) || abort(), state16);
             if (!arrow.error && !arrow.aborted)
               return arrow.node;
-            const result = this.tryParse(() => super.parseSubscripts(base, startLoc, noCalls), state15);
+            const result = this.tryParse(() => super.parseSubscripts(base, startLoc, noCalls), state16);
             if (result.node && !result.error)
               return result.node;
             if (arrow.node) {
@@ -10513,9 +10520,9 @@ var init_babel_parser = __esm({
           return this.finishNode(node, "TSExternalModuleReference");
         }
         tsLookAhead(f) {
-          const state15 = this.state.clone();
+          const state16 = this.state.clone();
           const res = f();
-          this.state = state15;
+          this.state = state16;
           return res;
         }
         tsTryParseAndCatch(f) {
@@ -10527,12 +10534,12 @@ var init_babel_parser = __esm({
           return result.node;
         }
         tsTryParse(f) {
-          const state15 = this.state.clone();
+          const state16 = this.state.clone();
           const result = f();
           if (result !== void 0 && result !== false) {
             return result;
           }
-          this.state = state15;
+          this.state = state16;
         }
         tsTryParseDeclare(nany) {
           if (this.isLineTerminator()) {
@@ -10797,7 +10804,7 @@ var init_babel_parser = __esm({
           }
           return node;
         }
-        parseSubscript(base, startLoc, noCalls, state15) {
+        parseSubscript(base, startLoc, noCalls, state16) {
           if (!this.hasPrecedingLineBreak() && this.match(35)) {
             this.state.canStartJSXElement = false;
             this.next();
@@ -10808,10 +10815,10 @@ var init_babel_parser = __esm({
           let isOptionalCall = false;
           if (this.match(18) && this.lookaheadCharCode() === 60) {
             if (noCalls) {
-              state15.stop = true;
+              state16.stop = true;
               return base;
             }
-            state15.optionalChainMember = isOptionalCall = true;
+            state16.optionalChainMember = isOptionalCall = true;
             this.next();
           }
           if (this.match(47) || this.match(51)) {
@@ -10831,7 +10838,7 @@ var init_babel_parser = __esm({
                 return;
               }
               if (tokenIsTemplate(this.state.type)) {
-                const result2 = super.parseTaggedTemplateExpression(base, startLoc, state15);
+                const result2 = super.parseTaggedTemplateExpression(base, startLoc, state16);
                 result2.typeParameters = typeArguments;
                 return result2;
               }
@@ -10841,10 +10848,10 @@ var init_babel_parser = __esm({
                 node2.arguments = this.parseCallExpressionArguments(11, false);
                 this.tsCheckForInvalidTypeCasts(node2.arguments);
                 node2.typeParameters = typeArguments;
-                if (state15.optionalChainMember) {
+                if (state16.optionalChainMember) {
                   node2.optional = isOptionalCall;
                 }
-                return this.finishCallExpression(node2, state15.optionalChainMember);
+                return this.finishCallExpression(node2, state16.optionalChainMember);
               }
               const tokenType = this.state.type;
               if (tokenType === 48 || tokenType === 52 || tokenType !== 10 && tokenCanStartExpression(tokenType) && !this.hasPrecedingLineBreak()) {
@@ -10867,7 +10874,7 @@ var init_babel_parser = __esm({
               return result;
             }
           }
-          return super.parseSubscript(base, startLoc, noCalls, state15);
+          return super.parseSubscript(base, startLoc, noCalls, state16);
         }
         parseNewCallee(node) {
           var _callee$extra;
@@ -11047,7 +11054,7 @@ var init_babel_parser = __esm({
         tsIsStartOfStaticBlocks() {
           return this.isContextual(104) && this.lookaheadCharCode() === 123;
         }
-        parseClassMember(classBody, member, state15) {
+        parseClassMember(classBody, member, state16) {
           const modifiers = ["declare", "private", "public", "protected", "override", "abstract", "readonly", "static"];
           this.tsParseModifiers({
             allowedModifiers: modifiers,
@@ -11066,7 +11073,7 @@ var init_babel_parser = __esm({
               }
               super.parseClassStaticBlock(classBody, member);
             } else {
-              this.parseClassMemberWithIsStatic(classBody, member, state15, !!member.static);
+              this.parseClassMemberWithIsStatic(classBody, member, state16, !!member.static);
             }
           };
           if (member.declare) {
@@ -11075,7 +11082,7 @@ var init_babel_parser = __esm({
             callParseClassMemberWithIsStatic();
           }
         }
-        parseClassMemberWithIsStatic(classBody, member, state15, isStatic) {
+        parseClassMemberWithIsStatic(classBody, member, state16, isStatic) {
           const idx = this.tsTryParseIndexSignature(member);
           if (idx) {
             classBody.body.push(idx);
@@ -11108,13 +11115,13 @@ var init_babel_parser = __esm({
             });
           }
           if (member.override) {
-            if (!state15.hadSuperClass) {
+            if (!state16.hadSuperClass) {
               this.raise(TSErrors.OverrideNotInSubClass, {
                 at: member
               });
             }
           }
-          super.parseClassMemberWithIsStatic(classBody, member, state15, isStatic);
+          super.parseClassMemberWithIsStatic(classBody, member, state16, isStatic);
         }
         parsePostMemberNameModifiers(methodOrProp) {
           const optional = this.eat(17);
@@ -11330,12 +11337,12 @@ var init_babel_parser = __esm({
         }
         parseMaybeAssign(refExpressionErrors, afterLeftParse) {
           var _jsx, _jsx2, _typeCast, _jsx3, _typeCast2;
-          let state15;
+          let state16;
           let jsx2;
           let typeCast;
           if (this.hasPlugin("jsx") && (this.match(140) || this.match(47))) {
-            state15 = this.state.clone();
-            jsx2 = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state15);
+            state16 = this.state.clone();
+            jsx2 = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state16);
             if (!jsx2.error)
               return jsx2.node;
             const {
@@ -11349,8 +11356,8 @@ var init_babel_parser = __esm({
           if (!((_jsx = jsx2) != null && _jsx.error) && !this.match(47)) {
             return super.parseMaybeAssign(refExpressionErrors, afterLeftParse);
           }
-          if (!state15 || state15 === this.state)
-            state15 = this.state.clone();
+          if (!state16 || state16 === this.state)
+            state16 = this.state.clone();
           let typeParameters;
           const arrow = this.tryParse((abort) => {
             var _expr$extra, _typeParameters;
@@ -11364,7 +11371,7 @@ var init_babel_parser = __esm({
             }
             expr.typeParameters = typeParameters;
             return expr;
-          }, state15);
+          }, state16);
           if (!arrow.error && !arrow.aborted) {
             if (typeParameters)
               this.reportReservedArrowTypeParam(typeParameters);
@@ -11372,7 +11379,7 @@ var init_babel_parser = __esm({
           }
           if (!jsx2) {
             assert(!this.hasPlugin("jsx"));
-            typeCast = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state15);
+            typeCast = this.tryParse(() => super.parseMaybeAssign(refExpressionErrors, afterLeftParse), state16);
             if (!typeCast.error)
               return typeCast.node;
           }
@@ -12543,25 +12550,25 @@ var init_babel_parser = __esm({
           return this.parseSubscripts(expr, startLoc);
         }
         parseSubscripts(base, startLoc, noCalls) {
-          const state15 = {
+          const state16 = {
             optionalChainMember: false,
             maybeAsyncArrow: this.atPossibleAsyncArrow(base),
             stop: false
           };
           do {
-            base = this.parseSubscript(base, startLoc, noCalls, state15);
-            state15.maybeAsyncArrow = false;
-          } while (!state15.stop);
+            base = this.parseSubscript(base, startLoc, noCalls, state16);
+            state16.maybeAsyncArrow = false;
+          } while (!state16.stop);
           return base;
         }
-        parseSubscript(base, startLoc, noCalls, state15) {
+        parseSubscript(base, startLoc, noCalls, state16) {
           const {
             type: type3
           } = this.state;
           if (!noCalls && type3 === 15) {
-            return this.parseBind(base, startLoc, noCalls, state15);
+            return this.parseBind(base, startLoc, noCalls, state16);
           } else if (tokenIsTemplate(type3)) {
-            return this.parseTaggedTemplateExpression(base, startLoc, state15);
+            return this.parseTaggedTemplateExpression(base, startLoc, state16);
           }
           let optional = false;
           if (type3 === 18) {
@@ -12570,26 +12577,26 @@ var init_babel_parser = __esm({
                 at: this.state.startLoc
               });
               if (this.lookaheadCharCode() === 40) {
-                state15.stop = true;
+                state16.stop = true;
                 return base;
               }
             }
-            state15.optionalChainMember = optional = true;
+            state16.optionalChainMember = optional = true;
             this.next();
           }
           if (!noCalls && this.match(10)) {
-            return this.parseCoverCallAndAsyncArrowHead(base, startLoc, state15, optional);
+            return this.parseCoverCallAndAsyncArrowHead(base, startLoc, state16, optional);
           } else {
             const computed = this.eat(0);
             if (computed || optional || this.eat(16)) {
-              return this.parseMember(base, startLoc, state15, computed, optional);
+              return this.parseMember(base, startLoc, state16, computed, optional);
             } else {
-              state15.stop = true;
+              state16.stop = true;
               return base;
             }
           }
         }
-        parseMember(base, startLoc, state15, computed, optional) {
+        parseMember(base, startLoc, state16, computed, optional) {
           const node = this.startNodeAt(startLoc);
           node.object = base;
           node.computed = computed;
@@ -12607,22 +12614,22 @@ var init_babel_parser = __esm({
           } else {
             node.property = this.parseIdentifier(true);
           }
-          if (state15.optionalChainMember) {
+          if (state16.optionalChainMember) {
             node.optional = optional;
             return this.finishNode(node, "OptionalMemberExpression");
           } else {
             return this.finishNode(node, "MemberExpression");
           }
         }
-        parseBind(base, startLoc, noCalls, state15) {
+        parseBind(base, startLoc, noCalls, state16) {
           const node = this.startNodeAt(startLoc);
           node.object = base;
           this.next();
           node.callee = this.parseNoCallExpr();
-          state15.stop = true;
+          state16.stop = true;
           return this.parseSubscripts(this.finishNode(node, "BindExpression"), startLoc, noCalls);
         }
-        parseCoverCallAndAsyncArrowHead(base, startLoc, state15, optional) {
+        parseCoverCallAndAsyncArrowHead(base, startLoc, state16, optional) {
           const oldMaybeInArrowParameters = this.state.maybeInArrowParameters;
           let refExpressionErrors = null;
           this.state.maybeInArrowParameters = true;
@@ -12632,7 +12639,7 @@ var init_babel_parser = __esm({
           const {
             maybeAsyncArrow,
             optionalChainMember
-          } = state15;
+          } = state16;
           if (maybeAsyncArrow) {
             this.expressionScope.enter(newAsyncArrowScope());
             refExpressionErrors = new ExpressionErrors();
@@ -12647,7 +12654,7 @@ var init_babel_parser = __esm({
           }
           let finishedNode = this.finishCallExpression(node, optionalChainMember);
           if (maybeAsyncArrow && this.shouldParseAsyncArrow() && !optional) {
-            state15.stop = true;
+            state16.stop = true;
             this.checkDestructuringPrivate(refExpressionErrors);
             this.expressionScope.validateAsPattern();
             this.expressionScope.exit();
@@ -12665,11 +12672,11 @@ var init_babel_parser = __esm({
         toReferencedArguments(node, isParenthesizedExpr) {
           this.toReferencedListDeep(node.arguments, isParenthesizedExpr);
         }
-        parseTaggedTemplateExpression(base, startLoc, state15) {
+        parseTaggedTemplateExpression(base, startLoc, state16) {
           const node = this.startNodeAt(startLoc);
           node.tag = base;
           node.quasi = this.parseTemplate(true);
-          if (state15.optionalChainMember) {
+          if (state16.optionalChainMember) {
             this.raise(Errors.OptionalChainingNoTemplate, {
               at: startLoc
             });
@@ -14958,7 +14965,7 @@ var init_babel_parser = __esm({
         }
         parseClassBody(hadSuperClass, oldStrict) {
           this.classScope.enter();
-          const state15 = {
+          const state16 = {
             hadConstructor: false,
             hadSuperClass
           };
@@ -14986,7 +14993,7 @@ var init_babel_parser = __esm({
                 this.resetStartLocationFromNode(member, decorators[0]);
                 decorators = [];
               }
-              this.parseClassMember(classBody, member, state15);
+              this.parseClassMember(classBody, member, state16);
               if (member.kind === "constructor" && member.decorators && member.decorators.length > 0) {
                 this.raise(Errors.DecoratorConstructor, {
                   at: member
@@ -15025,7 +15032,7 @@ var init_babel_parser = __esm({
           this.resetPreviousNodeTrailingComments(key);
           return false;
         }
-        parseClassMember(classBody, member, state15) {
+        parseClassMember(classBody, member, state16) {
           const isStatic = this.isContextual(104);
           if (isStatic) {
             if (this.parseClassMemberFromModifier(classBody, member)) {
@@ -15036,9 +15043,9 @@ var init_babel_parser = __esm({
               return;
             }
           }
-          this.parseClassMemberWithIsStatic(classBody, member, state15, isStatic);
+          this.parseClassMemberWithIsStatic(classBody, member, state16, isStatic);
         }
-        parseClassMemberWithIsStatic(classBody, member, state15, isStatic) {
+        parseClassMemberWithIsStatic(classBody, member, state16, isStatic) {
           const publicMethod = member;
           const privateMethod = member;
           const publicProp = member;
@@ -15079,7 +15086,7 @@ var init_babel_parser = __esm({
             let allowsDirectSuper = false;
             if (isConstructor) {
               publicMethod.kind = "constructor";
-              if (state15.hadConstructor && !this.hasPlugin("typescript")) {
+              if (state16.hadConstructor && !this.hasPlugin("typescript")) {
                 this.raise(Errors.DuplicateConstructor, {
                   at: key
                 });
@@ -15089,8 +15096,8 @@ var init_babel_parser = __esm({
                   at: key
                 });
               }
-              state15.hadConstructor = true;
-              allowsDirectSuper = state15.hadSuperClass;
+              state16.hadConstructor = true;
+              allowsDirectSuper = state16.hadSuperClass;
             }
             this.pushClassMethod(classBody, publicMethod, false, false, isConstructor, allowsDirectSuper);
           } else if (this.isClassProperty()) {
@@ -16863,7 +16870,7 @@ var init_PlatformType = __esm({
 });
 
 // src/parts/Platform/Platform.js
-var getPlatform, platform, state8, getBrowser, assetDir, isElectron, getRendererWorkerUrl, getIsMobile, isMobile;
+var getPlatform, platform, state9, getBrowser, assetDir, isElectron, getRendererWorkerUrl, getIsMobile, isMobile;
 var init_Platform = __esm({
   "src/parts/Platform/Platform.js"() {
     "use strict";
@@ -16881,10 +16888,10 @@ var init_Platform = __esm({
       return Remote;
     };
     platform = getPlatform();
-    state8 = {
+    state9 = {
       getAssetDir() {
         if (true) {
-          return "/d663275";
+          return "/4ec07e5";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -16931,9 +16938,9 @@ var init_Platform = __esm({
       }
       return "chromium";
     };
-    assetDir = state8.getAssetDir();
+    assetDir = state9.getAssetDir();
     isElectron = () => {
-      return state8.isElectron();
+      return state9.isElectron();
     };
     getRendererWorkerUrl = () => {
       const urlRendererWorker = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`;
@@ -16957,7 +16964,7 @@ var init_Platform = __esm({
 });
 
 // src/parts/RendererWorker/RendererWorker.js
-var state9, getIpc, hydrate2, send, sendAndTransfer;
+var state10, getIpc, hydrate2, send, sendAndTransfer;
 var init_RendererWorker = __esm({
   "src/parts/RendererWorker/RendererWorker.js"() {
     "use strict";
@@ -16968,7 +16975,7 @@ var init_RendererWorker = __esm({
     init_JsonRpcRequest();
     init_Platform();
     init_UnwrapJsonRpcResult();
-    state9 = {
+    state10 = {
       /**
        * @type {any}
        */
@@ -17000,14 +17007,14 @@ var init_RendererWorker = __esm({
     hydrate2 = async (config) => {
       const ipc = await getIpc();
       handleIpc(ipc);
-      state9.ipc = ipc;
+      state10.ipc = ipc;
     };
     send = (method, ...params) => {
       const message = create8(method, params);
-      state9.ipc.send(message);
+      state10.ipc.send(message);
     };
     sendAndTransfer = (message, transfer2) => {
-      state9.ipc.sendAndTransfer(message, transfer2);
+      state10.ipc.sendAndTransfer(message, transfer2);
     };
   }
 });
@@ -17043,11 +17050,11 @@ var init_EditorRename = __esm({
         $RenameWidgetInputBox
       };
     };
-    dispose = (state15) => {
-      remove(state15.$RenameWidget);
+    dispose = (state16) => {
+      remove(state16.$RenameWidget);
     };
-    finish = (state15) => {
-      const value = state15.$RenameWidgetInputBox.value;
+    finish = (state16) => {
+      const value = state16.$RenameWidgetInputBox.value;
       return value;
     };
   }
@@ -17235,11 +17242,11 @@ var init_ImagePreview = __esm({
         $ImagePreviewImage
       };
     };
-    update = (state15, uri) => {
-      state15.$ImagePreviewImage.uri = uri;
+    update = (state16, uri) => {
+      state16.$ImagePreviewImage.uri = uri;
     };
-    dispose2 = (state15) => {
-      remove(state15.$ImagePreview);
+    dispose2 = (state16) => {
+      remove(state16.$ImagePreview);
     };
   }
 });
@@ -17510,32 +17517,32 @@ var init_Notification_ipc = __esm({
 });
 
 // src/parts/OffscreenCanvasState/OffscreenCanvasState.js
-var state10, get2, set2;
+var state11, get3, set2;
 var init_OffscreenCanvasState = __esm({
   "src/parts/OffscreenCanvasState/OffscreenCanvasState.js"() {
     "use strict";
-    state10 = {
+    state11 = {
       canvasObjects: /* @__PURE__ */ Object.create(null)
     };
-    get2 = (id) => {
-      return state10.canvasObjects[id];
+    get3 = (id) => {
+      return state11.canvasObjects[id];
     };
     set2 = (canvasId, canvas) => {
-      state10.canvasObjects[canvasId] = canvas;
+      state11.canvasObjects[canvasId] = canvas;
     };
   }
 });
 
 // src/parts/OffscreenCanvas/OffscreenCanvas.js
-var get3, create16;
+var get4, create16;
 var init_OffscreenCanvas = __esm({
   "src/parts/OffscreenCanvas/OffscreenCanvas.js"() {
     "use strict";
     init_JsonRpcVersion();
     init_OffscreenCanvasState();
     init_RendererWorker();
-    get3 = (id) => {
-      return get2(id);
+    get4 = (id) => {
+      return get3(id);
     };
     create16 = (canvasId, callbackId) => {
       const canvas = document.createElement("canvas");
@@ -17731,7 +17738,7 @@ var init_DomEventType = __esm({
 });
 
 // src/parts/OldMenu/Menu.js
-var state11, getLevel, handleMouseDown, handleMouseEnter, handleMouseLeave, handleKeyDown, handleFocusOut, create$Menu, focusIndex, handleBackDropMouseDown, handleContextMenu, showMenu, showContextMenu, hideSubMenu, showControlled, hide;
+var state12, getLevel, handleMouseDown, handleMouseEnter, handleMouseLeave, handleKeyDown, handleFocusOut, create$Menu, focusIndex, handleBackDropMouseDown, handleContextMenu, showMenu, showContextMenu, hideSubMenu, showControlled, hide;
 var init_Menu = __esm({
   "src/parts/OldMenu/Menu.js"() {
     "use strict";
@@ -17747,7 +17754,7 @@ var init_Menu = __esm({
     init_DomAttributeType();
     init_AriaBoolean();
     init_Event();
-    state11 = {
+    state12 = {
       handleKeyDown(event) {
       },
       handleFocusOut(event) {
@@ -17759,7 +17766,7 @@ var init_Menu = __esm({
       $BackDrop: void 0
     };
     getLevel = ($Menu) => {
-      return state11.$$Menus.indexOf($Menu);
+      return state12.$$Menus.indexOf($Menu);
     };
     handleMouseDown = (event) => {
       const $Target = event.target;
@@ -17808,10 +17815,10 @@ var init_Menu = __esm({
       }
     };
     handleKeyDown = (event) => {
-      state11.handleKeyDown(event);
+      state12.handleKeyDown(event);
     };
     handleFocusOut = (event) => {
-      state11.handleFocusOut(event);
+      state12.handleFocusOut(event);
     };
     create$Menu = () => {
       const $Menu = document.createElement("ul");
@@ -17831,7 +17838,7 @@ var init_Menu = __esm({
       return $Menu;
     };
     focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-      const $Menu = state11.$$Menus[level];
+      const $Menu = state12.$$Menus[level];
       if (oldFocusedIndex !== -1) {
         $Menu.children[oldFocusedIndex].classList.remove("Focused");
       }
@@ -17856,7 +17863,7 @@ var init_Menu = __esm({
         const $BackDrop = create$BackDrop();
         $BackDrop.onmousedown = handleBackDropMouseDown;
         $BackDrop.oncontextmenu = handleContextMenu;
-        state11.$BackDrop = $BackDrop;
+        state12.$BackDrop = $BackDrop;
         append($BackDrop);
       }
       const $Menu = create$Menu();
@@ -17864,56 +17871,56 @@ var init_Menu = __esm({
       setXAndY($Menu, x, y);
       $Menu.id = `Menu-${level}`;
       if (parentIndex !== -1) {
-        const $ParentMenu = state11.$$Menus[level - 1];
+        const $ParentMenu = state12.$$Menus[level - 1];
         const $ParentMenuItem = $ParentMenu.children[parentIndex];
         $ParentMenuItem.ariaExpanded = True;
         $ParentMenuItem.setAttribute(AriaOwns, $Menu.id);
       }
-      state11.$$Menus.push($Menu);
+      state12.$$Menus.push($Menu);
       append($Menu);
       if (level === 0) {
         focus($Menu, "menu");
       }
     };
     showContextMenu = (x, y, width, height, level, items) => {
-      for (const $Menu2 of state11.$$Menus) {
+      for (const $Menu2 of state12.$$Menus) {
         remove($Menu2);
       }
-      state11.$$Menus = [];
-      while (state11.$$Menus.length > 0) {
-        state11.$$Menus[0].remove();
+      state12.$$Menus = [];
+      while (state12.$$Menus.length > 0) {
+        state12.$$Menus[0].remove();
       }
       const $Menu = create$Menu();
       $Menu.append(...items.map(create$MenuItem));
       setXAndY($Menu, x, y);
       $Menu.id = `Menu-${level}`;
       append($Menu);
-      state11.$$Menus.push($Menu);
+      state12.$$Menus.push($Menu);
     };
     hideSubMenu = (level) => {
-      const $$ChildMenus = state11.$$Menus.slice(level);
+      const $$ChildMenus = state12.$$Menus.slice(level);
       for (const $ChildMenu of $$ChildMenus) {
         remove($ChildMenu);
       }
     };
     showControlled = ({ x, y, items, handleKeyDown: handleKeyDown4, handleFocusOut: handleFocusOut3, $Parent, level, width, height }) => {
       showMenu(x, y, width, height, items, level);
-      state11.$Parent = $Parent;
-      state11.handleFocusOut = handleFocusOut3;
-      state11.handleKeyDown = handleKeyDown4;
+      state12.$Parent = $Parent;
+      state12.handleFocusOut = handleFocusOut3;
+      state12.handleKeyDown = handleKeyDown4;
       if ($Parent) {
         $Parent.setAttribute(AriaOwns, "Menu");
       } else {
       }
     };
     hide = (restoreFocus = true) => {
-      for (const $Menu of state11.$$Menus) {
+      for (const $Menu of state12.$$Menus) {
         remove($Menu);
       }
-      state11.$$Menus = [];
-      if (state11.$BackDrop) {
-        remove(state11.$BackDrop);
-        state11.$BackDrop = void 0;
+      state12.$$Menus = [];
+      if (state12.$BackDrop) {
+        remove(state12.$BackDrop);
+        state12.$BackDrop = void 0;
       }
       if (restoreFocus) {
         focusPrevious();
@@ -19643,9 +19650,9 @@ var init_TestFrameWork = __esm({
       $TestOverlay.style.color = "black";
       return $TestOverlay;
     };
-    showOverlay = (state15, background, text2) => {
+    showOverlay = (state16, background, text2) => {
       const $TestOverlay = create$Overlay();
-      $TestOverlay.dataset.state = state15;
+      $TestOverlay.dataset.state = state16;
       $TestOverlay.style.background = background;
       $TestOverlay.textContent = text2;
       document.body.append($TestOverlay);
@@ -19790,15 +19797,15 @@ var init_TestFrameWork_ipc = __esm({
 });
 
 // src/parts/Transferrable/Transferrable.js
-var state12, transfer;
+var state13, transfer;
 var init_Transferrable = __esm({
   "src/parts/Transferrable/Transferrable.js"() {
     "use strict";
-    state12 = {
+    state13 = {
       objects: /* @__PURE__ */ Object.create(null)
     };
     transfer = (objectId, transferable) => {
-      state12.objects[objectId] = transferable;
+      state13.objects[objectId] = transferable;
     };
   }
 });
@@ -20022,6 +20029,9 @@ var init_VirtualDomElementProps = __esm({
           break;
         case "style":
           throw new Error("style property is not supported");
+        case "childCount":
+        case "type":
+          break;
         default:
           $Element[key] = value;
       }
@@ -20043,13 +20053,12 @@ var init_VirtualDomElement = __esm({
     init_VirtualDomElementProps();
     init_VirtualDomElements();
     renderDomTextNode = (element) => {
-      return document.createTextNode(element.props.text);
+      return document.createTextNode(element.text);
     };
     renderDomElement = (element) => {
-      const { type: type3, props } = element;
-      const tag = getElementTag(type3);
+      const tag = getElementTag(element.type);
       const $Element = document.createElement(tag);
-      setProps($Element, props);
+      setProps($Element, element);
       return $Element;
     };
     render = (element) => {
@@ -20103,7 +20112,7 @@ var init_VirtualDom = __esm({
 });
 
 // src/parts/ComponentUid/ComponentUid.js
-var uidSymbol, set3, get4, fromEvent;
+var uidSymbol, set3, get5, fromEvent;
 var init_ComponentUid = __esm({
   "src/parts/ComponentUid/ComponentUid.js"() {
     "use strict";
@@ -20111,7 +20120,7 @@ var init_ComponentUid = __esm({
     set3 = ($Element, uid) => {
       $Element[uidSymbol] = uid;
     };
-    get4 = ($Element) => {
+    get5 = ($Element) => {
       while ($Element) {
         if ($Element[uidSymbol]) {
           return $Element[uidSymbol];
@@ -20121,7 +20130,7 @@ var init_ComponentUid = __esm({
     };
     fromEvent = (event) => {
       const { target, currentTarget } = event;
-      return get4(currentTarget || target);
+      return get5(currentTarget || target);
     };
   }
 });
@@ -20300,25 +20309,25 @@ var init_ViewletActivityBar = __esm({
         $Viewlet
       };
     };
-    attachEvents = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.onmousedown = handleMousedown;
       $Viewlet.oncontextmenu = handleContextMenu3;
       $Viewlet.onfocus = handleFocus2;
       $Viewlet.onblur = handleBlur3;
     };
-    dispose4 = (state15) => {
+    dispose4 = (state16) => {
     };
-    setBadgeCount = (state15, index, count) => {
-      const { $ActivityBar } = state15;
+    setBadgeCount = (state16, index, count) => {
+      const { $ActivityBar } = state16;
       const $Item = $ActivityBar.children[index];
       const $Badge = document.createElement("div");
       $Badge.className = "ActivityBarItemBadge";
       $Badge.textContent = `${count}`;
       $Item.append($Badge);
     };
-    setDom = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setDom = (state16, dom) => {
+      const { $Viewlet } = state16;
       renderInto($Viewlet, dom);
     };
   }
@@ -20380,21 +20389,21 @@ var init_ViewletAudio = __esm({
         $AudioErrorMessage: void 0
       };
     };
-    attachEvents2 = (state15) => {
-      const { $Audio } = state15;
+    attachEvents2 = (state16) => {
+      const { $Audio } = state16;
       $Audio.onerror = handleAudioError2;
     };
-    setSrc = (state15, src) => {
-      const { $Audio } = state15;
+    setSrc = (state16, src) => {
+      const { $Audio } = state16;
       $Audio.src = src;
     };
-    setAudioErrorMessage = (state15, audioErrorMessage) => {
-      if (!state15.$AudioErrorMessage) {
-        state15.$AudioErrorMessage = document.createElement("div");
-        state15.$AudioErrorMessage.className = "AudioErrorMessage";
-        state15.$Content.append(state15.$AudioErrorMessage);
+    setAudioErrorMessage = (state16, audioErrorMessage) => {
+      if (!state16.$AudioErrorMessage) {
+        state16.$AudioErrorMessage = document.createElement("div");
+        state16.$AudioErrorMessage.className = "AudioErrorMessage";
+        state16.$Content.append(state16.$AudioErrorMessage);
       }
-      const { $AudioErrorMessage } = state15;
+      const { $AudioErrorMessage } = state16;
       $AudioErrorMessage.textContent = audioErrorMessage;
     };
   }
@@ -20420,14 +20429,14 @@ var init_ViewletClock = __esm({
         $Viewlet
       };
     };
-    dispose5 = (state15) => {
+    dispose5 = (state16) => {
     };
     refresh = () => {
     };
-    setTime = (state15, time) => {
-      object(state15);
+    setTime = (state16, time) => {
+      object(state16);
       string(time);
-      state15.$Viewlet.textContent = time;
+      state16.$Viewlet.textContent = time;
     };
   }
 });
@@ -20511,17 +20520,17 @@ var init_ViewletColorPicker = __esm({
         $ColorPickerSliderThumb
       };
     };
-    attachEvents3 = (state15) => {
-      const { $ColorPickerSliderThumb, $ColorPickerSlider } = state15;
+    attachEvents3 = (state16) => {
+      const { $ColorPickerSliderThumb, $ColorPickerSlider } = state16;
       $ColorPickerSliderThumb.onpointerdown = handleSliderPointerDown2;
       $ColorPickerSlider.onpointerdown = handleSliderPointerDown2;
     };
-    setColor = (state15, color) => {
-      const { $Viewlet } = state15;
+    setColor = (state16, color) => {
+      const { $Viewlet } = state16;
       $Viewlet.style.setProperty("--ColorPickerColor", color);
     };
-    setOffsetX = (state15, offsetX) => {
-      const { $ColorPickerSliderThumb } = state15;
+    setOffsetX = (state16, offsetX) => {
+      const { $ColorPickerSliderThumb } = state16;
       setXAndYTransform($ColorPickerSliderThumb, offsetX, 0);
     };
   }
@@ -20555,12 +20564,12 @@ var init_ViewletDebugConsole = __esm({
         $Input
       };
     };
-    focus2 = (state15) => {
-      const { $Input } = state15;
+    focus2 = (state16) => {
+      const { $Input } = state16;
       $Input.focus();
     };
-    setText = (state15, text2) => {
-      const { $DebugConsoleTop } = state15;
+    setText = (state16, text2) => {
+      const { $DebugConsoleTop } = state16;
       $DebugConsoleTop.textContent = text2;
     };
   }
@@ -20742,16 +20751,16 @@ var init_ViewletDialog = __esm({
         $DialogBodyErrorStack
       };
     };
-    postAppend = (state15) => {
-      const { $Viewlet } = state15;
+    postAppend = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.showModal();
     };
-    setHeader = (state15, header) => {
-      const { $DialogTitle } = state15;
+    setHeader = (state16, header) => {
+      const { $DialogTitle } = state16;
       $DialogTitle.textContent = header;
     };
-    setButtons = (state15, buttons) => {
-      const { $DialogBodyOptions } = state15;
+    setButtons = (state16, buttons) => {
+      const { $DialogBodyOptions } = state16;
       for (const button of buttons) {
         const $DialogOption = document.createElement("button");
         $DialogOption.className = "DialogOption";
@@ -20759,16 +20768,16 @@ var init_ViewletDialog = __esm({
         $DialogBodyOptions.append($DialogOption);
       }
     };
-    setErrorMessage = (state15, errorMessage) => {
-      const { $DialogBodyErrorMessage } = state15;
+    setErrorMessage = (state16, errorMessage) => {
+      const { $DialogBodyErrorMessage } = state16;
       $DialogBodyErrorMessage.textContent = errorMessage;
     };
-    setCodeFrame = (state15, errorMessage) => {
-      const { $DialogBodyErrorCodeFrame } = state15;
+    setCodeFrame = (state16, errorMessage) => {
+      const { $DialogBodyErrorCodeFrame } = state16;
       $DialogBodyErrorCodeFrame.textContent = errorMessage;
     };
-    setErrorStack = (state15, errorStack) => {
-      const { $DialogBodyErrorStack } = state15;
+    setErrorStack = (state16, errorStack) => {
+      const { $DialogBodyErrorStack } = state16;
       $DialogBodyErrorStack.textContent = errorStack;
     };
   }
@@ -20855,8 +20864,8 @@ var init_ViewletScrollable = __esm({
   "src/parts/ViewletScrollable/ViewletScrollable.js"() {
     "use strict";
     init_SetBounds();
-    setScrollBar = (state15, scrollBarY, scrollBarHeight) => {
-      const { $ScrollBarThumb } = state15;
+    setScrollBar = (state16, scrollBarY, scrollBarHeight) => {
+      const { $ScrollBarThumb } = state16;
       setYAndHeight($ScrollBarThumb, scrollBarY, scrollBarHeight);
     };
   }
@@ -20913,16 +20922,16 @@ var init_ViewletDiffEditor = __esm({
     setContent = ($Content, lines) => {
       $Content.replaceChildren(...lines.map(create$Line));
     };
-    setContentLeft = (state15, lines) => {
-      const { $ContentLeft } = state15;
+    setContentLeft = (state16, lines) => {
+      const { $ContentLeft } = state16;
       setContent($ContentLeft, lines);
     };
-    setContentRight = (state15, lines) => {
-      const { $ContentRight } = state15;
+    setContentRight = (state16, lines) => {
+      const { $ContentRight } = state16;
       setContent($ContentRight, lines);
     };
-    setChanges = (state15, changes) => {
-      const { $ContentLeft, $ContentRight } = state15;
+    setChanges = (state16, changes) => {
+      const { $ContentLeft, $ContentRight } = state16;
       const { changesLeft, changesRight } = changes;
       for (const change of changesLeft) {
         if (change.type === "delete") {
@@ -21061,8 +21070,8 @@ var init_ViewletSizable = __esm({
   "src/parts/ViewletSizable/ViewletSizable.js"() {
     "use strict";
     init_ViewletSizeMap();
-    setSize = (state15, oldSize, newSize) => {
-      const { $Viewlet } = state15;
+    setSize = (state16, oldSize, newSize) => {
+      const { $Viewlet } = state16;
       const oldClassName = getClassName(oldSize);
       if (oldClassName) {
         $Viewlet.classList.remove(oldClassName);
@@ -21081,12 +21090,12 @@ var init_ViewletList = __esm({
     init_SetBounds();
     init_ViewletScrollable();
     init_ViewletSizable();
-    setContentHeight = (state15, height) => {
-      const { $ListItems } = state15;
+    setContentHeight = (state16, height) => {
+      const { $ListItems } = state16;
       setHeight($ListItems, height);
     };
-    setNegativeMargin = (state15, negativeMargin) => {
-      const { $ListItems } = state15;
+    setNegativeMargin = (state16, negativeMargin) => {
+      const { $ListItems } = state16;
       setTop($ListItems, negativeMargin);
     };
   }
@@ -21186,8 +21195,8 @@ var init_ViewletEditorCompletion = __esm({
         $ScrollBarThumb
       };
     };
-    attachEvents4 = (state15) => {
-      const { $Viewlet, $ListItems, $ScrollBar } = state15;
+    attachEvents4 = (state16) => {
+      const { $Viewlet, $ListItems, $ScrollBar } = state16;
       $Viewlet.addEventListener(Wheel, handleWheel2, Passive);
       $ListItems.onmousedown = handleMousedown2;
       $ScrollBar.onpointerdown = handleScrollBarPointerDown2;
@@ -21227,8 +21236,8 @@ var init_ViewletEditorCompletion = __esm({
         render$CompletionsMore($ListItems, items);
       }
     };
-    setItems = (state15, items, reason, focusedIndex) => {
-      const { $Viewlet, $ListItems } = state15;
+    setItems = (state16, items, reason, focusedIndex) => {
+      const { $Viewlet, $ListItems } = state16;
       setAdditionalFocus("editorCompletions");
       if (items.length === 0) {
         if (reason === /* automatically */
@@ -21242,15 +21251,15 @@ var init_ViewletEditorCompletion = __esm({
       render$Items($ListItems, items);
       append($Viewlet);
     };
-    dispose6 = (state15) => {
-      remove(state15.$Viewlet);
+    dispose6 = (state16) => {
+      remove(state16.$Viewlet);
       removeAdditionalFocus("editorCompletions");
     };
-    setFocusedIndex = (state15, oldIndex, newIndex) => {
+    setFocusedIndex = (state16, oldIndex, newIndex) => {
       if (oldIndex === newIndex) {
         debugger;
       }
-      const { $ListItems } = state15;
+      const { $ListItems } = state16;
       if (oldIndex >= 0) {
         const $OldItem = $ListItems.children[oldIndex];
         $OldItem.classList.remove("Focused");
@@ -21261,8 +21270,8 @@ var init_ViewletEditorCompletion = __esm({
       }
       setAdditionalFocus("editorCompletions");
     };
-    showLoading = (state15, x, y) => {
-      const { $Viewlet } = state15;
+    showLoading = (state16, x, y) => {
+      const { $Viewlet } = state16;
       setXAndYTransform($Viewlet, x, y);
       const $Loading = document.createElement("div");
       $Loading.textContent = "Loading";
@@ -21270,16 +21279,16 @@ var init_ViewletEditorCompletion = __esm({
       append($Viewlet);
       setAdditionalFocus("editorCompletions");
     };
-    handleError = (state15, error2) => {
-      const { $Viewlet } = state15;
+    handleError = (state16, error2) => {
+      const { $Viewlet } = state16;
       $Viewlet.textContent = `${error2}`;
     };
-    setBounds2 = (state15, x, y, width, height) => {
+    setBounds2 = (state16, x, y, width, height) => {
       number(x);
       number(y);
       number(width);
       number(height);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       setBounds($Viewlet, x, y, width, height);
     };
   }
@@ -21408,8 +21417,8 @@ var init_ViewletEditorImage = __esm({
         $ImageWrapper
       };
     };
-    attachEvents5 = (state15) => {
-      const { $Image, $ImageWrapper, $Viewlet } = state15;
+    attachEvents5 = (state16) => {
+      const { $Image, $ImageWrapper, $Viewlet } = state16;
       $Image.onerror = handleError2;
       $ImageWrapper.onfocus = handleFocus3;
       $Viewlet.onpointerdown = handlePointerDown2;
@@ -21417,22 +21426,22 @@ var init_ViewletEditorImage = __esm({
       $Viewlet.oncontextmenu = handleContextMenu5;
       $Viewlet.addEventListener(Wheel, handleWheel4, Passive);
     };
-    setTransform = (state15, transform) => {
-      const { $ImageWrapper } = state15;
+    setTransform = (state16, transform) => {
+      const { $ImageWrapper } = state16;
       $ImageWrapper.style.transform = transform;
     };
-    setSrc2 = (state15, src) => {
-      const { $Image } = state15;
+    setSrc2 = (state16, src) => {
+      const { $Image } = state16;
       $Image.src = src;
     };
-    setDragging = (state15, isDragging) => {
-      const { $Viewlet } = state15;
+    setDragging = (state16, isDragging) => {
+      const { $Viewlet } = state16;
       $Viewlet.classList.toggle("Dragging", isDragging);
     };
-    dispose7 = (state15) => {
+    dispose7 = (state16) => {
     };
-    setError = (state15, message) => {
-      const { $Viewlet } = state15;
+    setError = (state16, message) => {
+      const { $Viewlet } = state16;
       const $Error = document.createElement("div");
       $Error.className = "ViewletError";
       $Error.textContent = message;
@@ -21461,12 +21470,12 @@ var init_ViewletEditorPlainText = __esm({
         $Viewlet
       };
     };
-    dispose8 = (state15) => {
+    dispose8 = (state16) => {
     };
-    refresh2 = (state15, context) => {
-      object(state15);
+    refresh2 = (state16, context) => {
+      object(state16);
       string(context.content);
-      state15.$Viewlet.textContent = context.content;
+      state16.$Viewlet.textContent = context.content;
     };
   }
 });
@@ -21796,9 +21805,9 @@ var init_LayerCursor = __esm({
         render$CursorsMore($Cursors, childCount, cursors, cursorCount);
       }
     };
-    setCursors = (state15, cursors) => {
+    setCursors = (state16, cursors) => {
       float32Array(cursors);
-      render$Cursors(state15.$LayerCursor, cursors);
+      render$Cursors(state16.$LayerCursor, cursors);
     };
   }
 });
@@ -21817,12 +21826,12 @@ var init_LayerScrollBar = __esm({
   "src/parts/Editor/LayerScrollBar.js"() {
     "use strict";
     init_SetBounds();
-    setPosition = (state15, scrollBarY, scrollBarHeight) => {
-      const { $ScrollBarThumbVertical } = state15;
+    setPosition = (state16, scrollBarY, scrollBarHeight) => {
+      const { $ScrollBarThumbVertical } = state16;
       setYAndHeight($ScrollBarThumbVertical, scrollBarY, scrollBarHeight);
     };
-    setScrollBarHorizontal = (state15, scrollBarX, scrollBarWidth, deltaX) => {
-      const { $ScrollBarThumbHorizontal, $EditorLayers } = state15;
+    setScrollBarHorizontal = (state16, scrollBarX, scrollBarWidth, deltaX) => {
+      const { $ScrollBarThumbHorizontal, $EditorLayers } = state16;
       setXAndWidth($ScrollBarThumbHorizontal, scrollBarX, scrollBarWidth);
     };
   }
@@ -21887,8 +21896,8 @@ var init_LayerSelections = __esm({
         render$SelectionsMore($Selections, childCount, selections, selectionsCount);
       }
     };
-    setSelections = (state15, selections) => {
-      render$Selections(state15.$LayerSelections, selections);
+    setSelections = (state16, selections) => {
+      render$Selections(state16.$LayerSelections, selections);
     };
   }
 });
@@ -22002,11 +22011,11 @@ var init_LayerText = __esm({
         render$LinesMore($Lines, lineInfos, differences);
       }
     };
-    setLineInfos = (state15, lineInfos, differences) => {
-      object(state15);
+    setLineInfos = (state16, lineInfos, differences) => {
+      object(state16);
       array(lineInfos);
       array(differences);
-      render$Lines(state15.$LayerText, lineInfos, differences);
+      render$Lines(state16.$LayerText, lineInfos, differences);
     };
   }
 });
@@ -22101,11 +22110,11 @@ var init_Editor = __esm({
         $Viewlet: $Editor
       };
     };
-    setText2 = (state15, textInfos, differences) => {
-      setLineInfos(state15, textInfos, differences);
+    setText2 = (state16, textInfos, differences) => {
+      setLineInfos(state16, textInfos, differences);
     };
-    setIncrementalEdits = (state15, incrementalEdits) => {
-      const { $LayerText } = state15;
+    setIncrementalEdits = (state16, incrementalEdits) => {
+      const { $LayerText } = state16;
       for (const incrementalEdit of incrementalEdits) {
         const { rowIndex, columnIndex, text: text2 } = incrementalEdit;
         const $Row = $LayerText.children[rowIndex];
@@ -22113,18 +22122,18 @@ var init_Editor = __esm({
         $Column.firstChild.nodeValue = text2;
       }
     };
-    setScrollBar2 = (state15, scrollBarY, scrollBarHeight) => {
-      setPosition(state15, scrollBarY, scrollBarHeight);
+    setScrollBar2 = (state16, scrollBarY, scrollBarHeight) => {
+      setPosition(state16, scrollBarY, scrollBarHeight);
     };
     setScrollBarHorizontal2 = setScrollBarHorizontal;
-    setSelections2 = (state15, cursorInfos, selectionInfos) => {
+    setSelections2 = (state16, cursorInfos, selectionInfos) => {
       float32Array(cursorInfos);
       float32Array(selectionInfos);
-      setCursors(state15, cursorInfos);
-      setSelections(state15, selectionInfos);
+      setCursors(state16, cursorInfos);
+      setSelections(state16, selectionInfos);
     };
-    setFocused = (state15, isFocused) => {
-      const { $EditorInput } = state15;
+    setFocused = (state16, isFocused) => {
+      const { $EditorInput } = state16;
       if (!$EditorInput.isConnected) {
         warn("unmounted editor cannot be focused");
       }
@@ -22163,13 +22172,13 @@ var init_ViewletEditorText = __esm({
     setText3 = setText2;
     setSelections3 = setSelections2;
     setIncrementalEdits2 = setIncrementalEdits;
-    handleError3 = (state15, error2) => {
-      state15.$Viewlet.textContent = error2;
+    handleError3 = (state16, error2) => {
+      state16.$Viewlet.textContent = error2;
     };
     setScrollBar3 = setScrollBar2;
     setScrollBarHorizontal3 = setScrollBarHorizontal2;
-    highlightAsLink = (state15, relativeY, tokenIndex) => {
-      const $Row = state15.$LayerText.children[relativeY];
+    highlightAsLink = (state16, relativeY, tokenIndex) => {
+      const $Row = state16.$LayerText.children[relativeY];
       if (!$Row) {
         info("no row found");
         return;
@@ -22177,7 +22186,7 @@ var init_ViewletEditorText = __esm({
       const $Token = $Row.children[tokenIndex + 1];
       $Token.classList.add("EditorGoToDefinitionLink");
     };
-    showOverlayMessage = (state15, x, y, content) => {
+    showOverlayMessage = (state16, x, y, content) => {
       const $OverLayMessage = document.createElement("div");
       $OverLayMessage.className = "EditorOverlayMessage";
       $OverLayMessage.style.position = "fixed";
@@ -22185,8 +22194,8 @@ var init_ViewletEditorText = __esm({
       setXAndY($OverLayMessage, x, y);
       append($OverLayMessage);
     };
-    hideOverlayMessage = (state15) => {
-      for (const $Widget of state4.widgetSet) {
+    hideOverlayMessage = (state16) => {
+      for (const $Widget of state5.widgetSet) {
         if ($Widget.className === "EditorOverlayMessage") {
           remove($Widget);
         }
@@ -22217,11 +22226,11 @@ var init_ViewletEmpty = __esm({
         $Viewlet
       };
     };
-    refresh3 = (state15, context) => {
+    refresh3 = (state16, context) => {
     };
-    focus4 = (state15) => {
+    focus4 = (state16) => {
     };
-    dispose9 = (state15) => {
+    dispose9 = (state16) => {
     };
   }
 });
@@ -22243,8 +22252,8 @@ var init_ViewletError = __esm({
         $Viewlet
       };
     };
-    setMessage2 = (state15, message) => {
-      const { $Viewlet } = state15;
+    setMessage2 = (state16, message) => {
+      const { $Viewlet } = state16;
       $Viewlet.textContent = message;
     };
   }
@@ -22562,8 +22571,8 @@ var init_ViewletExplorer = __esm({
         $Viewlet
       };
     };
-    attachEvents6 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents6 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.onclick = handleClick4;
       $Viewlet.oncontextmenu = handleContextMenu3;
       $Viewlet.addEventListener(MouseEnter, handleMouseEnter2, Capture);
@@ -22650,23 +22659,23 @@ var init_ViewletExplorer = __esm({
         render$RowsMore($Rows, rowInfos);
       }
     };
-    handleError4 = (state15, message) => {
-      object(state15);
+    handleError4 = (state16, message) => {
+      object(state16);
       string(message);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       $Viewlet.textContent = message;
     };
-    updateDirents = (state15, dirents) => {
-      object(state15);
+    updateDirents = (state16, dirents) => {
+      object(state16);
       array(dirents);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       render$Rows($Viewlet, dirents);
     };
-    setFocusedIndex2 = (state15, oldIndex, newIndex, focused) => {
-      object(state15);
+    setFocusedIndex2 = (state16, oldIndex, newIndex, focused) => {
+      object(state16);
       number(oldIndex);
       number(newIndex);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       switch (oldIndex) {
         case -2:
           break;
@@ -22711,21 +22720,21 @@ var init_ViewletExplorer = __esm({
         setFocus("Explorer");
       }
     };
-    dispose10 = (state15) => {
+    dispose10 = (state16) => {
     };
-    hoverIndex = (state15, oldIndex, newIndex) => {
-      object(state15);
+    hoverIndex = (state16, oldIndex, newIndex) => {
+      object(state16);
       number(oldIndex);
       number(newIndex);
       if (oldIndex !== -1) {
-        const $OldItem = state15.$Viewlet.children[oldIndex];
+        const $OldItem = state16.$Viewlet.children[oldIndex];
         $OldItem.classList.remove("Hover");
       }
-      const $NewItem = state15.$Viewlet.children[newIndex];
+      const $NewItem = state16.$Viewlet.children[newIndex];
       $NewItem.classList.add("Hover");
     };
-    replaceWithEditBox = (state15, index, value) => {
-      const { $Viewlet } = state15;
+    replaceWithEditBox = (state16, index, value) => {
+      const { $Viewlet } = state16;
       const $InputBox = create3();
       $InputBox.value = value;
       $InputBox.oninput = handleEditingInput;
@@ -22744,8 +22753,8 @@ var init_ViewletExplorer = __esm({
       $InputBox.focus();
       setFocus("ExplorerEditBox");
     };
-    insertEditBox = (state15, index, value) => {
-      const { $Viewlet } = state15;
+    insertEditBox = (state16, index, value) => {
+      const { $Viewlet } = state16;
       const $InputBox = create3();
       $InputBox.value = value;
       $InputBox.oninput = handleEditingInput;
@@ -22763,10 +22772,10 @@ var init_ViewletExplorer = __esm({
       $InputBox.focus();
       setFocus("ExplorerEditBox");
     };
-    hideEditBox = (state15, index) => {
-      object(state15);
+    hideEditBox = (state16, index) => {
+      object(state16);
       number(index);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       if (index === -1) {
         const $InputBox2 = $Viewlet.lastChild;
         $InputBox2.remove();
@@ -22775,10 +22784,10 @@ var init_ViewletExplorer = __esm({
       const $InputBox = $Viewlet.children[index];
       $InputBox.remove();
     };
-    replaceEditBox = (state15, index, dirent) => {
-      object(state15);
+    replaceEditBox = (state16, index, dirent) => {
+      object(state16);
       number(index);
-      const { $Viewlet } = state15;
+      const { $Viewlet } = state16;
       const $OldRow = $Viewlet.children[index];
       const $Dirent = create$Row2();
       $Dirent.id = activeId;
@@ -22787,8 +22796,8 @@ var init_ViewletExplorer = __esm({
       $Viewlet.focus();
       setFocus("Explorer");
     };
-    setDropTargets = (state15, oldDropTargets, newDropTargets) => {
-      const { $Viewlet } = state15;
+    setDropTargets = (state16, oldDropTargets, newDropTargets) => {
+      const { $Viewlet } = state16;
       for (const oldIndex of oldDropTargets) {
         if (oldIndex === -1) {
           $Viewlet.classList.remove("DropTarget");
@@ -22919,25 +22928,25 @@ var init_ViewletExtensionDetail = __esm({
         $Description
       };
     };
-    attachEvents7 = (state15) => {
-      const { $ReadmeHtml, $ExtensionDetailIcon } = state15;
+    attachEvents7 = (state16) => {
+      const { $ReadmeHtml, $ExtensionDetailIcon } = state16;
       $ReadmeHtml.oncontextmenu = handleReadmeContextMenu2;
       $ExtensionDetailIcon.onerror = handleIconError2;
     };
-    setName = (state15, name31) => {
-      const { $NameText } = state15;
+    setName = (state16, name31) => {
+      const { $NameText } = state16;
       $NameText.nodeValue = name31;
     };
-    setReadmeHtml = (state15, sanitizedHtml) => {
-      const { $ReadmeHtml } = state15;
+    setReadmeHtml = (state16, sanitizedHtml) => {
+      const { $ReadmeHtml } = state16;
       setInnerHtml($ReadmeHtml, sanitizedHtml);
     };
-    setIconSrc = (state15, src) => {
-      const { $ExtensionDetailIcon } = state15;
+    setIconSrc = (state16, src) => {
+      const { $ExtensionDetailIcon } = state16;
       $ExtensionDetailIcon.src = src;
     };
-    setDescription = (state15, description) => {
-      const { $Description } = state15;
+    setDescription = (state16, description) => {
+      const { $Description } = state16;
       $Description.textContent = description;
     };
   }
@@ -23149,8 +23158,8 @@ var init_ViewletExtensions = __esm({
         $Message: void 0
       };
     };
-    attachEvents8 = (state15) => {
-      const { $InputBox, $ListItems, $ScrollBar } = state15;
+    attachEvents8 = (state16) => {
+      const { $InputBox, $ListItems, $ScrollBar } = state16;
       $InputBox.oninput = handleInput2;
       $ListItems.oncontextmenu = handleContextMenu3;
       if (isMobile) {
@@ -23166,11 +23175,11 @@ var init_ViewletExtensions = __esm({
       $ListItems.addEventListener(Wheel, handleWheel2, Passive);
       $ScrollBar.onpointerdown = handleScrollBarPointerDown3;
     };
-    setFocusedIndex3 = (state15, oldFocusedIndex, newFocusedIndex, focused) => {
-      object(state15);
+    setFocusedIndex3 = (state16, oldFocusedIndex, newFocusedIndex, focused) => {
+      object(state16);
       number(oldFocusedIndex);
       number(newFocusedIndex);
-      const { $ListItems } = state15;
+      const { $ListItems } = state16;
       const { length } = $ListItems.children;
       if (oldFocusedIndex === -1) {
         $ListItems.classList.remove("FocusOutline");
@@ -23191,57 +23200,57 @@ var init_ViewletExtensions = __esm({
         setFocus("Extensions");
       }
     };
-    focus6 = (state15) => {
-      object(state15);
-      state15.$InputBox.focus();
+    focus6 = (state16) => {
+      object(state16);
+      state16.$InputBox.focus();
     };
-    setExtensionState = (state15, id, extensionState) => {
+    setExtensionState = (state16, id, extensionState) => {
     };
-    setMessage3 = (state15, message) => {
-      object(state15);
+    setMessage3 = (state16, message) => {
+      object(state16);
       string(message);
-      const { $List, $ListItems, $ScrollBar } = state15;
+      const { $List, $ListItems, $ScrollBar } = state16;
       if (!message) {
         $List.replaceChildren($ListItems, $ScrollBar);
-        state15.$Message = void 0;
+        state16.$Message = void 0;
         return;
       }
       const $Message = document.createElement("div");
       $Message.className = "ViewletExtensionMessage";
       $Message.textContent = message;
       $List.replaceChildren($Message);
-      state15.$Message = $Message;
+      state16.$Message = $Message;
     };
-    setExtensionsDom = (state15, dom) => {
-      object(state15);
+    setExtensionsDom = (state16, dom) => {
+      object(state16);
       array(dom);
-      const { $Viewlet, $ListItems } = state15;
+      const { $Viewlet, $ListItems } = state16;
       const $Root = render2(dom);
       $ListItems.replaceChildren(...$Root.firstChild.childNodes);
     };
-    dispose11 = (state15) => {
+    dispose11 = (state16) => {
     };
-    openSuggest = (state15) => {
-      const rect = state15.$InputBox.getBoundingClientRect();
+    openSuggest = (state16) => {
+      const rect = state16.$InputBox.getBoundingClientRect();
       const x = rect.left;
       const y = rect.top;
-      state15.$ExtensionSuggestions ||= create$ExtensionSuggestions();
-      setBounds(state15.$ExtensionSuggestions, x, y, 100, 100);
-      state15.$ExtensionSuggestions.style.position = "fixed";
-      state15.$ExtensionSuggestions.style.background = "lime";
-      document.body.append(state15.$ExtensionSuggestions);
+      state16.$ExtensionSuggestions ||= create$ExtensionSuggestions();
+      setBounds(state16.$ExtensionSuggestions, x, y, 100, 100);
+      state16.$ExtensionSuggestions.style.position = "fixed";
+      state16.$ExtensionSuggestions.style.background = "lime";
+      document.body.append(state16.$ExtensionSuggestions);
     };
-    closeSuggest = (state15) => {
-      state15.$ExtensionSuggestions.remove();
+    closeSuggest = (state16) => {
+      state16.$ExtensionSuggestions.remove();
     };
-    handleError5 = (state15, message) => {
-      object(state15);
+    handleError5 = (state16, message) => {
+      object(state16);
       string(message);
-      const { $ListItems } = state15;
+      const { $ListItems } = state16;
       $ListItems.textContent = message;
     };
-    setSearchValue = (state15, oldValue, newValue) => {
-      const { $InputBox } = state15;
+    setSearchValue = (state16, oldValue, newValue) => {
+      const { $InputBox } = state16;
       $InputBox.value = newValue;
     };
   }
@@ -23365,27 +23374,27 @@ var init_ViewletFindWidget = __esm({
         $ButtonFocusPrevious
       };
     };
-    attachEvents9 = (state15) => {
-      const { $InputBox, $Viewlet } = state15;
+    attachEvents9 = (state16) => {
+      const { $InputBox, $Viewlet } = state16;
       $InputBox.oninput = handleInput4;
       $InputBox.onblur = handleInputBlur;
       $InputBox.onfocus = handleFocus7;
       $Viewlet.onclick = handleClick6;
     };
-    focus7 = (state15) => {
-      const { $InputBox } = state15;
+    focus7 = (state16) => {
+      const { $InputBox } = state16;
       $InputBox.focus();
     };
-    setValue = (state15, value) => {
-      const { $InputBox } = state15;
+    setValue = (state16, value) => {
+      const { $InputBox } = state16;
       $InputBox.value = value;
     };
-    setMatchCountText = (state15, value) => {
-      const { $MatchCountText } = state15;
+    setMatchCountText = (state16, value) => {
+      const { $MatchCountText } = state16;
       $MatchCountText.nodeValue = value;
     };
-    setButtonsEnabled = (state15, enabled) => {
-      const { $ButtonFocusNext, $ButtonFocusPrevious } = state15;
+    setButtonsEnabled = (state16, enabled) => {
+      const { $ButtonFocusNext, $ButtonFocusPrevious } = state16;
       $ButtonFocusNext.disabled = !enabled;
       $ButtonFocusPrevious.disabled = !enabled;
     };
@@ -23459,8 +23468,8 @@ var init_ViewletLocations = __esm({
         $Locations
       };
     };
-    attachEvents10 = (state15) => {
-      const { $Locations } = state15;
+    attachEvents10 = (state16) => {
+      const { $Locations } = state16;
       $Locations.onmousedown = handleLocationsMouseDown;
     };
     create$Location = () => {
@@ -23501,16 +23510,16 @@ var init_ViewletLocations = __esm({
       }
       $Locations.append(fragment);
     };
-    setLocations = (state15, locations) => {
-      const { $Locations } = state15;
+    setLocations = (state16, locations) => {
+      const { $Locations } = state16;
       render$Locations($Locations, locations);
     };
-    setMessage4 = (state15, message) => {
-      const { $Message } = state15;
+    setMessage4 = (state16, message) => {
+      const { $Message } = state16;
       $Message.textContent = message;
     };
-    setFocusedIndex4 = (state15, oldFocusedIndex, newFocusedIndex) => {
-      const { $Locations } = state15;
+    setFocusedIndex4 = (state16, oldFocusedIndex, newFocusedIndex) => {
+      const { $Locations } = state16;
       if (oldFocusedIndex === -1) {
         $Locations.classList.remove("FocusOutline");
       } else {
@@ -23523,12 +23532,12 @@ var init_ViewletLocations = __esm({
         $Locations.children[newFocusedIndex].classList.add("Focused");
       }
     };
-    handleError6 = (state15, message) => {
-      const { $Message } = state15;
+    handleError6 = (state16, message) => {
+      const { $Message } = state16;
       $Message.textContent = message;
     };
-    focus8 = (state15) => {
-      const { $Locations } = state15;
+    focus8 = (state16) => {
+      const { $Locations } = state16;
       $Locations.classList.add("FocusOutline");
       $Locations.focus();
       setFocus("locationList");
@@ -23717,14 +23726,14 @@ var init_ViewletKeyBindings = __esm({
         $Resizer2
       };
     };
-    attachEvents11 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents11 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.onpointerdown = handlePointerDown6;
       $Viewlet.addEventListener(Input, handleInput6, { capture: true });
       $Viewlet.addEventListener(Wheel, handleWheel2, Passive);
     };
-    setTableDom = (state15, dom) => {
-      const { $KeyBindingsTableWrapper } = state15;
+    setTableDom = (state16, dom) => {
+      const { $KeyBindingsTableWrapper } = state16;
       const $Root = render2(dom);
       const $Child = $KeyBindingsTableWrapper.children[0];
       if ($Child.tagName === "TABLE") {
@@ -23733,13 +23742,13 @@ var init_ViewletKeyBindings = __esm({
         $KeyBindingsTableWrapper.prepend($Root.firstChild);
       }
     };
-    setValue2 = (state15, value) => {
-      const { $InputBox } = state15;
+    setValue2 = (state16, value) => {
+      const { $InputBox } = state16;
       $InputBox.value = value;
     };
-    setColumnWidths = (state15, columnWidth1, columnWidth2, columnWidth3) => {
+    setColumnWidths = (state16, columnWidth1, columnWidth2, columnWidth3) => {
       const paddingLeft = 15;
-      const { $Resizer1, $Resizer2 } = state15;
+      const { $Resizer1, $Resizer2 } = state16;
       $Resizer1.style.left = `${paddingLeft + columnWidth1}px`;
       $Resizer2.style.left = `${paddingLeft + columnWidth1 + columnWidth2}px`;
     };
@@ -23774,13 +23783,13 @@ var init_ViewletLayoutFunctions = __esm({
 });
 
 // src/parts/KeyBindingsState/KeyBindingsState.js
-var state13, addKeyBindings, removeKeyBindings, getKeyBindings, isModifier, setModifier, setModifierTimeout, hasModifier, getModifierTimeout;
+var state14, addKeyBindings, removeKeyBindings, getKeyBindings, isModifier, setModifier, setModifierTimeout, hasModifier, getModifierTimeout;
 var init_KeyBindingsState = __esm({
   "src/parts/KeyBindingsState/KeyBindingsState.js"() {
     "use strict";
     init_Assert();
     init_Logger();
-    state13 = {
+    state14 = {
       keyBindings: [],
       modifier: "",
       modifierTimeout: -1,
@@ -23788,39 +23797,39 @@ var init_KeyBindingsState = __esm({
     };
     addKeyBindings = (id, keyBindings) => {
       array(keyBindings);
-      if (id in state13.keyBindingSets) {
+      if (id in state14.keyBindingSets) {
         warn(`cannot add keybindings multiple times: ${id}`);
         return;
       }
-      state13.keyBindingSets[id] = keyBindings;
-      state13.keyBindings.unshift(...keyBindings);
+      state14.keyBindingSets[id] = keyBindings;
+      state14.keyBindings.unshift(...keyBindings);
     };
     removeKeyBindings = (id) => {
-      const { keyBindingSets } = state13;
+      const { keyBindingSets } = state14;
       if (!(id in keyBindingSets)) {
         warn(`cannot remove keybindings that are not registered: ${id}`);
         return;
       }
       delete keyBindingSets[id];
-      state13.keyBindings = Object.values(keyBindingSets).flat(1);
+      state14.keyBindings = Object.values(keyBindingSets).flat(1);
     };
     getKeyBindings = () => {
-      return state13.keyBindings;
+      return state14.keyBindings;
     };
     isModifier = (modifier) => {
-      return state13.modifier === modifier;
+      return state14.modifier === modifier;
     };
     setModifier = (modifier) => {
-      state13.modifier = modifier;
+      state14.modifier = modifier;
     };
     setModifierTimeout = (timeout2) => {
-      state13.modifierTimeout = timeout2;
+      state14.modifierTimeout = timeout2;
     };
     hasModifier = () => {
-      return state13.modifier;
+      return state14.modifier;
     };
     getModifierTimeout = () => {
-      return state13.modifierTimeout;
+      return state14.modifierTimeout;
     };
   }
 });
@@ -23862,7 +23871,7 @@ var init_KeyBindingsEvents = __esm({
       if (!keybinding.when) {
         return true;
       }
-      return get(keybinding.when);
+      return get2(keybinding.when);
     };
     getMatchingKeyBinding = (identifier) => {
       const matchesIdentifier = (keyBinding) => {
@@ -24023,8 +24032,8 @@ var init_ViewletLayout = __esm({
         $SashPanel
       };
     };
-    attachEvents12 = (state15) => {
-      const { $SashSideBar, $SashPanel } = state15;
+    attachEvents12 = (state16) => {
+      const { $SashSideBar, $SashPanel } = state16;
       $SashSideBar.onpointerdown = handleSashPointerDown2;
       $SashSideBar.ondblclick = handleSashDoubleClick2;
       $SashPanel.onpointerdown = handleSashPointerDown2;
@@ -24035,8 +24044,8 @@ var init_ViewletLayout = __esm({
       window.addEventListener(KeyDown, handleKeyDown3);
       window.addEventListener(KeyUp, handleKeyUp2);
     };
-    setSashes = (state15, sashSideBar, sashPanel) => {
-      const { $SashSideBar, $SashPanel } = state15;
+    setSashes = (state16, sashSideBar, sashPanel) => {
+      const { $SashSideBar, $SashPanel } = state16;
       setBounds($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
       setBounds($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
     };
@@ -24136,39 +24145,39 @@ var init_ViewletMain = __esm({
         $DragOverlay: void 0
       };
     };
-    attachEvents13 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents13 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.ondrop = handleDrop3;
       $Viewlet.ondragover = handleDragOver4;
       $Viewlet.ondragend = handleDragEnd2;
     };
-    dispose13 = (state15) => {
+    dispose13 = (state16) => {
     };
-    replaceEditor = (state15, id, uri, languageId) => {
+    replaceEditor = (state16, id, uri, languageId) => {
     };
-    addEditor = (state15, id, uri, languageId) => {
+    addEditor = (state16, id, uri, languageId) => {
     };
-    openEditor = async (state15, id, uri, languageId) => {
+    openEditor = async (state16, id, uri, languageId) => {
     };
-    closeAllViewlets = (state15) => {
-      const { $Main } = state15;
+    closeAllViewlets = (state16) => {
+      const { $Main } = state16;
       while ($Main.firstChild) {
         $Main.firstChild.remove();
       }
-      state15.$MainTabs = void 0;
+      state16.$MainTabs = void 0;
     };
-    closeViewletAndTab = (state15, index) => {
-      state15.$MainTabs.remove();
-      state15.$MainTabs = void 0;
+    closeViewletAndTab = (state16, index) => {
+      state16.$MainTabs.remove();
+      state16.$MainTabs = void 0;
     };
     focus9 = () => {
     };
-    highlightDragOver = (state15) => {
-      const { $MainTabs } = state15;
+    highlightDragOver = (state16) => {
+      const { $MainTabs } = state16;
       $MainTabs.classList.add("DragOver");
     };
-    stopHighlightDragOver = (state15) => {
-      const { $MainTabs } = state15;
+    stopHighlightDragOver = (state16) => {
+      const { $MainTabs } = state16;
       $MainTabs.classList.remove("DragOver");
     };
     create$DragOverlay = () => {
@@ -24176,19 +24185,19 @@ var init_ViewletMain = __esm({
       $Overlay.className = "DragOverlay";
       return $Overlay;
     };
-    setDragOverlay = (state15, visible, x, y, width, height) => {
-      const hasOverlay = state15.$DragOverlay;
+    setDragOverlay = (state16, visible, x, y, width, height) => {
+      const hasOverlay = state16.$DragOverlay;
       if (!visible) {
         if (hasOverlay) {
-          state15.$DragOverlay.remove();
-          state15.$DragOverlay = void 0;
+          state16.$DragOverlay.remove();
+          state16.$DragOverlay = void 0;
         }
         return;
       }
       if (!hasOverlay) {
-        state15.$DragOverlay = create$DragOverlay();
+        state16.$DragOverlay = create$DragOverlay();
       }
-      const { $DragOverlay } = state15;
+      const { $DragOverlay } = state16;
       setBounds($DragOverlay, x, y, width, height);
       if (!hasOverlay) {
         document.body.append($DragOverlay);
@@ -24228,7 +24237,7 @@ var init_ViewletMainTabEvents = __esm({
       MainTab: "MainTab"
     };
     getUid = () => {
-      return get4(document.getElementById("Main"));
+      return get5(document.getElementById("Main"));
     };
     handleTabsWheel2 = (event) => {
       const uid = getUid();
@@ -24330,8 +24339,8 @@ var init_ViewletMainTabs = __esm({
         $MainTabs
       };
     };
-    attachEvents14 = (state15) => {
-      const { $MainTabs } = state15;
+    attachEvents14 = (state16) => {
+      const { $MainTabs } = state16;
       $MainTabs.onmousedown = handleTabsMouseDown;
       $MainTabs.oncontextmenu = handleTabsContextMenu;
       $MainTabs.ondragstart = handleDragStart2;
@@ -24339,18 +24348,18 @@ var init_ViewletMainTabs = __esm({
       $MainTabs.onpointerover = handlePointerOver;
       $MainTabs.onpointerout = handlePointerOut;
     };
-    setTabsDom = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setTabsDom = (state16, dom) => {
+      const { $Viewlet } = state16;
       renderInto($Viewlet, dom);
     };
-    setScrollLeft = (state15, scrollLeft) => {
-      const { $Viewlet } = state15;
+    setScrollLeft = (state16, scrollLeft) => {
+      const { $Viewlet } = state16;
       $Viewlet.scrollLeft = scrollLeft;
     };
-    setScrollBar4 = (state15, scrollBarWidth) => {
+    setScrollBar4 = (state16, scrollBarWidth) => {
     };
-    setFocusedIndex5 = (state15, oldFocusedIndex, newFocusedIndex) => {
-      const { $Viewlet } = state15;
+    setFocusedIndex5 = (state16, oldFocusedIndex, newFocusedIndex) => {
+      const { $Viewlet } = state16;
       if (oldFocusedIndex !== -1) {
         const $OldItem = $Viewlet.children[oldFocusedIndex];
         $OldItem.ariaSelected = false;
@@ -24400,33 +24409,33 @@ var init_ViewletOutput = __esm({
         $ViewletOutputContent
       };
     };
-    setText4 = (state15, text2) => {
-      object(state15);
+    setText4 = (state16, text2) => {
+      object(state16);
       string(text2);
-      state15.content.textContent = text2;
+      state16.content.textContent = text2;
     };
-    clear = (state15) => {
-      object(state15);
-      state15.content.textContent = "";
+    clear = (state16) => {
+      object(state16);
+      state16.content.textContent = "";
     };
-    handleError7 = (state15, error2) => {
-      object(state15);
+    handleError7 = (state16, error2) => {
+      object(state16);
       string(error2);
-      state15.content.textContent = error2;
+      state16.content.textContent = error2;
     };
-    focus10 = (state15) => {
-      object(state15);
-      focus(state15.$ViewletOutputContent, "output");
+    focus10 = (state16) => {
+      object(state16);
+      focus(state16.$ViewletOutputContent, "output");
     };
-    openFindWidget = (state15) => {
+    openFindWidget = (state16) => {
     };
-    disposeFindWidget = (state15) => {
-      if (!state15.findWidget) {
+    disposeFindWidget = (state16) => {
+      if (!state16.findWidget) {
         return;
       }
-      state15.findWidget;
+      state16.findWidget;
     };
-    dispose14 = (state15) => {
+    dispose14 = (state16) => {
     };
   }
 });
@@ -24664,39 +24673,39 @@ var init_ViewletPanel = __esm({
         $ButtonMaximize
       };
     };
-    attachEvents15 = (state15) => {
-      const { $ButtonMaximize, $ButtonClose, $PanelHeader } = state15;
+    attachEvents15 = (state16) => {
+      const { $ButtonMaximize, $ButtonClose, $PanelHeader } = state16;
       $PanelHeader.onclick = handleHeaderClick;
       $ButtonMaximize.onclick = handleClickMaximize;
       $ButtonClose.onclick = handleClickClose3;
     };
-    setTabsDom2 = (state15, dom) => {
-      const { $PanelTabs } = state15;
+    setTabsDom2 = (state16, dom) => {
+      const { $PanelTabs } = state16;
       renderInto($PanelTabs, dom);
     };
-    focus11 = (state15) => {
-      object(state15);
-      if (!state15.currentViewlet) {
+    focus11 = (state16) => {
+      object(state16);
+      if (!state16.currentViewlet) {
         return;
       }
-      state15.currentViewlet.factory.focus(state15.currentViewlet.state);
+      state16.currentViewlet.factory.focus(state16.currentViewlet.state);
     };
-    dispose15 = (state15) => {
-      if (state15.$PanelContent) {
-        state15.$PanelContent.remove();
-        state15.$PanelContent = void 0;
+    dispose15 = (state16) => {
+      if (state16.$PanelContent) {
+        state16.$PanelContent.remove();
+        state16.$PanelContent = void 0;
       }
-      if (state15.$PanelTabs) {
-        state15.$PanelTabs.remove();
-        state15.$PanelTabs = void 0;
+      if (state16.$PanelTabs) {
+        state16.$PanelTabs.remove();
+        state16.$PanelTabs = void 0;
       }
-      if (state15.$PanelHeader) {
-        state15.$PanelHeader.remove();
-        state15.$PanelHeader = void 0;
+      if (state16.$PanelHeader) {
+        state16.$PanelHeader.remove();
+        state16.$PanelHeader = void 0;
       }
     };
-    setSelectedIndex = (state15, oldIndex, newIndex) => {
-      const { $PanelTabs } = state15;
+    setSelectedIndex = (state16, oldIndex, newIndex) => {
+      const { $PanelTabs } = state16;
       if (oldIndex !== -1) {
         const $PanelTab = $PanelTabs.children[oldIndex];
         $PanelTab.removeAttribute(AriaSelected);
@@ -24707,15 +24716,15 @@ var init_ViewletPanel = __esm({
         $PanelTabs.setAttribute(AriaActiveDescendant, $PanelTab.id);
       }
     };
-    setActions = (state15, actions) => {
-      const { $PanelTabs, $Actions } = state15;
+    setActions = (state16, actions) => {
+      const { $PanelTabs, $Actions } = state16;
       const $NewActions = create51(actions);
       if ($Actions) {
         $Actions.replaceWith($NewActions);
       } else {
         $PanelTabs.after($NewActions);
       }
-      state15.$Actions = $NewActions;
+      state16.$Actions = $NewActions;
     };
   }
 });
@@ -24810,19 +24819,19 @@ var init_ViewletPdf = __esm({
         $PageNumber
       };
     };
-    setCanvas = (state15, id) => {
-      const { $PdfContent } = state15;
-      const $Canvas = get3(id);
+    setCanvas = (state16, id) => {
+      const { $PdfContent } = state16;
+      const $Canvas = get4(id);
       $PdfContent.append($Canvas);
-      state15.$Canvas = $Canvas;
+      state16.$Canvas = $Canvas;
     };
-    setNumberOfPages = (state15, numberOfPages) => {
-      const { $NumberOfPages, $PageNumber } = state15;
+    setNumberOfPages = (state16, numberOfPages) => {
+      const { $NumberOfPages, $PageNumber } = state16;
       $NumberOfPages.textContent = `of ${numberOfPages}`;
       $PageNumber.max = `${numberOfPages}`;
     };
-    setPageNumber = (state15, pageNumber) => {
-      const { $PageNumber } = state15;
+    setPageNumber = (state16, pageNumber) => {
+      const { $PageNumber } = state16;
       $PageNumber.value = `${pageNumber + 1}`;
     };
   }
@@ -24878,27 +24887,27 @@ var init_ViewletProblems = __esm({
         $Viewlet
       };
     };
-    attachEvents16 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents16 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.onpointerdown = handlePointerDown7;
     };
-    setFocusedIndex6 = (state15, focusedIndex) => {
-      const { $Viewlet } = state15;
+    setFocusedIndex6 = (state16, focusedIndex) => {
+      const { $Viewlet } = state16;
       if (focusedIndex === -1) {
         $Viewlet.classList.add("FocusOutline");
         $Viewlet.focus();
       }
     };
-    setProblems = (state15, problems) => {
-      object(state15);
+    setProblems = (state16, problems) => {
+      object(state16);
       array(problems);
     };
-    setMessage5 = (state15, message) => {
-      const { $Viewlet } = state15;
+    setMessage5 = (state16, message) => {
+      const { $Viewlet } = state16;
       $Viewlet.textContent = message;
     };
-    focus12 = (state15) => {
-      const { $Viewlet } = state15;
+    focus12 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.focus();
     };
   }
@@ -24961,13 +24970,12 @@ __export(ViewletQuickPick_exports, {
   noop: () => noop,
   setCursorOffset: () => setCursorOffset,
   setFocusedIndex: () => setFocusedIndex7,
+  setItemsDom: () => setItemsDom,
   setItemsHeight: () => setItemsHeight,
-  setPicks: () => setPicks,
   setValue: () => setValue3,
-  setVisiblePicks: () => setVisiblePicks,
   showNoResults: () => showNoResults
 });
-var activeId3, ClassNames3, Ids, create$QuickPickItem, render$QuickPickItemLabel, render$QuickPickItemIcon, render$QuickPickItemDescription, render$QuickPickItemEqual, render$QuickPickItem, render$QuickPickItemsLess, render$QuickPickItemsEqual, render$QuickPickItemsMore, render$QuickPickItems, setVisiblePicks, setFocusedIndex7, focusElement, focus13, create55, attachEvents17, setPicks, create$QuickPickStatus, hideStatus, showNoResults, dispose16, setValue3, setCursorOffset, setItemsHeight, noop;
+var activeId3, Ids, setFocusedIndex7, focusElement, focus13, create55, attachEvents17, create$QuickPickStatus, hideStatus, showNoResults, dispose16, setValue3, setCursorOffset, setItemsHeight, setItemsDom, noop;
 var init_ViewletQuickPick = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPick.js"() {
     "use strict";
@@ -24981,125 +24989,20 @@ var init_ViewletQuickPick = __esm({
     init_DomEventType();
     init_Focus();
     init_InputBox();
+    init_VirtualDom();
     init_Platform();
     init_SetBounds();
     init_ViewletQuickPickEvents();
     activeId3 = "QuickPickItemActive";
-    ClassNames3 = {
-      Label: "QuickPickLabel",
-      QuickPickItem: "QuickPickItem",
-      Icon: "Icon",
-      QuickPickItemDescription: "QuickPickItemDescription",
-      QuickPickStatus: "QuickPickStatus"
-    };
     Ids = {
       QuickPickHeader: "QuickPickHeader",
       QuickPickItems: "QuickPickItems",
       QuickPick: "QuickPick"
     };
-    create$QuickPickItem = () => {
-      const $QuickPickItemLabelText = document.createTextNode("");
-      const $QuickPickItemLabel = document.createElement("div");
-      $QuickPickItemLabel.className = ClassNames3.Label;
-      $QuickPickItemLabel.append($QuickPickItemLabelText);
-      const $QuickPickItemIcon = document.createElement("i");
-      $QuickPickItemIcon.className = ClassNames3.Icon;
-      const $QuickPickItem = document.createElement("div");
-      $QuickPickItem.className = ClassNames3.QuickPickItem;
-      $QuickPickItem.role = Option;
-      $QuickPickItem.append($QuickPickItemIcon, $QuickPickItemLabel);
-      return $QuickPickItem;
-    };
-    render$QuickPickItemLabel = ($QuickPickItem, quickPickItem) => {
-      $QuickPickItem.children[1].firstChild.nodeValue = quickPickItem.label;
-    };
-    render$QuickPickItemIcon = ($QuickPickItem, quickPickItem) => {
-      $QuickPickItem.children[0].className = `FileIcon FileIcon${quickPickItem.icon}`;
-    };
-    render$QuickPickItemDescription = ($QuickPickItem, quickPickItem) => {
-      const $Label = $QuickPickItem.children[1];
-      const $Description = $Label.nextElementSibling;
-      if (quickPickItem.description) {
-        if ($Description) {
-          $Description.textContent = quickPickItem.description;
-        } else {
-          const $Description2 = document.createElement("div");
-          $Description2.className = ClassNames3.QuickPickItemDescription;
-          $Description2.textContent = quickPickItem.description;
-          $Label.after($Description2);
-        }
-      } else {
-        if ($Description) {
-          $Description.remove();
-        }
-      }
-    };
-    render$QuickPickItemEqual = ($QuickPickItem, quickPickItem) => {
-      render$QuickPickItemLabel($QuickPickItem, quickPickItem);
-      render$QuickPickItemIcon($QuickPickItem, quickPickItem);
-      render$QuickPickItemDescription($QuickPickItem, quickPickItem);
-    };
-    render$QuickPickItem = ($QuickPickItem, quickPickItem) => {
-      $QuickPickItem.ariaPosInSet = `${quickPickItem.posInSet}`;
-      $QuickPickItem.ariaSetSize = `${quickPickItem.setSize}`;
-      $QuickPickItem.quickPickItem = quickPickItem;
-      render$QuickPickItemEqual($QuickPickItem, quickPickItem);
-    };
-    render$QuickPickItemsLess = ($QuickPickItems, quickPickItems) => {
-      for (let i = 0; i < $QuickPickItems.children.length; i++) {
-        render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
-      }
-      const fragment = document.createDocumentFragment();
-      for (let i = $QuickPickItems.children.length; i < quickPickItems.length; i++) {
-        const $QuickPickItem = create$QuickPickItem();
-        render$QuickPickItem($QuickPickItem, quickPickItems[i]);
-        fragment.append($QuickPickItem);
-      }
-      $QuickPickItems.append(fragment);
-    };
-    render$QuickPickItemsEqual = ($QuickPickItems, quickPickItems) => {
-      for (let i = 0; i < quickPickItems.length; i++) {
-        render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
-      }
-    };
-    render$QuickPickItemsMore = ($QuickPickItems, quickPickItems) => {
-      for (let i = 0; i < quickPickItems.length; i++) {
-        render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
-      }
-      const diff = $QuickPickItems.children.length - quickPickItems.length;
-      for (let i = 0; i < diff; i++) {
-        $QuickPickItems.lastChild.remove();
-      }
-    };
-    render$QuickPickItems = ($QuickPickItems, quickPickItems) => {
-      if ($QuickPickItems.children.length < quickPickItems.length) {
-        render$QuickPickItemsLess($QuickPickItems, quickPickItems);
-      } else if ($QuickPickItems.children.length === quickPickItems.length) {
-        render$QuickPickItemsEqual($QuickPickItems, quickPickItems);
-      } else {
-        render$QuickPickItemsMore($QuickPickItems, quickPickItems);
-      }
-    };
-    setVisiblePicks = (state15, visiblePicks) => {
-      if (state15.$QuickPickStatus) {
-        hideStatus(state15);
-      }
-      render$QuickPickItems(state15.$QuickPickItems, visiblePicks);
-    };
-    setFocusedIndex7 = (state15, oldFocusedIndex, newFocusedIndex) => {
-      const { $QuickPickItems, $QuickPickInput } = state15;
-      if (oldFocusedIndex >= 0) {
-        const $OldItem = $QuickPickItems.children[oldFocusedIndex];
-        if ($OldItem) {
-          $OldItem.removeAttribute("id");
-        }
-      }
+    setFocusedIndex7 = (state16, oldFocusedIndex, newFocusedIndex) => {
+      const { $QuickPickInput } = state16;
       if (newFocusedIndex >= 0) {
-        const $NewItem = $QuickPickItems.children[newFocusedIndex];
-        if ($NewItem) {
-          $NewItem.id = activeId3;
-          $QuickPickInput.setAttribute(AriaActiveDescendant, activeId3);
-        }
+        $QuickPickInput.setAttribute(AriaActiveDescendant, activeId3);
       }
     };
     focusElement = ($Element) => {
@@ -25114,8 +25017,8 @@ var init_ViewletQuickPick = __esm({
         $Element.focus();
       }
     };
-    focus13 = (state15) => {
-      const { $QuickPickInput } = state15;
+    focus13 = (state16) => {
+      const { $QuickPickInput } = state16;
       focusElement($QuickPickInput);
       setFocus("quickPickInput");
     };
@@ -25147,52 +25050,52 @@ var init_ViewletQuickPick = __esm({
         $QuickPickStatus: void 0
       };
     };
-    attachEvents17 = (state15) => {
-      const { $QuickPickItems, $QuickPickInput } = state15;
+    attachEvents17 = (state16) => {
+      const { $QuickPickItems, $QuickPickInput } = state16;
       $QuickPickItems.onpointerdown = handlePointerDown8;
       $QuickPickItems.addEventListener(Wheel, handleWheel2, Passive);
       $QuickPickInput.onblur = handleBlur11;
       $QuickPickInput.addEventListener(BeforeInput, handleBeforeInput3);
     };
-    setPicks = (state15, visiblePicks) => {
-      render$QuickPickItems(state15.$QuickPickItems, visiblePicks);
-    };
     create$QuickPickStatus = () => {
       const $QuickPickStatus = document.createElement("div");
       $QuickPickStatus.className = "QuickPickStatus";
       return $QuickPickStatus;
     };
-    hideStatus = (state15) => {
-      state15.$QuickPickStatus.remove();
-      state15.$QuickPickStatus = void 0;
+    hideStatus = (state16) => {
+      state16.$QuickPickStatus.remove();
+      state16.$QuickPickStatus = void 0;
     };
-    showNoResults = (state15, noResults, unfocusIndex) => {
-      setPicks(state15, []);
-      if (!state15.$QuickPickStatus) {
-        state15.$QuickPickStatus = create$QuickPickStatus();
-        state15.$QuickPick.append(state15.$QuickPickStatus);
+    showNoResults = (state16, noResults, unfocusIndex) => {
+      if (!state16.$QuickPickStatus) {
+        state16.$QuickPickStatus = create$QuickPickStatus();
+        state16.$QuickPick.append(state16.$QuickPickStatus);
       }
-      state15.$QuickPickStatus.textContent = "No Results";
+      state16.$QuickPickStatus.textContent = "No Results";
       alert2("No results");
     };
-    dispose16 = (state15) => {
-      const { $QuickPickInput } = state15;
+    dispose16 = (state16) => {
+      const { $QuickPickInput } = state16;
       $QuickPickInput.onblur = null;
     };
-    setValue3 = (state15, value) => {
-      const { $QuickPickInput } = state15;
+    setValue3 = (state16, value) => {
+      const { $QuickPickInput } = state16;
       $QuickPickInput.value = value;
     };
-    setCursorOffset = (state15, cursorOffset) => {
-      const { $QuickPickInput } = state15;
+    setCursorOffset = (state16, cursorOffset) => {
+      const { $QuickPickInput } = state16;
       $QuickPickInput.selectionStart = cursorOffset;
       $QuickPickInput.selectionEnd = cursorOffset;
     };
-    setItemsHeight = (state15, itemsHeight) => {
-      const { $QuickPickItems } = state15;
+    setItemsHeight = (state16, itemsHeight) => {
+      const { $QuickPickItems } = state16;
       setHeight($QuickPickItems, itemsHeight);
     };
-    noop = (state15) => {
+    setItemsDom = (state16, dom) => {
+      const { $QuickPickItems } = state16;
+      renderInto($QuickPickItems, dom);
+    };
+    noop = (state16) => {
     };
   }
 });
@@ -25367,12 +25270,12 @@ var init_ViewletRunAndDebug = __esm({
         $Viewlet
       };
     };
-    setDom2 = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setDom2 = (state16, dom) => {
+      const { $Viewlet } = state16;
       renderInto($Viewlet, dom);
     };
-    setPatches = (state15, diff) => {
-      const { $Viewlet } = state15;
+    setPatches = (state16, diff) => {
+      const { $Viewlet } = state16;
       const iter = document.createNodeIterator($Viewlet, NodeFilter.SHOW_ALL);
       let i = 0;
       let node = iter.nextNode();
@@ -25651,8 +25554,8 @@ var init_ViewletSearch = __esm({
         $ToggleButtonIcon
       };
     };
-    attachEvents18 = (state15) => {
-      const { $ViewletSearchInput, $ScrollBar, $SearchHeader, $List } = state15;
+    attachEvents18 = (state16) => {
+      const { $ViewletSearchInput, $ScrollBar, $SearchHeader, $List } = state16;
       $ViewletSearchInput.oninput = handleInput9;
       $ViewletSearchInput.onfocus = handleFocus10;
       $ScrollBar.onpointerdown = handleScrollBarPointerDown4;
@@ -25663,23 +25566,23 @@ var init_ViewletSearch = __esm({
       $List.oncontextmenu = handleContextMenu3;
       $List.addEventListener(Wheel, handleWheel2, Passive);
     };
-    refresh4 = (state15, context) => {
-      object(state15);
+    refresh4 = (state16, context) => {
+      object(state16);
     };
-    focus14 = (state15) => {
-      object(state15);
-      state15.$ViewletSearchInput.focus();
+    focus14 = (state16) => {
+      object(state16);
+      state16.$ViewletSearchInput.focus();
     };
-    setDom3 = (state15, dom) => {
-      const { $ListItems } = state15;
+    setDom3 = (state16, dom) => {
+      const { $ListItems } = state16;
       renderInto($ListItems, dom);
     };
-    setMessage6 = (state15, message) => {
-      const { $SearchStatus } = state15;
+    setMessage6 = (state16, message) => {
+      const { $SearchStatus } = state16;
       $SearchStatus.textContent = message;
     };
-    setValue4 = (state15, value) => {
-      const { $ViewletSearchInput } = state15;
+    setValue4 = (state16, value) => {
+      const { $ViewletSearchInput } = state16;
       $ViewletSearchInput.value = value;
     };
     dispose17 = () => {
@@ -25704,25 +25607,25 @@ var init_ViewletSearch = __esm({
       $Row.append($ViewletSearchReplaceInput, $ButtonReplaceAll);
       return $Row;
     };
-    setReplaceExpanded = (state15, replaceExpanded) => {
-      const { $ViewletSearchReplaceInput, $ToggleButton, $SearchField, $ToggleButtonIcon } = state15;
+    setReplaceExpanded = (state16, replaceExpanded) => {
+      const { $ViewletSearchReplaceInput, $ToggleButton, $SearchField, $ToggleButtonIcon } = state16;
       if (replaceExpanded) {
         $ToggleButton.ariaExpanded = true;
         const $ViewletSearchReplaceInput2 = create$ReplaceField();
         $SearchField.after($ViewletSearchReplaceInput2);
-        state15.$ViewletSearchReplaceInput = $ViewletSearchReplaceInput2;
+        state16.$ViewletSearchReplaceInput = $ViewletSearchReplaceInput2;
         $ToggleButton.classList.add("SearchToggleButtonExpanded");
         setMaskImage($ToggleButtonIcon, ChevronDown);
       } else {
         $ToggleButton.ariaExpanded = false;
         $ViewletSearchReplaceInput.remove();
-        state15.$ViewletSearchReplaceInput = void 0;
+        state16.$ViewletSearchReplaceInput = void 0;
         $ToggleButton.classList.remove("SearchToggleButtonExpanded");
         setMaskImage($ToggleButtonIcon, ChevronRight);
       }
     };
-    setButtonsChecked = (state15, matchWholeWord, useRegularExpression, matchCase) => {
-      const { $ButtonMatchWholeWord, $ButtonUseRegularExpression, $ButtonMatchCase } = state15;
+    setButtonsChecked = (state16, matchWholeWord, useRegularExpression, matchCase) => {
+      const { $ButtonMatchWholeWord, $ButtonUseRegularExpression, $ButtonMatchCase } = state16;
       $ButtonMatchWholeWord.ariaChecked = matchWholeWord;
       $ButtonUseRegularExpression.ariaChecked = useRegularExpression;
       $ButtonMatchCase.ariaChecked = matchCase;
@@ -25805,28 +25708,28 @@ var init_ViewletSideBar = __esm({
         $Actions: void 0
       };
     };
-    attachEvents19 = (state15) => {
-      const { $SideBarTitleArea } = state15;
+    attachEvents19 = (state16) => {
+      const { $SideBarTitleArea } = state16;
       $SideBarTitleArea.onclick = handleHeaderClick3;
     };
-    dispose18 = (state15) => {
-      object(state15);
-      state15.$SideBar.replaceChildren();
+    dispose18 = (state16) => {
+      object(state16);
+      state16.$SideBar.replaceChildren();
     };
-    setTitle = (state15, name31) => {
-      const { $SideBarTitleAreaTitle } = state15;
+    setTitle = (state16, name31) => {
+      const { $SideBarTitleAreaTitle } = state16;
       $SideBarTitleAreaTitle.title = name31;
       $SideBarTitleAreaTitle.textContent = name31;
     };
-    setActions2 = (state15, actions) => {
-      const { $SideBarTitleArea, $Actions } = state15;
+    setActions2 = (state16, actions) => {
+      const { $SideBarTitleArea, $Actions } = state16;
       const $NewActions = create51(actions);
       if ($Actions) {
         $Actions.replaceWith($NewActions);
       } else {
         $SideBarTitleArea.append($NewActions);
       }
-      state15.$Actions = $NewActions;
+      state16.$Actions = $NewActions;
     };
     focus15 = async () => {
     };
@@ -25959,20 +25862,20 @@ var init_ViewletSimpleBrowser = __esm({
         $ButtonReload
       };
     };
-    setIframeSrc = (state15, iframeSrc) => {
-      const { $InputBox } = state15;
+    setIframeSrc = (state16, iframeSrc) => {
+      const { $InputBox } = state16;
       if ($InputBox.value === iframeSrc) {
         return;
       }
       $InputBox.value = iframeSrc;
     };
-    setButtonsEnabled2 = (state15, canGoBack, canGoForward) => {
-      const { $ButtonForward, $ButtonBack } = state15;
+    setButtonsEnabled2 = (state16, canGoBack, canGoForward) => {
+      const { $ButtonForward, $ButtonBack } = state16;
       $ButtonBack.disabled = !canGoBack;
       $ButtonForward.disabled = !canGoForward;
     };
-    setLoading = (state15, loading) => {
-      const { $ButtonReload } = state15;
+    setLoading = (state16, loading) => {
+      const { $ButtonReload } = state16;
       const $Icon = $ButtonReload.firstChild;
       if (loading) {
         $ButtonReload.title = UiStrings6.Cancel;
@@ -25982,7 +25885,7 @@ var init_ViewletSimpleBrowser = __esm({
         setMaskImage($Icon, Refresh);
       }
     };
-    dispose19 = (state15) => {
+    dispose19 = (state16) => {
     };
   }
 });
@@ -26114,9 +26017,9 @@ __export(ViewletSourceControl_exports, {
   setError: () => setError2,
   setInputValue: () => setInputValue,
   setItemButtons: () => setItemButtons,
-  setItemsDom: () => setItemsDom
+  setItemsDom: () => setItemsDom2
 });
-var create$ItemFile, create$ItemDirectory, create$Item, getPlaceHolderText, create60, attachEvents20, dispose20, setItemsDom, setChangedFiles, setError2, setInputValue, focus16, create$Button2, isLabel, findLabel, isSourceControlButton, removeItemButtons, setItemButtons;
+var create$ItemFile, create$ItemDirectory, create$Item, getPlaceHolderText, create60, attachEvents20, dispose20, setItemsDom2, setChangedFiles, setError2, setInputValue, focus16, create$Button2, isLabel, findLabel, isSourceControlButton, removeItemButtons, setItemButtons;
 var init_ViewletSourceControl = __esm({
   "src/parts/ViewletSourceControl/ViewletSourceControl.js"() {
     "use strict";
@@ -26211,8 +26114,8 @@ var init_ViewletSourceControl = __esm({
         $ViewSourceControlInput
       };
     };
-    attachEvents20 = (state15) => {
-      const { $ViewletTree, $ViewSourceControlInput } = state15;
+    attachEvents20 = (state16) => {
+      const { $ViewletTree, $ViewSourceControlInput } = state16;
       $ViewSourceControlInput.onfocus = handleFocus12;
       $ViewSourceControlInput.oninput = handleInput13;
       $ViewletTree.onclick = handleClick11;
@@ -26222,32 +26125,32 @@ var init_ViewletSourceControl = __esm({
     };
     dispose20 = () => {
     };
-    setItemsDom = (state15, dom) => {
-      const { $ViewletTree } = state15;
+    setItemsDom2 = (state16, dom) => {
+      const { $ViewletTree } = state16;
       renderInto($ViewletTree, dom);
     };
-    setChangedFiles = (state15, workingTree) => {
-      object(state15);
+    setChangedFiles = (state16, workingTree) => {
+      object(state16);
       array(workingTree);
       const $$Entries = workingTree.map(create$Item);
-      const { $ViewletTree } = state15;
+      const { $ViewletTree } = state16;
       $ViewletTree.replaceChildren(...$$Entries);
     };
-    setError2 = (state15, error2) => {
-      object(state15);
+    setError2 = (state16, error2) => {
+      object(state16);
       string(error2);
       const $Error = document.createElement("div");
       $Error.className = "Error";
       $Error.textContent = error2;
-      const { $ViewletTree } = state15;
+      const { $ViewletTree } = state16;
       $ViewletTree.append($Error);
     };
-    setInputValue = (state15, value) => {
-      const { $ViewSourceControlInput } = state15;
+    setInputValue = (state16, value) => {
+      const { $ViewSourceControlInput } = state16;
       $ViewSourceControlInput.value = value;
     };
-    focus16 = (state15) => {
-      const { $ViewSourceControlInput } = state15;
+    focus16 = (state16) => {
+      const { $ViewSourceControlInput } = state16;
       $ViewSourceControlInput.focus();
     };
     create$Button2 = (button) => {
@@ -26279,10 +26182,10 @@ var init_ViewletSourceControl = __esm({
         $Node = $Next;
       }
     };
-    setItemButtons = (state15, oldIndex, index, buttons) => {
+    setItemButtons = (state16, oldIndex, index, buttons) => {
       number(index);
       array(buttons);
-      const { $ViewletTree } = state15;
+      const { $ViewletTree } = state16;
       if (oldIndex !== -1) {
         const $OldItem = $ViewletTree.children[oldIndex];
         if ($OldItem) {
@@ -26392,17 +26295,17 @@ var init_ViewletStatusBar = __esm({
         node.firstChild.remove();
       }
     };
-    setItems2 = (state15, statusBarItemsLeft, statusBarItemsRight) => {
-      const $StatusBarItemsLeft = state15.$StatusBarItemsLeft;
-      const $StatusBarItemsRight = state15.$StatusBarItemsRight;
+    setItems2 = (state16, statusBarItemsLeft, statusBarItemsRight) => {
+      const $StatusBarItemsLeft = state16.$StatusBarItemsLeft;
+      const $StatusBarItemsRight = state16.$StatusBarItemsRight;
       clearNode2($StatusBarItemsLeft);
       clearNode2($StatusBarItemsRight);
       $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem));
       $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem));
     };
-    focus17 = (state15) => {
-      object(state15);
-      state15.$StatusBar.focus();
+    focus17 = (state16) => {
+      object(state16);
+      state16.$StatusBar.focus();
     };
   }
 });
@@ -26627,13 +26530,13 @@ var init_termterm = __esm({
       if (!(array2 instanceof Uint8Array)) {
         throw new Error("invalid data, must be of type Uint8Array");
       }
-      let state15 = State.TopLevelContent;
+      let state16 = State.TopLevelContent;
       let i = 0;
       let currentParam = 0;
       let params = [];
       let printStartIndex = -1;
       while (i < array2.length) {
-        switch (state15) {
+        switch (state16) {
           case State.TopLevelContent:
             middle:
               switch (array2[i]) {
@@ -26684,7 +26587,7 @@ var init_termterm = __esm({
                   i++;
                   break;
                 case 27:
-                  state15 = State.Escaped;
+                  state16 = State.Escaped;
                   i++;
                   break;
                 case 28:
@@ -26799,26 +26702,26 @@ var init_termterm = __esm({
                     switch (element) {
                       case 27:
                         print2(array2, printStartIndex, i);
-                        state15 = State.Escaped;
+                        state16 = State.Escaped;
                         i++;
                         break middle;
                       case 7:
                         print2(array2, printStartIndex, i);
                         bell();
                         i++;
-                        state15 = State.TopLevelContent;
+                        state16 = State.TopLevelContent;
                         break middle;
                       case 8:
                         print2(array2, printStartIndex, i);
                         backspace();
                         i++;
-                        state15 = State.TopLevelContent;
+                        state16 = State.TopLevelContent;
                         break middle;
                       case 13:
                         print2(array2, printStartIndex, i);
                         carriageReturn();
                         i++;
-                        state15 = State.TopLevelContent;
+                        state16 = State.TopLevelContent;
                         break middle;
                       default:
                         i++;
@@ -26834,17 +26737,17 @@ var init_termterm = __esm({
           case State.Escaped:
             switch (array2[i]) {
               case 40:
-                state15 = State.Charset;
+                state16 = State.Charset;
                 break;
               case 91:
                 params = [];
-                state15 = State.Csi;
+                state16 = State.Csi;
                 break;
               case 93:
-                state15 = State.Osc;
+                state16 = State.Osc;
                 break;
               case 80:
-                state15 = State.Dcs;
+                state16 = State.Dcs;
                 break;
               case 95:
                 break;
@@ -26859,17 +26762,17 @@ var init_termterm = __esm({
                 break;
               case 55:
                 saveCursor();
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 56:
                 backspace();
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 72:
                 tabSet();
                 break;
               default:
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -26880,10 +26783,10 @@ var init_termterm = __esm({
           case State.Csi:
             switch (array2[i]) {
               case 32:
-                state15 = State.AfterSpace;
+                state16 = State.AfterSpace;
                 break;
               case 33:
-                state15 = State.AfterExclamationMark;
+                state16 = State.AfterExclamationMark;
                 break;
               case 48:
               case 49:
@@ -26896,134 +26799,134 @@ var init_termterm = __esm({
               case 56:
               case 57:
                 currentParam = array2[i] - 48;
-                state15 = State.AfterEscape3;
+                state16 = State.AfterEscape3;
                 break;
               case 63:
-                state15 = State.AfterQuestionMark;
+                state16 = State.AfterQuestionMark;
                 break;
               case 64:
                 insertBlankCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 65:
                 cursorUp(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 66:
                 cursorDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 67:
                 cursorRight(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 68:
                 cursorLeft(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 69:
                 cursorNextLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 70:
                 cursorPrecedingLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 71:
                 cursorCharacterAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 72:
                 cursorPosition(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 73:
                 cursorForwardTabulation(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 74:
                 eraseInDisplay(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 75:
                 eraseInLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 76:
                 insertLines(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 77:
                 deleteLines(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 80:
                 deleteCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 83:
                 scrollUp(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 84:
                 scrollDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 88:
                 eraseCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 90:
                 cursorBackwardTabulation(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 94:
                 scrollDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 96:
                 characterPositionAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 97:
                 characterPositionRelative(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 98:
                 repeatPrecedingGraphicCharacter(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 100:
                 linePositionAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 101:
                 linePositionRelative(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 102:
                 horizontalAndVerticalPosition(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 103:
                 tabClear(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 104:
                 setMode(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 108:
                 resetMode(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 109:
                 setCharAttributes(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 117:
                 restoreCursor();
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27032,11 +26935,11 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 32:
                 params.push(currentParam);
-                state15 = State.AfterSpace;
+                state16 = State.AfterSpace;
                 break;
               case 59:
                 params.push(currentParam);
-                state15 = State.AfterEscape3AfterSemicolon;
+                state16 = State.AfterEscape3AfterSemicolon;
                 break;
               case 48:
               case 49:
@@ -27053,155 +26956,155 @@ var init_termterm = __esm({
               case 64:
                 params.push(currentParam);
                 insertBlankCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 65:
                 params.push(currentParam);
                 cursorUp(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 66:
                 params.push(currentParam);
                 cursorDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 67:
                 params.push(currentParam);
                 cursorRight(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 68:
                 params.push(currentParam);
                 cursorLeft(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 69:
                 params.push(currentParam);
                 cursorNextLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 70:
                 params.push(currentParam);
                 cursorPrecedingLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 71:
                 params.push(currentParam);
                 cursorCharacterAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 72:
                 params.push(currentParam);
                 cursorPosition(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 73:
                 params.push(currentParam);
                 cursorForwardTabulation(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 74:
                 params.push(currentParam);
                 eraseInDisplay(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 75:
                 params.push(currentParam);
                 eraseInLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 76:
                 params.push(currentParam);
                 insertLines(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 77:
                 params.push(currentParam);
                 deleteLines(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 80:
                 params.push(currentParam);
                 deleteCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 83:
                 params.push(currentParam);
                 scrollUp(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 84:
                 params.push(currentParam);
                 scrollDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 88:
                 params.push(currentParam);
                 eraseCharacters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 90:
                 params.push(currentParam);
                 cursorBackwardTabulation(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 94:
                 params.push(currentParam);
                 scrollDown(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 96:
                 params.push(currentParam);
                 characterPositionAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 97:
                 params.push(currentParam);
                 characterPositionRelative(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 98:
                 params.push(currentParam);
                 repeatPrecedingGraphicCharacter(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 100:
                 params.push(currentParam);
                 linePositionAbsolute(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 101:
                 params.push(currentParam);
                 linePositionRelative(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 102:
                 params.push(currentParam);
                 horizontalAndVerticalPosition(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 103:
                 params.push(currentParam);
                 tabClear(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 104:
                 params.push(currentParam);
                 setMode(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 108:
                 params.push(currentParam);
                 resetMode(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 109:
                 params.push(currentParam);
                 setCharAttributes(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               default:
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27219,7 +27122,7 @@ var init_termterm = __esm({
               case 56:
               case 57:
                 currentParam = array2[i] - 48;
-                state15 = State.AfterEscape3;
+                state16 = State.AfterEscape3;
                 break;
             }
             i++;
@@ -27237,23 +27140,23 @@ var init_termterm = __esm({
               case 56:
               case 57:
                 currentParam = array2[i] - 48;
-                state15 = State.AfterQuestionMark2;
+                state16 = State.AfterQuestionMark2;
                 break;
               case 74:
                 eraseInDisplay(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 75:
                 eraseInLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 104:
                 privateModeSet(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 108:
                 privateModeReset(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27274,27 +27177,27 @@ var init_termterm = __esm({
                 break;
               case 59:
                 params.push(currentParam);
-                state15 = State.AfterQuestionMark;
+                state16 = State.AfterQuestionMark;
                 break;
               case 74:
                 params.push(currentParam);
                 eraseInDisplay(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 75:
                 params.push(currentParam);
                 eraseInLine(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 104:
                 params.push(currentParam);
                 privateModeSet(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 108:
                 params.push(currentParam);
                 privateModeReset(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27303,7 +27206,7 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 112:
                 softTerminalReset();
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27312,14 +27215,14 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 64:
                 shiftLeftColumns(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 113:
                 setCursorStyle(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               case 116:
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27337,11 +27240,11 @@ var init_termterm = __esm({
               case 56:
               case 57:
                 currentParam = array2[i] - 48;
-                state15 = State.Osc2;
+                state16 = State.Osc2;
                 break;
               case 7:
                 setTextParameters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27362,7 +27265,7 @@ var init_termterm = __esm({
                 break;
               case 59:
                 params.push(currentParam);
-                state15 = State.Osc3;
+                state16 = State.Osc3;
                 break;
             }
             i++;
@@ -27371,7 +27274,7 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 7:
                 setTextParameters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               default:
                 params.push(array2[i]);
@@ -27931,13 +27834,13 @@ var init_Terminal = __esm({
     "use strict";
     init_termterm();
     create62 = ({ $Element, handleInput: handleInput16 }) => {
-      const state15 = {
+      const state16 = {
         terminal: createTerminal($Element, { handleInput: handleInput16 })
       };
-      return state15;
+      return state16;
     };
-    write = (state15, text2) => {
-      state15.terminal.write(text2);
+    write = (state16, text2) => {
+      state16.terminal.write(text2);
     };
   }
 });
@@ -28003,34 +27906,34 @@ var init_ViewletTerminal = __esm({
         terminal
       };
     };
-    refresh5 = (state15, context) => {
+    refresh5 = (state16, context) => {
     };
-    dispose21 = (state15) => {
-      window.removeEventListener("resize", state15.handleUpdate);
+    dispose21 = (state16) => {
+      window.removeEventListener("resize", state16.handleUpdate);
     };
-    focus18 = (state15) => {
-      object(state15);
-      const { terminal } = state15;
+    focus18 = (state16) => {
+      object(state16);
+      const { terminal } = state16;
       terminal.focus();
     };
-    reduceFocus = (state15, action) => {
+    reduceFocus = (state16, action) => {
     };
-    reduceWrite = (state15, action) => {
-      const { terminal } = state15;
-      write(terminal, state15);
+    reduceWrite = (state16, action) => {
+      const { terminal } = state16;
+      write(terminal, state16);
     };
-    reduce = (state15, action) => {
+    reduce = (state16, action) => {
       switch (action.type) {
         case "write":
-          return reduceWrite(state15, action);
+          return reduceWrite(state16, action);
         case "focus":
-          return reduceFocus(state15, action);
+          return reduceFocus(state16, action);
         default:
           break;
       }
     };
-    write2 = (state15, data) => {
-      const { terminal } = state15;
+    write2 = (state16, data) => {
+      const { terminal } = state16;
       write(terminal, data);
     };
     Commands28 = {
@@ -28075,13 +27978,13 @@ var init_ViewletTitleBar = __esm({
         $Viewlet
       };
     };
-    attachEvents21 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents21 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.oncontextmenu = handleContextMenu6;
     };
     activeClassName = "TitleBarActive";
-    setFocused3 = (state15, isFocused) => {
-      const { $Viewlet } = state15;
+    setFocused3 = (state16, isFocused) => {
+      const { $Viewlet } = state16;
       if (isFocused) {
         $Viewlet.classList.add(activeClassName);
       } else {
@@ -28092,7 +27995,7 @@ var init_ViewletTitleBar = __esm({
 });
 
 // src/parts/ViewletTitleBarButtons/ViewletTitleBarButtonsFunctions.js
-var handleClickMinimize, handleClickToggleMaximize, handleClickClose4;
+var handleClickMinimize, handleClickToggleMaximize, handleClickClose4, handleClick13;
 var init_ViewletTitleBarButtonsFunctions = __esm({
   "src/parts/ViewletTitleBarButtons/ViewletTitleBarButtonsFunctions.js"() {
     "use strict";
@@ -28100,6 +28003,7 @@ var init_ViewletTitleBarButtonsFunctions = __esm({
     handleClickMinimize = forwardViewletCommand("handleClickMinimize");
     handleClickToggleMaximize = forwardViewletCommand("handleClickToggleMaximize");
     handleClickClose4 = forwardViewletCommand("handleClickClose");
+    handleClick13 = forwardViewletCommand("handleClick");
   }
 });
 
@@ -28113,20 +28017,7 @@ var init_ViewletTitleBarButtonsEvents = __esm({
     handleTitleBarButtonsClick = (event) => {
       const { target } = event;
       const uid = fromEvent(event);
-      const { id } = target;
-      switch (id) {
-        case "TitleBarButtonMinimize":
-          handleClickMinimize(uid);
-          break;
-        case "TitleBarButtonToggleMaximize":
-          handleClickToggleMaximize(uid);
-          break;
-        case "TitleBarButtonClose":
-          handleClickClose4(uid);
-          break;
-        default:
-          break;
-      }
+      handleClick13(uid, target.className);
     };
   }
 });
@@ -28136,66 +28027,29 @@ var ViewletTitleBarButtons_exports = {};
 __export(ViewletTitleBarButtons_exports, {
   attachEvents: () => attachEvents22,
   create: () => create65,
-  setButtons: () => setButtons2,
-  setMaximized: () => setMaximized
+  setDom: () => setDom4
 });
-var create$TitleBarButton, create65, attachEvents22, setButtons2, getIcon, setMaximized;
+var create65, attachEvents22, setDom4;
 var init_ViewletTitleBarButtons = __esm({
   "src/parts/ViewletTitleBarButtons/ViewletTitleBarButtons.js"() {
     "use strict";
+    init_VirtualDom();
     init_ViewletTitleBarButtonsEvents();
-    create$TitleBarButton = (id, icon, label) => {
-      const $Icon = document.createElement("i");
-      $Icon.className = `MaskIcon ${icon}`;
-      const $TitleBarButton = document.createElement("button");
-      $TitleBarButton.className = `TitleBarButton TitleBarButton${id}`;
-      $TitleBarButton.id = `TitleBarButton${id}`;
-      $TitleBarButton.ariaLabel = label;
-      $TitleBarButton.append($Icon);
-      return $TitleBarButton;
-    };
     create65 = () => {
-      const $ButtonMinimize = create$TitleBarButton("Minimize", "Minimize", "Minimize");
-      const $ButtonToggleMaximize = create$TitleBarButton("ToggleMaximize", "ToggleMaximize", "Toggle Maximize");
-      const $ButtonClose = create$TitleBarButton("Close", "Close", "Close");
       const $TitleBarButtons = document.createElement("div");
       $TitleBarButtons.className = "Viewlet TitleBarButtons";
-      $TitleBarButtons.append($ButtonMinimize, $ButtonToggleMaximize, $ButtonClose);
       return {
         $TitleBarButtons,
         $Viewlet: $TitleBarButtons
       };
     };
-    attachEvents22 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents22 = (state16) => {
+      const { $Viewlet } = state16;
       $Viewlet.onmousedown = handleTitleBarButtonsClick;
     };
-    setButtons2 = (state15, buttons) => {
-      const { $TitleBarButtons } = state15;
-      for (const button of buttons) {
-        const $Icon = document.createElement("i");
-        $Icon.className = `MaskIcon ${button.icon}`;
-        const $TitleBarButton = document.createElement("button");
-        $TitleBarButton.className = "TitleBarButton";
-        $TitleBarButton.id = `TitleBarButton${button.id}`;
-        $TitleBarButton.ariaLabel = button.label;
-        $TitleBarButton.append($Icon);
-        $TitleBarButtons.append($TitleBarButton);
-      }
-    };
-    getIcon = (isMaximized) => {
-      if (isMaximized) {
-        return "Restore";
-      }
-      return "ToggleMaximize";
-    };
-    setMaximized = (state15, isMaximized) => {
-      const { $TitleBarButtons } = state15;
-      const oldIcon = getIcon(!isMaximized);
-      const icon = getIcon(isMaximized);
-      const $Icon = $TitleBarButtons.children[1].children[0];
-      $Icon.classList.remove(oldIcon);
-      $Icon.classList.add(icon);
+    setDom4 = (state16, dom) => {
+      const { $Viewlet } = state16;
+      renderInto($Viewlet, dom);
     };
   }
 });
@@ -28220,7 +28074,7 @@ var init_ViewletTitleBarIcon = __esm({
 });
 
 // src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBarFunctions.js
-var closeMenu, handlePointerOver2, handleMouseOut3, handleClick13, handleMouseOver3, handleMenuMouseOver, handleMenuClick;
+var closeMenu, handlePointerOver2, handleMouseOut3, handleClick14, handleMouseOver3, handleMenuMouseOver, handleMenuClick;
 var init_ViewletTitleBarMenuBarFunctions = __esm({
   "src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBarFunctions.js"() {
     "use strict";
@@ -28228,7 +28082,7 @@ var init_ViewletTitleBarMenuBarFunctions = __esm({
     closeMenu = forwardViewletCommand("closeMenu");
     handlePointerOver2 = forwardViewletCommand("handlePointerOver");
     handleMouseOut3 = forwardViewletCommand("handleMouseOut");
-    handleClick13 = forwardViewletCommand("handleClick");
+    handleClick14 = forwardViewletCommand("handleClick");
     handleMouseOver3 = forwardViewletCommand("handleMouseOver");
     handleMenuMouseOver = forwardViewletCommand("handleMenuMouseOver");
     handleMenuClick = forwardViewletCommand("handleMenuClick");
@@ -28236,7 +28090,7 @@ var init_ViewletTitleBarMenuBarFunctions = __esm({
 });
 
 // src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBarEvents.js
-var isInsideTitleBarMenu, handleFocusOut2, handlePointerOver3, handlePointerOut2, getIndex3, handleClick14, getLevelAndIndex, handleMenuMouseOver2, handleMenuClick2, handleFocus14;
+var isInsideTitleBarMenu, handleFocusOut2, handlePointerOver3, handlePointerOut2, getIndex3, handleClick15, getLevelAndIndex, handleMenuMouseOver2, handleMenuClick2, handleFocus14;
 var init_ViewletTitleBarMenuBarEvents = __esm({
   "src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBarEvents.js"() {
     "use strict";
@@ -28276,11 +28130,11 @@ var init_ViewletTitleBarMenuBarEvents = __esm({
           return -1;
       }
     };
-    handleClick14 = (event) => {
+    handleClick15 = (event) => {
       const { button, target } = event;
       const index = getIndex3(target);
       const uid = fromEvent(event);
-      handleClick13(uid, button, index);
+      handleClick14(uid, button, index);
     };
     getLevelAndIndex = (event) => {
       const { target } = event;
@@ -28351,18 +28205,18 @@ var init_ViewletTitleBarMenuBar = __esm({
         $$Menus: []
       };
     };
-    attachEvents23 = (state15) => {
-      const { $TitleBarMenuBar } = state15;
-      $TitleBarMenuBar.onmousedown = handleClick14;
+    attachEvents23 = (state16) => {
+      const { $TitleBarMenuBar } = state16;
+      $TitleBarMenuBar.onmousedown = handleClick15;
       $TitleBarMenuBar.addEventListener(FocusOut, handleFocusOut2);
       $TitleBarMenuBar.addEventListener(FocusIn, handleFocus14);
       $TitleBarMenuBar.onpointerover = handlePointerOver3;
       $TitleBarMenuBar.onpointerout = handlePointerOut2;
     };
-    dispose22 = (state15) => {
+    dispose22 = (state16) => {
     };
-    focus19 = (state15) => {
-      const { $TitleBarMenuBar } = state15;
+    focus19 = (state16) => {
+      const { $TitleBarMenuBar } = state16;
       $TitleBarMenuBar.firstChild.focus();
     };
     create$TopLevelEntry = (item) => {
@@ -28383,11 +28237,11 @@ var init_ViewletTitleBarMenuBar = __esm({
       }
       return $TitleBarTopLevelEntry;
     };
-    setFocusedIndex8 = (state15, unFocusIndex, focusIndex3, oldIsMenuOpen, newIsMenuOpen) => {
-      object(state15);
+    setFocusedIndex8 = (state16, unFocusIndex, focusIndex3, oldIsMenuOpen, newIsMenuOpen) => {
+      object(state16);
       number(unFocusIndex);
       number(focusIndex3);
-      const { $TitleBarMenuBar } = state15;
+      const { $TitleBarMenuBar } = state16;
       if (unFocusIndex !== -1) {
         const $Child = $TitleBarMenuBar.children[unFocusIndex];
         $Child.ariaExpanded = False;
@@ -28413,8 +28267,8 @@ var init_ViewletTitleBarMenuBar = __esm({
         }
       }
     };
-    openMenu = (state15, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus21, x, y, width, height) => {
-      object(state15);
+    openMenu = (state16, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus21, x, y, width, height) => {
+      object(state16);
       number(unFocusIndex);
       number(index);
       number(level);
@@ -28425,7 +28279,7 @@ var init_ViewletTitleBarMenuBar = __esm({
       number(y);
       number(width);
       number(height);
-      const { $TitleBarMenuBar } = state15;
+      const { $TitleBarMenuBar } = state16;
       $TitleBarMenuBar.addEventListener("mouseenter", handlePointerOver3, {
         capture: true
       });
@@ -28434,8 +28288,8 @@ var init_ViewletTitleBarMenuBar = __esm({
         $TitleBarMenuBar.children[unFocusIndex].removeAttribute(AriaOwns);
       }
       $TitleBarMenuBar.children[index].ariaExpanded = True;
-      const $$Menus = state11.$$Menus;
-      state11.$$Menus = [];
+      const $$Menus = state12.$$Menus;
+      state12.$$Menus = [];
       showControlled({
         x,
         y,
@@ -28453,8 +28307,8 @@ var init_ViewletTitleBarMenuBar = __esm({
         remove($Menu);
       }
     };
-    closeMenu2 = (state15, unFocusIndex, index) => {
-      const { $TitleBarMenuBar } = state15;
+    closeMenu2 = (state16, unFocusIndex, index) => {
+      const { $TitleBarMenuBar } = state16;
       if (unFocusIndex !== -1) {
         $TitleBarMenuBar.children[unFocusIndex].ariaExpanded = False;
         $TitleBarMenuBar.children[unFocusIndex].removeAttribute(AriaOwns);
@@ -28470,8 +28324,8 @@ var init_ViewletTitleBarMenuBar = __esm({
         capture: true
       });
     };
-    setEntries = (state15, titleBarEntries) => {
-      const { $TitleBarMenuBar } = state15;
+    setEntries = (state16, titleBarEntries) => {
+      const { $TitleBarMenuBar } = state16;
       $TitleBarMenuBar.replaceChildren(...titleBarEntries.map(create$TopLevelEntry));
     };
     create$Menu2 = () => {
@@ -28481,10 +28335,10 @@ var init_ViewletTitleBarMenuBar = __esm({
       $Menu.tabIndex = -1;
       return $Menu;
     };
-    setMenus = (state15, changes, uid) => {
+    setMenus = (state16, changes, uid) => {
       array(changes);
       number(uid);
-      const { $$Menus } = state15;
+      const { $$Menus } = state16;
       for (const change of changes) {
         const type3 = change[0];
         switch (type3) {
@@ -28569,13 +28423,13 @@ var init_ViewletEditorWidgetError = __esm({
         $Viewlet
       };
     };
-    setMessage7 = (state15, message) => {
-      const { $Viewlet } = state15;
+    setMessage7 = (state16, message) => {
+      const { $Viewlet } = state16;
       $Viewlet.textContent = message;
       append($Viewlet);
     };
-    setBounds3 = (state15, x, y, width, height) => {
-      const { $Viewlet } = state15;
+    setBounds3 = (state16, x, y, width, height) => {
+      const { $Viewlet } = state16;
       setBounds($Viewlet, x, y, width, height);
     };
   }
@@ -28638,21 +28492,21 @@ var init_ViewletVideo = __esm({
         $VideoErrorMessage: void 0
       };
     };
-    attachEvents24 = (state15) => {
-      const { $Video } = state15;
+    attachEvents24 = (state16) => {
+      const { $Video } = state16;
       $Video.onerror = handleVideoError2;
     };
-    setSrc3 = (state15, src) => {
-      const { $Video } = state15;
+    setSrc3 = (state16, src) => {
+      const { $Video } = state16;
       $Video.src = src;
     };
-    setVideoErrorMessage = (state15, videoErrorMessage) => {
-      if (!state15.$VideoErrorMessage) {
-        state15.$VideoErrorMessage = document.createElement("div");
-        state15.$VideoErrorMessage.className = "VideoErrorMessage";
-        state15.$Content.append(state15.$VideoErrorMessage);
+    setVideoErrorMessage = (state16, videoErrorMessage) => {
+      if (!state16.$VideoErrorMessage) {
+        state16.$VideoErrorMessage = document.createElement("div");
+        state16.$VideoErrorMessage.className = "VideoErrorMessage";
+        state16.$Content.append(state16.$VideoErrorMessage);
       }
-      const { $VideoErrorMessage } = state15;
+      const { $VideoErrorMessage } = state16;
       $VideoErrorMessage.textContent = videoErrorMessage;
     };
   }
@@ -28705,18 +28559,18 @@ var init_ViewletTerminals = __esm({
         $TerminalTabs: void 0
       };
     };
-    setTabsDom3 = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setTabsDom3 = (state16, dom) => {
+      const { $Viewlet } = state16;
       const $Root = document.createElement("div");
       renderInto($Root, dom);
       const $TerminalTabs = $Root.firstChild;
       $TerminalTabs.onclick = handleClickTab3;
-      if (state15.$TerminalTabs) {
-        state15.$TerminalTabs.replaceWith($TerminalTabs);
+      if (state16.$TerminalTabs) {
+        state16.$TerminalTabs.replaceWith($TerminalTabs);
       } else {
         $Viewlet.append($TerminalTabs);
       }
-      state15.$TerminalTabs = $TerminalTabs;
+      state16.$TerminalTabs = $TerminalTabs;
     };
   }
 });
@@ -28743,11 +28597,11 @@ var init_ViewletEditorHover = __esm({
         $Viewlet
       };
     };
-    attachEvents25 = (state15) => {
-      const { $Viewlet } = state15;
+    attachEvents25 = (state16) => {
+      const { $Viewlet } = state16;
     };
-    setHover = (state15, sanitzedHtml, documentation) => {
-      const { $Viewlet } = state15;
+    setHover = (state16, sanitzedHtml, documentation) => {
+      const { $Viewlet } = state16;
       const $DisplayString = document.createElement("div");
       $DisplayString.className = "HoverDisplayString";
       $DisplayString.role = Code;
@@ -28757,8 +28611,8 @@ var init_ViewletEditorHover = __esm({
       $Documentation.textContent = documentation;
       $Viewlet.append($DisplayString, $Documentation);
     };
-    setBounds4 = (state15, x, y) => {
-      const { $Viewlet } = state15;
+    setBounds4 = (state16, x, y) => {
+      const { $Viewlet } = state16;
       setXAndYTransform($Viewlet, x, -y);
     };
   }
@@ -28769,9 +28623,9 @@ var ViewletEditorError_exports = {};
 __export(ViewletEditorError_exports, {
   create: () => create72,
   setBounds: () => setBounds5,
-  setDom: () => setDom4
+  setDom: () => setDom5
 });
-var create72, setDom4, setBounds5;
+var create72, setDom5, setBounds5;
 var init_ViewletEditorError = __esm({
   "src/parts/ViewletEditorError/ViewletEditorError.js"() {
     "use strict";
@@ -28784,12 +28638,12 @@ var init_ViewletEditorError = __esm({
         $Viewlet
       };
     };
-    setDom4 = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setDom5 = (state16, dom) => {
+      const { $Viewlet } = state16;
       renderInto($Viewlet, dom);
     };
-    setBounds5 = (state15, x, y, width, height) => {
-      const { $Viewlet } = state15;
+    setBounds5 = (state16, x, y, width, height) => {
+      const { $Viewlet } = state16;
       setBounds($Viewlet, x, y, width, height);
     };
   }
@@ -28901,7 +28755,7 @@ var init_ViewletModule = __esm({
 });
 
 // src/parts/Viewlet/Viewlet.js
-var state14, create73, addKeyBindings3, removeKeyBindings3, loadModule2, invoke, focus20, refresh6, specialIds, isSpecial, createPlaceholder, sendMultiple, dispose23, handleError8, appendViewlet, ariaAnnounce, append2, appendToBody, getFn, executeCommands, show, setBounds6;
+var state15, create73, addKeyBindings3, removeKeyBindings3, loadModule2, invoke, focus20, refresh6, specialIds, isSpecial, createPlaceholder, sendMultiple, dispose23, handleError8, appendViewlet, ariaAnnounce, append2, appendToBody, getFn, executeCommands, show, setBounds6;
 var init_Viewlet = __esm({
   "src/parts/Viewlet/Viewlet.js"() {
     "use strict";
@@ -28912,26 +28766,26 @@ var init_Viewlet = __esm({
     init_KeyBindings();
     init_ComponentUid();
     init_VError();
-    state14 = {
+    state15 = {
       instances: /* @__PURE__ */ Object.create(null),
       currentSideBarView: void 0,
       currentPanelView: void 0,
       modules: /* @__PURE__ */ Object.create(null)
     };
     create73 = (id, uid = id) => {
-      const module = state14.modules[id];
+      const module = state15.modules[id];
       if (!module) {
         throw new Error(`module not found: ${id}`);
       }
-      if (state14.instances[id] && state14.instances[id].state.$Viewlet.isConnected) {
-        state14.instances[id].state.$Viewlet.remove();
+      if (state15.instances[id] && state15.instances[id].state.$Viewlet.isConnected) {
+        state15.instances[id].state.$Viewlet.remove();
       }
       const instanceState = module.create();
       set3(instanceState.$Viewlet, uid);
       if (module.attachEvents) {
         module.attachEvents(instanceState);
       }
-      state14.instances[uid] = {
+      state15.instances[uid] = {
         state: instanceState,
         factory: module
       };
@@ -28945,14 +28799,14 @@ var init_Viewlet = __esm({
     loadModule2 = async (id) => {
       try {
         const module = await load(id);
-        state14.modules[id] = module;
+        state15.modules[id] = module;
       } catch (error2) {
         throw new VError(error2, `Failed to load ${id}`);
       }
     };
     invoke = (viewletId, method, ...args) => {
       string(method);
-      const instance = state14.instances[viewletId];
+      const instance = state15.instances[viewletId];
       if (!instance || !instance.factory) {
         warn(`cannot execute ${method} viewlet instance ${viewletId} not found`);
         return;
@@ -28964,7 +28818,7 @@ var init_Viewlet = __esm({
       return instance.factory[method](instance.state, ...args);
     };
     focus20 = (viewletId) => {
-      const instance = state14.instances[viewletId];
+      const instance = state15.instances[viewletId];
       if (instance.factory && instance.factory.setFocused) {
         instance.factory.setFocused(instance.state, true);
       } else if (instance && instance.factory && instance.factory.focus) {
@@ -28973,11 +28827,11 @@ var init_Viewlet = __esm({
       }
     };
     refresh6 = (viewletId, viewletContext) => {
-      const instance = state14.instances[viewletId];
+      const instance = state15.instances[viewletId];
       if (instance) {
         instance.factory.refresh(instance.state, viewletContext);
       } else {
-        state14.refreshContext[viewletId] = viewletContext;
+        state15.refreshContext[viewletId] = viewletContext;
       }
     };
     specialIds = /* @__PURE__ */ new Set(["TitleBar", "SideBar", "Main", "ActivityBar", "StatusBar", "Panel"]);
@@ -28991,10 +28845,10 @@ var init_Viewlet = __esm({
       if (isSpecial(viewletId)) {
         $PlaceHolder.id = viewletId;
       }
-      const parentInstance = state14.instances[parentId];
+      const parentInstance = state15.instances[parentId];
       const $Parent = parentInstance.state.$Viewlet;
       $Parent.append($PlaceHolder);
-      state14.instances[viewletId] = {
+      state15.instances[viewletId] = {
         state: {
           $Viewlet: $PlaceHolder
         }
@@ -29058,7 +28912,7 @@ var init_Viewlet = __esm({
     dispose23 = (id) => {
       try {
         number(id);
-        const { instances } = state14;
+        const { instances } = state15;
         const instance = instances[id];
         if (!instance) {
           warn(`viewlet instance ${id} not found and cannot be disposed`);
@@ -29077,7 +28931,7 @@ var init_Viewlet = __esm({
     };
     handleError8 = (id, parentId, message) => {
       info(`[viewlet-error] ${id}: ${message}`);
-      const instance = state14.instances[id];
+      const instance = state15.instances[id];
       if (instance && instance.state.$Viewlet.isConnected) {
         instance.state.$Viewlet.remove();
       }
@@ -29088,7 +28942,7 @@ var init_Viewlet = __esm({
       if (instance && instance.state.$Viewlet) {
         instance.state.$Viewlet.textContent = `${message}`;
       }
-      const parentInstance = state14.instances[parentId];
+      const parentInstance = state15.instances[parentId];
       if (parentInstance && parentInstance.factory && parentInstance.factory.handleError) {
         parentInstance.factory.handleError(instance.state, message);
       }
@@ -29097,9 +28951,9 @@ var init_Viewlet = __esm({
       if (parentId === "Widget") {
         return;
       }
-      const parentInstanceState = state14.instances[parentId];
+      const parentInstanceState = state15.instances[parentId];
       const parentModule = parentInstanceState.factory;
-      const childInstance = state14.instances[childId];
+      const childInstance = state15.instances[childId];
       if (!childInstance) {
         throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
       }
@@ -29118,12 +28972,12 @@ var init_Viewlet = __esm({
     append2 = (parentId, childId, referenceNodes) => {
       number(parentId);
       number(childId);
-      const parentInstance = state14.instances[parentId];
+      const parentInstance = state15.instances[parentId];
       if (!parentInstance) {
         throw new Error(`cannot append child: instance ${parentId} not found`);
       }
       const $Parent = parentInstance.state.$Viewlet;
-      const childInstance = state14.instances[childId];
+      const childInstance = state15.instances[childId];
       if (!childInstance) {
         throw new Error(`cannot append child: child instance not found ${childId}`);
       }
@@ -29138,16 +28992,16 @@ var init_Viewlet = __esm({
           if (id === childId) {
             for (let j = i - 1; j >= 0; j--) {
               const beforeId = referenceNodes[j];
-              if (state14.instances[beforeId]) {
-                const $ReferenceNode = state14.instances[beforeId].state.$Viewlet;
+              if (state15.instances[beforeId]) {
+                const $ReferenceNode = state15.instances[beforeId].state.$Viewlet;
                 $ReferenceNode.after($Child);
                 return;
               }
             }
             for (let j = i + 1; j < referenceNodes.length; j++) {
               const afterId = referenceNodes[j];
-              if (state14.instances[afterId]) {
-                const $ReferenceNode = state14.instances[afterId].state.$Viewlet;
+              if (state15.instances[afterId]) {
+                const $ReferenceNode = state15.instances[afterId].state.$Viewlet;
                 $ReferenceNode.before($Child);
                 return;
               }
@@ -29164,7 +29018,7 @@ var init_Viewlet = __esm({
     };
     appendToBody = (childId) => {
       const $Parent = document.body;
-      const childInstance = state14.instances[childId];
+      const childInstance = state15.instances[childId];
       const $Child = childInstance.state.$Viewlet;
       $Parent.append($Child);
     };
@@ -29205,7 +29059,7 @@ var init_Viewlet = __esm({
       }
     };
     show = (id) => {
-      const instance = state14.instances[id];
+      const instance = state15.instances[id];
       const $Viewlet = instance.state.$Viewlet;
       const $Workbench = document.getElementById("Workbench");
       $Workbench.append($Viewlet);
@@ -29214,7 +29068,7 @@ var init_Viewlet = __esm({
       }
     };
     setBounds6 = (id, left, top, width, height) => {
-      const instance = state14.instances[id];
+      const instance = state15.instances[id];
       if (!instance) {
         return;
       }