@lvce-editor/server 0.16.3 → 0.16.5

package/static/{6fbd9fc → b8dddc3}/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;
     };
   }
 });
@@ -771,7 +778,7 @@ var init_AriaBoolean = __esm({
 });
 
 // src/parts/AriaRoles/AriaRoles.js
-var Alert, Application, Button, CheckBox, Code, Complementary, ContentInfo, Document, Group, List, ListBox, Log, Main, Menu2, MenuBar, MenuItem, MenuItemCheckBox, None, Option, Separator, Status, TabList, TextBox, ToolBar, Tree, TreeItem, ComboBox;
+var Alert, Application, Button, CheckBox, Code, Complementary, ContentInfo, Document, Group, List, ListBox, Log, Main, Menu2, MenuBar, MenuItem, MenuItemCheckBox, None, Separator, Status, TabList, TextBox, ToolBar, Tree, TreeItem, ComboBox;
 var init_AriaRoles = __esm({
   "src/parts/AriaRoles/AriaRoles.js"() {
     "use strict";
@@ -793,7 +800,6 @@ var init_AriaRoles = __esm({
     MenuItem = "menuitem";
     MenuItemCheckBox = "menuitemcheckbox";
     None = "none";
-    Option = "option";
     Separator = "separator";
     Status = "status";
     TabList = "tablist";
@@ -871,11 +877,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 +893,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 +1053,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 +1100,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 +2896,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 +3503,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 +3511,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 +3807,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 +3889,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 +6804,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 +6815,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 +6828,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 +6985,7 @@ var init_babel_parser = __esm({
             node.typeParameters = this.flowParseTypeParameterDeclaration();
           }
         }
-        parseClassMember(classBody, member, state15) {
+        parseClassMember(classBody, member, state16) {
           const {
             startLoc
           } = this.state;
@@ -6989,7 +6995,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 +7369,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 +7386,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 +7404,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 +7491,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 +10519,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 +10533,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 +10803,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 +10814,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 +10837,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 +10847,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 +10873,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 +11053,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 +11072,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 +11081,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 +11114,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 +11336,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 +11355,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 +11370,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 +11378,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 +12549,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 +12576,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 +12613,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 +12638,7 @@ var init_babel_parser = __esm({
           const {
             maybeAsyncArrow,
             optionalChainMember
-          } = state15;
+          } = state16;
           if (maybeAsyncArrow) {
             this.expressionScope.enter(newAsyncArrowScope());
             refExpressionErrors = new ExpressionErrors();
@@ -12647,7 +12653,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 +12671,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 +14964,7 @@ var init_babel_parser = __esm({
         }
         parseClassBody(hadSuperClass, oldStrict) {
           this.classScope.enter();
-          const state15 = {
+          const state16 = {
             hadConstructor: false,
             hadSuperClass
           };
@@ -14986,7 +14992,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 +15031,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 +15042,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 +15085,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 +15095,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 +16869,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 +16887,10 @@ var init_Platform = __esm({
       return Remote;
     };
     platform = getPlatform();
-    state8 = {
+    state9 = {
       getAssetDir() {
         if (true) {
-          return "/6fbd9fc";
+          return "/b8dddc3";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -16931,9 +16937,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 +16963,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 +16974,7 @@ var init_RendererWorker = __esm({
     init_JsonRpcRequest();
     init_Platform();
     init_UnwrapJsonRpcResult();
-    state9 = {
+    state10 = {
       /**
        * @type {any}
        */
@@ -17000,14 +17006,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 +17049,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 +17241,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 +17516,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 +17737,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 +17753,7 @@ var init_Menu = __esm({
     init_DomAttributeType();
     init_AriaBoolean();
     init_Event();
-    state11 = {
+    state12 = {
       handleKeyDown(event) {
       },
       handleFocusOut(event) {
@@ -17759,7 +17765,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 +17814,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 +17837,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 +17862,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 +17870,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 +19649,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 +19796,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;
     };
   }
 });
@@ -19822,7 +19828,7 @@ var init_Transferrable_ipc = __esm({
 });
 
 // src/parts/ViewletModuleId/ViewletModuleId.js
-var ActivityBar, Audio3, Clock, ColorPicker, DebugConsole, Dialog, DiffEditor, EditorCompletion, EditorImage, EditorPlainText, EditorText, Empty, Error3, Explorer, ExtensionDetail, Extensions, FindWidget, ImagePreview2, Implementations, KeyBindings, Layout2, Main2, MainTabs, Output, Panel2, Pdf, Problems, QuickPick, References, RunAndDebug, Search, SideBar, SimpleBrowser, SourceControl, StatusBar, Terminal, TitleBar, TitleBarButtons, TitleBarIcon, TitleBarMenuBar, Video, EditorWidgetError, Terminals, EditorHover2, EditorError2;
+var ActivityBar, Audio3, Clock, ColorPicker, DebugConsole, Dialog, DiffEditor, EditorCompletion, EditorImage, EditorPlainText, EditorText, Empty, Error3, Explorer, ExtensionDetail, Extensions, FindWidget, ImagePreview2, Implementations, KeyBindings, Layout2, Main2, MainTabs, Output, Panel2, Pdf, Problems, QuickPick, References, RunAndDebug, Search, SideBar, SimpleBrowser, SourceControl, StatusBar, Terminal, TitleBar, TitleBarButtons, TitleBarIcon, TitleBarMenuBar, Video, EditorWidgetError, Terminals, EditorHover2, EditorError2, BrowserViewOverview;
 var init_ViewletModuleId = __esm({
   "src/parts/ViewletModuleId/ViewletModuleId.js"() {
     "use strict";
@@ -19871,6 +19877,7 @@ var init_ViewletModuleId = __esm({
     Terminals = "Terminals";
     EditorHover2 = "EditorHover";
     EditorError2 = "EditorError";
+    BrowserViewOverview = "BrowserViewOverview";
   }
 });
 
@@ -20105,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";
@@ -20113,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];
@@ -20123,7 +20130,7 @@ var init_ComponentUid = __esm({
     };
     fromEvent = (event) => {
       const { target, currentTarget } = event;
-      return get4(currentTarget || target);
+      return get5(currentTarget || target);
     };
   }
 });
@@ -20302,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);
     };
   }
@@ -20382,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;
     };
   }
@@ -20422,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;
     };
   }
 });
@@ -20513,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);
     };
   }
@@ -20557,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;
     };
   }
@@ -20744,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";
@@ -20761,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;
     };
   }
@@ -20857,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);
     };
   }
@@ -20915,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") {
@@ -20946,21 +20953,6 @@ var init_ViewletDiffEditor = __esm({
   }
 });
 
-// src/parts/Label/Label.js
-var create27;
-var init_Label = __esm({
-  "src/parts/Label/Label.js"() {
-    "use strict";
-    create27 = (text2) => {
-      const $LabelText = document.createTextNode(text2);
-      const $Label = document.createElement("div");
-      $Label.className = "Label";
-      $Label.append($LabelText);
-      return $Label;
-    };
-  }
-});
-
 // src/parts/ViewletEditorCompletion/ViewletEditorCompletionFunctions.js
 var selectIndex, handleClickAt, handleScrollBarClick, handleScrollBarThumbPointerMove;
 var init_ViewletEditorCompletionFunctions = __esm({
@@ -21063,8 +21055,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);
@@ -21083,12 +21075,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);
     };
   }
@@ -21098,19 +21090,19 @@ var init_ViewletList = __esm({
 var ViewletEditorCompletion_exports = {};
 __export(ViewletEditorCompletion_exports, {
   attachEvents: () => attachEvents4,
-  create: () => create28,
+  create: () => create27,
   dispose: () => dispose6,
   handleError: () => handleError,
   setBounds: () => setBounds2,
   setContentHeight: () => setContentHeight,
+  setDom: () => setDom2,
   setFocusedIndex: () => setFocusedIndex,
-  setItems: () => setItems,
   setNegativeMargin: () => setNegativeMargin,
   setScrollBar: () => setScrollBar,
   setSize: () => setSize,
   showLoading: () => showLoading
 });
-var create$CompletionItem, render$CompletionItem, create28, attachEvents4, render$CompletionsLess, render$CompletionsEqual, render$CompletionsMore, render$Items, setItems, dispose6, setFocusedIndex, showLoading, handleError, setBounds2;
+var create27, attachEvents4, setDom2, dispose6, setFocusedIndex, showLoading, handleError, setBounds2;
 var init_ViewletEditorCompletion = __esm({
   "src/parts/ViewletEditorCompletion/ViewletEditorCompletion.js"() {
     "use strict";
@@ -21119,55 +21111,12 @@ var init_ViewletEditorCompletion = __esm({
     init_DomEventOptions();
     init_DomEventType();
     init_Focus();
-    init_Label();
     init_SetBounds();
+    init_VirtualDom();
     init_Widget();
     init_ViewletEditorCompletionEvents();
     init_ViewletList();
-    create$CompletionItem = () => {
-      const $CompletionItemText = create27("");
-      const $Icon = document.createElement("div");
-      const $CompletionItem = document.createElement("div");
-      $CompletionItem.role = Option;
-      $CompletionItem.className = "EditorCompletionItem";
-      $CompletionItem.append($Icon, $CompletionItemText);
-      return $CompletionItem;
-    };
-    render$CompletionItem = ($Item, item) => {
-      setTop($Item, item.top);
-      const $Icon = $Item.children[0];
-      const $Label = $Item.children[1];
-      $Icon.className = `ColoredMaskIcon ${item.symbolName}`;
-      if (item.highlights.length === 0) {
-        $Label.textContent = item.label;
-        return;
-      }
-      $Label.textContent = "";
-      const highlights = item.highlights;
-      const label = item.label;
-      let position = 0;
-      for (let i = 0; i < highlights.length; i += 2) {
-        const highlightStart = highlights[i];
-        const highlightEnd = highlights[i + 1];
-        if (position < highlightStart) {
-          const beforeText = label.slice(position, highlightStart);
-          const $BeforeText = document.createTextNode(beforeText);
-          $Label.append($BeforeText);
-        }
-        const highlightText = label.slice(highlightStart, highlightEnd);
-        const $Highlight = document.createElement("span");
-        $Highlight.className = "CompletionHighlight";
-        $Highlight.textContent = highlightText;
-        $Label.append($Highlight);
-        position = highlightEnd;
-      }
-      if (position < label.length) {
-        const afterText = item.label.slice(position);
-        const $AfterText = document.createTextNode(afterText);
-        $Label.append($AfterText);
-      }
-    };
-    create28 = () => {
+    create27 = () => {
       const $ListItems = document.createElement("div");
       $ListItems.className = "ListItems";
       $ListItems.role = ListBox;
@@ -21188,71 +21137,25 @@ 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;
     };
-    render$CompletionsLess = ($ListItems, items) => {
-      for (let i = 0; i < $ListItems.children.length; i++) {
-        render$CompletionItem($ListItems.children[i], items[i]);
-      }
-      const fragment = document.createDocumentFragment();
-      for (let i = $ListItems.children.length; i < items.length; i++) {
-        const $Extension = create$CompletionItem();
-        render$CompletionItem($Extension, items[i]);
-        fragment.append($Extension);
-      }
-      $ListItems.append(fragment);
-    };
-    render$CompletionsEqual = ($ListItems, items) => {
-      for (let i = 0; i < items.length; i++) {
-        render$CompletionItem($ListItems.children[i], items[i]);
-      }
-    };
-    render$CompletionsMore = ($ListItems, items) => {
-      for (let i = 0; i < items.length; i++) {
-        render$CompletionItem($ListItems.children[i], items[i]);
-      }
-      const diff = $ListItems.children.length - items.length;
-      for (let i = 0; i < diff; i++) {
-        $ListItems.lastChild.remove();
-      }
-    };
-    render$Items = ($ListItems, items) => {
-      if ($ListItems.children.length < items.length) {
-        render$CompletionsLess($ListItems, items);
-      } else if ($ListItems.children.length === items.length) {
-        render$CompletionsEqual($ListItems, items);
-      } else {
-        render$CompletionsMore($ListItems, items);
-      }
-    };
-    setItems = (state15, items, reason, focusedIndex) => {
-      const { $Viewlet, $ListItems } = state15;
+    setDom2 = (state16, dom) => {
       setAdditionalFocus("editorCompletions");
-      if (items.length === 0) {
-        if (reason === /* automatically */
-        0) {
-          return;
-        }
-        $Viewlet.textContent = "No Results";
-        append($Viewlet);
-        return;
-      }
-      render$Items($ListItems, items);
+      const { $ListItems, $Viewlet } = state16;
+      const $Root = render2(dom);
+      $ListItems.replaceChildren(...$Root.firstChild.childNodes);
       append($Viewlet);
     };
-    dispose6 = (state15) => {
-      remove(state15.$Viewlet);
+    dispose6 = (state16) => {
+      remove(state16.$Viewlet);
       removeAdditionalFocus("editorCompletions");
     };
-    setFocusedIndex = (state15, oldIndex, newIndex) => {
-      if (oldIndex === newIndex) {
-        debugger;
-      }
-      const { $ListItems } = state15;
+    setFocusedIndex = (state16, oldIndex, newIndex) => {
+      const { $ListItems } = state16;
       if (oldIndex >= 0) {
         const $OldItem = $ListItems.children[oldIndex];
         $OldItem.classList.remove("Focused");
@@ -21263,8 +21166,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";
@@ -21272,16 +21175,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);
     };
   }
@@ -21379,21 +21282,21 @@ var init_ViewletEditorImageEvents = __esm({
 var ViewletEditorImage_exports = {};
 __export(ViewletEditorImage_exports, {
   attachEvents: () => attachEvents5,
-  create: () => create29,
+  create: () => create28,
   dispose: () => dispose7,
   setDragging: () => setDragging,
   setError: () => setError,
   setSrc: () => setSrc2,
   setTransform: () => setTransform
 });
-var create29, attachEvents5, setTransform, setSrc2, setDragging, dispose7, setError;
+var create28, attachEvents5, setTransform, setSrc2, setDragging, dispose7, setError;
 var init_ViewletEditorImage = __esm({
   "src/parts/ViewletEditorImage/ViewletEditorImage.js"() {
     "use strict";
     init_DomEventOptions();
     init_DomEventType();
     init_ViewletEditorImageEvents();
-    create29 = () => {
+    create28 = () => {
       const $Image = document.createElement("img");
       $Image.className = "ViewletImage";
       $Image.draggable = false;
@@ -21410,8 +21313,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;
@@ -21419,22 +21322,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;
@@ -21446,16 +21349,16 @@ var init_ViewletEditorImage = __esm({
 // src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js
 var ViewletEditorPlainText_exports = {};
 __export(ViewletEditorPlainText_exports, {
-  create: () => create30,
+  create: () => create29,
   dispose: () => dispose8,
   refresh: () => refresh2
 });
-var create30, dispose8, refresh2;
+var create29, dispose8, refresh2;
 var init_ViewletEditorPlainText = __esm({
   "src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js"() {
     "use strict";
     init_Assert();
-    create30 = () => {
+    create29 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet EditorText";
       $Viewlet.textContent = "loading...";
@@ -21463,12 +21366,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;
     };
   }
 });
@@ -21798,9 +21701,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);
     };
   }
 });
@@ -21819,12 +21722,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);
     };
   }
@@ -21889,8 +21792,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);
     };
   }
 });
@@ -22004,17 +21907,17 @@ 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);
     };
   }
 });
 
 // src/parts/Editor/Editor.js
-var create31, setText2, setIncrementalEdits, setScrollBar2, setScrollBarHorizontal2, setSelections2, setFocused;
+var create30, setText2, setIncrementalEdits, setScrollBar2, setScrollBarHorizontal2, setSelections2, setFocused;
 var init_Editor = __esm({
   "src/parts/Editor/Editor.js"() {
     "use strict";
@@ -22032,7 +21935,7 @@ var init_Editor = __esm({
     init_LayerScrollBar();
     init_LayerSelections();
     init_LayerText();
-    create31 = () => {
+    create30 = () => {
       const $EditorInput = document.createElement("textarea");
       $EditorInput.className = "EditorInput";
       $EditorInput.ariaAutoComplete = List2;
@@ -22103,11 +22006,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];
@@ -22115,18 +22018,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");
       }
@@ -22140,7 +22043,7 @@ var init_Editor = __esm({
 // src/parts/ViewletEditorText/ViewletEditorText.js
 var ViewletEditorText_exports = {};
 __export(ViewletEditorText_exports, {
-  create: () => create32,
+  create: () => create31,
   focus: () => focus3,
   handleError: () => handleError3,
   hideOverlayMessage: () => hideOverlayMessage,
@@ -22153,7 +22056,7 @@ __export(ViewletEditorText_exports, {
   setText: () => setText3,
   showOverlayMessage: () => showOverlayMessage
 });
-var create32, setText3, setSelections3, setIncrementalEdits2, handleError3, setScrollBar3, setScrollBarHorizontal3, highlightAsLink, showOverlayMessage, hideOverlayMessage, setFocused2, focus3;
+var create31, setText3, setSelections3, setIncrementalEdits2, handleError3, setScrollBar3, setScrollBarHorizontal3, highlightAsLink, showOverlayMessage, hideOverlayMessage, setFocused2, focus3;
 var init_ViewletEditorText = __esm({
   "src/parts/ViewletEditorText/ViewletEditorText.js"() {
     "use strict";
@@ -22161,17 +22064,17 @@ var init_ViewletEditorText = __esm({
     init_Logger();
     init_SetBounds();
     init_Widget();
-    create32 = create31;
+    create31 = create30;
     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;
@@ -22179,7 +22082,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";
@@ -22187,8 +22090,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);
         }
@@ -22202,16 +22105,16 @@ var init_ViewletEditorText = __esm({
 // src/parts/ViewletEmpty/ViewletEmpty.js
 var ViewletEmpty_exports = {};
 __export(ViewletEmpty_exports, {
-  create: () => create33,
+  create: () => create32,
   dispose: () => dispose9,
   focus: () => focus4,
   refresh: () => refresh3
 });
-var create33, refresh3, focus4, dispose9;
+var create32, refresh3, focus4, dispose9;
 var init_ViewletEmpty = __esm({
   "src/parts/ViewletEmpty/ViewletEmpty.js"() {
     "use strict";
-    create33 = () => {
+    create32 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.dataset.viewlet = "Empty";
       $Viewlet.className = "Viewlet";
@@ -22219,11 +22122,11 @@ var init_ViewletEmpty = __esm({
         $Viewlet
       };
     };
-    refresh3 = (state15, context) => {
+    refresh3 = (state16, context) => {
     };
-    focus4 = (state15) => {
+    focus4 = (state16) => {
     };
-    dispose9 = (state15) => {
+    dispose9 = (state16) => {
     };
   }
 });
@@ -22231,22 +22134,22 @@ var init_ViewletEmpty = __esm({
 // src/parts/ViewletError/ViewletError.js
 var ViewletError_exports = {};
 __export(ViewletError_exports, {
-  create: () => create34,
+  create: () => create33,
   setMessage: () => setMessage2
 });
-var create34, setMessage2;
+var create33, setMessage2;
 var init_ViewletError = __esm({
   "src/parts/ViewletError/ViewletError.js"() {
     "use strict";
-    create34 = () => {
+    create33 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Error";
       return {
         $Viewlet
       };
     };
-    setMessage2 = (state15, message) => {
-      const { $Viewlet } = state15;
+    setMessage2 = (state16, message) => {
+      const { $Viewlet } = state16;
       $Viewlet.textContent = message;
     };
   }
@@ -22264,6 +22167,21 @@ var init_DirentType = __esm({
   }
 });
 
+// src/parts/Label/Label.js
+var create34;
+var init_Label = __esm({
+  "src/parts/Label/Label.js"() {
+    "use strict";
+    create34 = (text2) => {
+      const $LabelText = document.createTextNode(text2);
+      const $Label = document.createElement("div");
+      $Label.className = "Label";
+      $Label.append($LabelText);
+      return $Label;
+    };
+  }
+});
+
 // src/parts/AllowedDragEffectType/AllowedDragEffectType.js
 var CopyMove;
 var init_AllowedDragEffectType = __esm({
@@ -22564,8 +22482,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);
@@ -22583,7 +22501,7 @@ var init_ViewletExplorer = __esm({
       $Row.role = TreeItem;
       $Row.className = "TreeItem";
       $Row.draggable = true;
-      const $Label = create27("");
+      const $Label = create34("");
       const $Icon = create35("");
       $Row.append($Icon, $Label);
       return $Row;
@@ -22652,23 +22570,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;
@@ -22713,21 +22631,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;
@@ -22746,8 +22664,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;
@@ -22765,10 +22683,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();
@@ -22777,10 +22695,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;
@@ -22789,8 +22707,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");
@@ -22921,25 +22839,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;
     };
   }
@@ -23151,8 +23069,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) {
@@ -23168,11 +23086,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");
@@ -23193,57 +23111,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;
     };
   }
@@ -23367,27 +23285,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;
     };
@@ -23461,8 +23379,8 @@ var init_ViewletLocations = __esm({
         $Locations
       };
     };
-    attachEvents10 = (state15) => {
-      const { $Locations } = state15;
+    attachEvents10 = (state16) => {
+      const { $Locations } = state16;
       $Locations.onmousedown = handleLocationsMouseDown;
     };
     create$Location = () => {
@@ -23503,16 +23421,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 {
@@ -23525,12 +23443,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");
@@ -23719,14 +23637,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") {
@@ -23735,13 +23653,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`;
     };
@@ -23776,13 +23694,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,
@@ -23790,39 +23708,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;
     };
   }
 });
@@ -23864,7 +23782,7 @@ var init_KeyBindingsEvents = __esm({
       if (!keybinding.when) {
         return true;
       }
-      return get(keybinding.when);
+      return get2(keybinding.when);
     };
     getMatchingKeyBinding = (identifier) => {
       const matchesIdentifier = (keyBinding) => {
@@ -24025,8 +23943,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;
@@ -24037,8 +23955,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);
     };
@@ -24138,39 +24056,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 = () => {
@@ -24178,19 +24096,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);
@@ -24230,7 +24148,7 @@ var init_ViewletMainTabEvents = __esm({
       MainTab: "MainTab"
     };
     getUid = () => {
-      return get4(document.getElementById("Main"));
+      return get5(document.getElementById("Main"));
     };
     handleTabsWheel2 = (event) => {
       const uid = getUid();
@@ -24332,8 +24250,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;
@@ -24341,18 +24259,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;
@@ -24402,33 +24320,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) => {
     };
   }
 });
@@ -24666,39 +24584,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);
@@ -24709,15 +24627,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;
     };
   }
 });
@@ -24812,19 +24730,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}`;
     };
   }
@@ -24880,27 +24798,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();
     };
   }
@@ -24992,8 +24910,8 @@ var init_ViewletQuickPick = __esm({
       QuickPickItems: "QuickPickItems",
       QuickPick: "QuickPick"
     };
-    setFocusedIndex7 = (state15, oldFocusedIndex, newFocusedIndex) => {
-      const { $QuickPickInput } = state15;
+    setFocusedIndex7 = (state16, oldFocusedIndex, newFocusedIndex) => {
+      const { $QuickPickInput } = state16;
       if (newFocusedIndex >= 0) {
         $QuickPickInput.setAttribute(AriaActiveDescendant, activeId3);
       }
@@ -25010,8 +24928,8 @@ var init_ViewletQuickPick = __esm({
         $Element.focus();
       }
     };
-    focus13 = (state15) => {
-      const { $QuickPickInput } = state15;
+    focus13 = (state16) => {
+      const { $QuickPickInput } = state16;
       focusElement($QuickPickInput);
       setFocus("quickPickInput");
     };
@@ -25043,8 +24961,8 @@ 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;
@@ -25055,40 +24973,40 @@ var init_ViewletQuickPick = __esm({
       $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) => {
-      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);
     };
-    setItemsDom = (state15, dom) => {
-      const { $QuickPickItems } = state15;
+    setItemsDom = (state16, dom) => {
+      const { $QuickPickItems } = state16;
       renderInto($QuickPickItems, dom);
     };
-    noop = (state15) => {
+    noop = (state16) => {
     };
   }
 });
@@ -25244,10 +25162,10 @@ var init_ViewletRunAndDebugEvents = __esm({
 var ViewletRunAndDebug_exports = {};
 __export(ViewletRunAndDebug_exports, {
   create: () => create56,
-  setDom: () => setDom2,
+  setDom: () => setDom3,
   setPatches: () => setPatches
 });
-var create56, setDom2, setPatches;
+var create56, setDom3, setPatches;
 var init_ViewletRunAndDebug = __esm({
   "src/parts/ViewletRunAndDebug/ViewletRunAndDebug.js"() {
     "use strict";
@@ -25263,12 +25181,12 @@ var init_ViewletRunAndDebug = __esm({
         $Viewlet
       };
     };
-    setDom2 = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setDom3 = (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();
@@ -25448,13 +25366,13 @@ __export(ViewletSearch_exports, {
   focus: () => focus14,
   refresh: () => refresh4,
   setButtonsChecked: () => setButtonsChecked,
-  setDom: () => setDom3,
+  setDom: () => setDom4,
   setMessage: () => setMessage6,
   setReplaceExpanded: () => setReplaceExpanded,
   setScrollBar: () => setScrollBar,
   setValue: () => setValue4
 });
-var UiStrings5, create$SearchFieldButton, create57, attachEvents18, refresh4, focus14, setDom3, setMessage6, setValue4, dispose17, create$ReplaceField, setReplaceExpanded, setButtonsChecked;
+var UiStrings5, create$SearchFieldButton, create57, attachEvents18, refresh4, focus14, setDom4, setMessage6, setValue4, dispose17, create$ReplaceField, setReplaceExpanded, setButtonsChecked;
 var init_ViewletSearch = __esm({
   "src/parts/ViewletSearch/ViewletSearch.js"() {
     "use strict";
@@ -25547,8 +25465,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;
@@ -25559,23 +25477,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;
+    setDom4 = (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 = () => {
@@ -25600,25 +25518,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;
@@ -25701,28 +25619,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 () => {
     };
@@ -25855,20 +25773,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;
@@ -25878,7 +25796,7 @@ var init_ViewletSimpleBrowser = __esm({
         setMaskImage($Icon, Refresh);
       }
     };
-    dispose19 = (state15) => {
+    dispose19 = (state16) => {
     };
   }
 });
@@ -26107,8 +26025,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;
@@ -26118,32 +26036,32 @@ var init_ViewletSourceControl = __esm({
     };
     dispose20 = () => {
     };
-    setItemsDom2 = (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) => {
@@ -26175,10 +26093,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) {
@@ -26209,9 +26127,9 @@ var ViewletStatusBar_exports = {};
 __export(ViewletStatusBar_exports, {
   create: () => create61,
   focus: () => focus17,
-  setItems: () => setItems2
+  setItems: () => setItems
 });
-var getIconClassName, create$StatusBarItem, handleClick12, create61, clearNode2, setItems2, focus17;
+var getIconClassName, create$StatusBarItem, handleClick12, create61, clearNode2, setItems, focus17;
 var init_ViewletStatusBar = __esm({
   "src/parts/ViewletStatusBar/ViewletStatusBar.js"() {
     "use strict";
@@ -26288,17 +26206,17 @@ var init_ViewletStatusBar = __esm({
         node.firstChild.remove();
       }
     };
-    setItems2 = (state15, statusBarItemsLeft, statusBarItemsRight) => {
-      const $StatusBarItemsLeft = state15.$StatusBarItemsLeft;
-      const $StatusBarItemsRight = state15.$StatusBarItemsRight;
+    setItems = (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();
     };
   }
 });
@@ -26523,13 +26441,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]) {
@@ -26580,7 +26498,7 @@ var init_termterm = __esm({
                   i++;
                   break;
                 case 27:
-                  state15 = State.Escaped;
+                  state16 = State.Escaped;
                   i++;
                   break;
                 case 28:
@@ -26695,26 +26613,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++;
@@ -26730,17 +26648,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;
@@ -26755,17 +26673,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++;
@@ -26776,10 +26694,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:
@@ -26792,134 +26710,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++;
@@ -26928,11 +26846,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:
@@ -26949,155 +26867,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++;
@@ -27115,7 +27033,7 @@ var init_termterm = __esm({
               case 56:
               case 57:
                 currentParam = array2[i] - 48;
-                state15 = State.AfterEscape3;
+                state16 = State.AfterEscape3;
                 break;
             }
             i++;
@@ -27133,23 +27051,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++;
@@ -27170,27 +27088,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++;
@@ -27199,7 +27117,7 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 112:
                 softTerminalReset();
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
             }
             i++;
@@ -27208,14 +27126,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++;
@@ -27233,11 +27151,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++;
@@ -27258,7 +27176,7 @@ var init_termterm = __esm({
                 break;
               case 59:
                 params.push(currentParam);
-                state15 = State.Osc3;
+                state16 = State.Osc3;
                 break;
             }
             i++;
@@ -27267,7 +27185,7 @@ var init_termterm = __esm({
             switch (array2[i]) {
               case 7:
                 setTextParameters(params);
-                state15 = State.TopLevelContent;
+                state16 = State.TopLevelContent;
                 break;
               default:
                 params.push(array2[i]);
@@ -27827,13 +27745,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);
     };
   }
 });
@@ -27899,34 +27817,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 = {
@@ -27971,13 +27889,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 {
@@ -27988,7 +27906,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";
@@ -27996,6 +27914,7 @@ var init_ViewletTitleBarButtonsFunctions = __esm({
     handleClickMinimize = forwardViewletCommand("handleClickMinimize");
     handleClickToggleMaximize = forwardViewletCommand("handleClickToggleMaximize");
     handleClickClose4 = forwardViewletCommand("handleClickClose");
+    handleClick13 = forwardViewletCommand("handleClick");
   }
 });
 
@@ -28009,20 +27928,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);
     };
   }
 });
@@ -28032,66 +27938,29 @@ var ViewletTitleBarButtons_exports = {};
 __export(ViewletTitleBarButtons_exports, {
   attachEvents: () => attachEvents22,
   create: () => create65,
-  setButtons: () => setButtons2,
-  setMaximized: () => setMaximized
+  setDom: () => setDom5
 });
-var create$TitleBarButton, create65, attachEvents22, setButtons2, getIcon, setMaximized;
+var create65, attachEvents22, setDom5;
 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);
+    setDom5 = (state16, dom) => {
+      const { $Viewlet } = state16;
+      renderInto($Viewlet, dom);
     };
   }
 });
@@ -28116,7 +27985,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";
@@ -28124,7 +27993,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");
@@ -28132,7 +28001,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";
@@ -28172,11 +28041,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;
@@ -28247,18 +28116,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) => {
@@ -28279,11 +28148,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;
@@ -28309,8 +28178,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);
@@ -28321,7 +28190,7 @@ var init_ViewletTitleBarMenuBar = __esm({
       number(y);
       number(width);
       number(height);
-      const { $TitleBarMenuBar } = state15;
+      const { $TitleBarMenuBar } = state16;
       $TitleBarMenuBar.addEventListener("mouseenter", handlePointerOver3, {
         capture: true
       });
@@ -28330,8 +28199,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,
@@ -28349,8 +28218,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);
@@ -28366,8 +28235,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 = () => {
@@ -28377,10 +28246,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) {
@@ -28465,13 +28334,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);
     };
   }
@@ -28534,21 +28403,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;
     };
   }
@@ -28601,18 +28470,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;
     };
   }
 });
@@ -28639,11 +28508,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;
@@ -28653,8 +28522,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);
     };
   }
@@ -28665,9 +28534,9 @@ var ViewletEditorError_exports = {};
 __export(ViewletEditorError_exports, {
   create: () => create72,
   setBounds: () => setBounds5,
-  setDom: () => setDom4
+  setDom: () => setDom6
 });
-var create72, setDom4, setBounds5;
+var create72, setDom6, setBounds5;
 var init_ViewletEditorError = __esm({
   "src/parts/ViewletEditorError/ViewletEditorError.js"() {
     "use strict";
@@ -28680,17 +28549,42 @@ var init_ViewletEditorError = __esm({
         $Viewlet
       };
     };
-    setDom4 = (state15, dom) => {
-      const { $Viewlet } = state15;
+    setDom6 = (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);
     };
   }
 });
 
+// src/parts/ViewletBrowseViewOverview/ViewletBrowserViewOverview.js
+var ViewletBrowserViewOverview_exports = {};
+__export(ViewletBrowserViewOverview_exports, {
+  create: () => create73,
+  setDom: () => setDom7
+});
+var create73, setDom7;
+var init_ViewletBrowserViewOverview = __esm({
+  "src/parts/ViewletBrowseViewOverview/ViewletBrowserViewOverview.js"() {
+    "use strict";
+    init_VirtualDom();
+    create73 = () => {
+      const $Viewlet = document.createElement("div");
+      $Viewlet.className = "Viewlet BrowserViewOverview";
+      return {
+        $Viewlet
+      };
+    };
+    setDom7 = (state16, dom) => {
+      const { $Viewlet } = state16;
+      renderInto($Viewlet, dom);
+    };
+  }
+});
+
 // src/parts/ViewletModule/ViewletModule.js
 var load;
 var init_ViewletModule = __esm({
@@ -28789,6 +28683,8 @@ var init_ViewletModule = __esm({
           return Promise.resolve().then(() => (init_ViewletEditorHover(), ViewletEditorHover_exports));
         case EditorError2:
           return Promise.resolve().then(() => (init_ViewletEditorError(), ViewletEditorError_exports));
+        case BrowserViewOverview:
+          return Promise.resolve().then(() => (init_ViewletBrowserViewOverview(), ViewletBrowserViewOverview_exports));
         default:
           throw new Error(`${moduleId} module not found in renderer process`);
       }
@@ -28797,7 +28693,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, create74, 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";
@@ -28808,26 +28704,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];
+    create74 = (id, uid = 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
       };
@@ -28841,14 +28737,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;
@@ -28860,7 +28756,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) {
@@ -28869,11 +28765,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"]);
@@ -28887,10 +28783,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
         }
@@ -28909,7 +28805,7 @@ var init_Viewlet = __esm({
             break;
           }
           case "Viewlet.create": {
-            create73(viewletId, method);
+            create74(viewletId, method);
             break;
           }
           case "Viewlet.append": {
@@ -28954,7 +28850,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`);
@@ -28973,7 +28869,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();
       }
@@ -28984,7 +28880,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);
       }
@@ -28993,9 +28889,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}`);
       }
@@ -29014,12 +28910,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}`);
       }
@@ -29034,16 +28930,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;
               }
@@ -29060,14 +28956,14 @@ 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);
     };
     getFn = (command) => {
       switch (command) {
         case "Viewlet.create":
-          return create73;
+          return create74;
         case "Viewlet.send":
           return invoke;
         case "Viewlet.show":
@@ -29101,7 +28997,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);
@@ -29110,7 +29006,7 @@ var init_Viewlet = __esm({
       }
     };
     setBounds6 = (id, left, top, width, height) => {
-      const instance = state14.instances[id];
+      const instance = state15.instances[id];
       if (!instance) {
         return;
       }
@@ -30037,7 +29933,7 @@ var getMarkerLines = (loc, source, opts) => {
   }
   return { start, end, markerLines };
 };
-var create74 = (rawLines, loc, opts = {}) => {
+var create75 = (rawLines, loc, opts = {}) => {
   const lines = rawLines.split(NEWLINE);
   const { start, end, markerLines } = getMarkerLines(loc, lines, opts);
   const hasColumns = loc.start && typeof loc.start.column === "number";
@@ -30321,7 +30217,7 @@ var prepareErrorMessageWithoutCodeFrame = async (error2) => {
       const { source, originalLine, originalColumn } = getOriginalPosition(sourceMap, parsedLine, parsedColumn);
       const absoluteSourceUrl = toAbsoluteUrl(path, source);
       const originalSourceContent = await getText2(absoluteSourceUrl);
-      const codeFrame2 = create74(originalSourceContent, {
+      const codeFrame2 = create75(originalSourceContent, {
         start: {
           line: originalLine,
           column: originalColumn
@@ -30339,7 +30235,7 @@ var prepareErrorMessageWithoutCodeFrame = async (error2) => {
         _error: error2
       };
     }
-    const codeFrame = create74(text2, {
+    const codeFrame = create75(text2, {
       start: {
         line: parsedLine,
         column: parsedColumn