@lvce-editor/server 0.3.0 → 0.4.0

package/static/{37517d2 → de5e461}/packages/renderer-process/dist/rendererProcessMain.js

@@ -485,7 +485,7 @@ var init_Platform = __esm({
     state4 = {
       getAssetDir() {
         if (true) {
-          return "/37517d2";
+          return "/de5e461";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -1345,12 +1345,98 @@ var init_Meta_ipc = __esm({
   }
 });
 
+// src/parts/Notification/Notification.js
+var create$Notification, create7, findIndex, handleNotificationClick, create$NotificationWithOptions, createWithOptions, dispose4;
+var init_Notification = __esm({
+  "src/parts/Notification/Notification.js"() {
+    "use strict";
+    init_Widget();
+    init_RendererWorker();
+    create$Notification = (message) => {
+      const $Notification = document.createElement("div");
+      $Notification.className = "Notification";
+      $Notification.textContent = message;
+      return $Notification;
+    };
+    create7 = (type2, message) => {
+      const $Notification = create$Notification(message);
+      append($Notification);
+    };
+    findIndex = ($Child) => {
+      const $Parent = $Child.parentNode;
+      for (let i = 0; i < $Parent.children.length; i++) {
+        if ($Parent.children[i] === $Child) {
+          return i;
+        }
+      }
+      return -1;
+    };
+    handleNotificationClick = (event) => {
+      const $Target = event.target;
+      switch ($Target.className) {
+        case "NotificationOption":
+          const index = findIndex($Target);
+          send(
+            "Notification.handleClick",
+            index
+          );
+          break;
+        default:
+          break;
+      }
+      console.log("notification clicked");
+    };
+    create$NotificationWithOptions = (message, options) => {
+      const $NotificationMessage = document.createElement("p");
+      $NotificationMessage.className = "NotificationMessage";
+      $NotificationMessage.textContent = message;
+      const $NotificationOptions = document.createElement("div");
+      $NotificationOptions.className = "NotificationOptions";
+      for (const option of options) {
+        const $NotificationOption = document.createElement("button");
+        $NotificationOption.className = "NotificationOption";
+        $NotificationOption.textContent = option;
+        $NotificationOptions.append($NotificationOption);
+      }
+      const $Notification = document.createElement("div");
+      $Notification.className = "Notification";
+      $Notification.append($NotificationMessage, $NotificationOptions);
+      $Notification.onclick = handleNotificationClick;
+      return $Notification;
+    };
+    createWithOptions = (type2, message, options) => {
+      const $Notification = create$NotificationWithOptions(message, options);
+      append($Notification);
+    };
+    dispose4 = (id) => {
+    };
+  }
+});
+
+// src/parts/Notification/Notification.ipc.js
+var Notification_ipc_exports = {};
+__export(Notification_ipc_exports, {
+  Commands: () => Commands16
+});
+var Commands16;
+var init_Notification_ipc = __esm({
+  "src/parts/Notification/Notification.ipc.js"() {
+    "use strict";
+    init_Notification();
+    Commands16 = {
+      "Notification.create": create7,
+      "Notification.createWithOptions": createWithOptions,
+      "Notification.dispose": dispose4
+    };
+  }
+});
+
 // src/shared/findIndex.js
-var findIndex;
+var findIndex2;
 var init_findIndex = __esm({
   "src/shared/findIndex.js"() {
     "use strict";
-    findIndex = ($Container, $Target) => {
+    findIndex2 = ($Container, $Target) => {
       while ($Target && $Target.parentNode !== $Container) {
         $Target = $Target.parentNode;
       }
@@ -1504,7 +1590,7 @@ var init_Menu = __esm({
     handleMouseDown = (event) => {
       const $Target = event.target;
       const $Menu = $Target.closest(".Menu");
-      const index = findIndex($Menu, $Target);
+      const index = findIndex2($Menu, $Target);
       if (index === -1) {
         console.log("index is negative one");
         return;
@@ -1523,7 +1609,7 @@ var init_Menu = __esm({
       const x = event.clientX;
       const y = event.clientY;
       const timeStamp = event.timeStamp;
-      const index = findIndex($Menu, $Target);
+      const index = findIndex2($Menu, $Target);
       if (index === -1) {
         return;
       }
@@ -1682,14 +1768,14 @@ var init_Menu = __esm({
 // src/parts/OldMenu/Menu.ipc.js
 var Menu_ipc_exports = {};
 __export(Menu_ipc_exports, {
-  Commands: () => Commands16
+  Commands: () => Commands17
 });
-var Commands16;
+var Commands17;
 var init_Menu_ipc = __esm({
   "src/parts/OldMenu/Menu.ipc.js"() {
     "use strict";
     init_Menu();
-    Commands16 = {
+    Commands17 = {
       "Menu.focusIndex": focusIndex,
       "Menu.hide": hide,
       "Menu.hideSubMenu": hideSubMenu,
@@ -1701,92 +1787,6 @@ var init_Menu_ipc = __esm({
   }
 });
 
-// src/parts/Notification/Notification.js
-var create$Notification, create7, findIndex2, handleNotificationClick, create$NotificationWithOptions, createWithOptions, dispose4;
-var init_Notification = __esm({
-  "src/parts/Notification/Notification.js"() {
-    "use strict";
-    init_Widget();
-    init_RendererWorker();
-    create$Notification = (message) => {
-      const $Notification = document.createElement("div");
-      $Notification.className = "Notification";
-      $Notification.textContent = message;
-      return $Notification;
-    };
-    create7 = (type2, message) => {
-      const $Notification = create$Notification(message);
-      append($Notification);
-    };
-    findIndex2 = ($Child) => {
-      const $Parent = $Child.parentNode;
-      for (let i = 0; i < $Parent.children.length; i++) {
-        if ($Parent.children[i] === $Child) {
-          return i;
-        }
-      }
-      return -1;
-    };
-    handleNotificationClick = (event) => {
-      const $Target = event.target;
-      switch ($Target.className) {
-        case "NotificationOption":
-          const index = findIndex2($Target);
-          send(
-            "Notification.handleClick",
-            index
-          );
-          break;
-        default:
-          break;
-      }
-      console.log("notification clicked");
-    };
-    create$NotificationWithOptions = (message, options) => {
-      const $NotificationMessage = document.createElement("p");
-      $NotificationMessage.className = "NotificationMessage";
-      $NotificationMessage.textContent = message;
-      const $NotificationOptions = document.createElement("div");
-      $NotificationOptions.className = "NotificationOptions";
-      for (const option of options) {
-        const $NotificationOption = document.createElement("button");
-        $NotificationOption.className = "NotificationOption";
-        $NotificationOption.textContent = option;
-        $NotificationOptions.append($NotificationOption);
-      }
-      const $Notification = document.createElement("div");
-      $Notification.className = "Notification";
-      $Notification.append($NotificationMessage, $NotificationOptions);
-      $Notification.onclick = handleNotificationClick;
-      return $Notification;
-    };
-    createWithOptions = (type2, message, options) => {
-      const $Notification = create$NotificationWithOptions(message, options);
-      append($Notification);
-    };
-    dispose4 = (id) => {
-    };
-  }
-});
-
-// src/parts/Notification/Notification.ipc.js
-var Notification_ipc_exports = {};
-__export(Notification_ipc_exports, {
-  Commands: () => Commands17
-});
-var Commands17;
-var init_Notification_ipc = __esm({
-  "src/parts/Notification/Notification.ipc.js"() {
-    "use strict";
-    init_Notification();
-    Commands17 = {
-      "Notification.create": create7,
-      "Notification.createWithOptions": createWithOptions,
-      "Notification.dispose": dispose4
-    };
-  }
-});
-
 // src/parts/Open/Open.js
 var openUrl;
 var init_Open = __esm({
@@ -2124,9 +2124,10 @@ __export(SingleElementConditions_exports, {
   toHaveAttribute: () => toHaveAttribute,
   toHaveClass: () => toHaveClass,
   toHaveCss: () => toHaveCss,
+  toHaveId: () => toHaveId,
   toHaveText: () => toHaveText
 });
-var toBeVisible, toHaveText, toHaveAttribute, toBeFocused, toHaveClass, toHaveCss;
+var toBeVisible, toHaveText, toHaveAttribute, toBeFocused, toHaveClass, toHaveId, toHaveCss;
 var init_SingleElementConditions = __esm({
   "src/parts/TestFrameWork/SingleElementConditions.js"() {
     "use strict";
@@ -2149,6 +2150,9 @@ var init_SingleElementConditions = __esm({
     toHaveClass = (element, { className }) => {
       return element.classList.contains(className);
     };
+    toHaveId = (element, { id }) => {
+      return element.id === id;
+    };
     toHaveCss = (element, { key, value }) => {
       const style = getComputedStyle(element);
       return style[key] === value;
@@ -2185,9 +2189,10 @@ __export(ConditionErrors_exports, {
   toHaveClass: () => toHaveClass2,
   toHaveCount: () => toHaveCount2,
   toHaveCss: () => toHaveCss2,
+  toHaveId: () => toHaveId2,
   toHaveText: () => toHaveText2
 });
-var toBeVisible2, printLocator, toHaveText2, toHaveAttribute2, toHaveCount2, toBeFocused2, toHaveClass2, toBeHidden2, toHaveCss2;
+var toBeVisible2, printLocator, toHaveText2, toHaveAttribute2, toHaveCount2, toBeFocused2, toHaveClass2, toHaveId2, toBeHidden2, toHaveCss2;
 var init_ConditionErrors = __esm({
   "src/parts/TestFrameWork/ConditionErrors.js"() {
     "use strict";
@@ -2240,6 +2245,14 @@ var init_ConditionErrors = __esm({
       }
       return `expected ${locatorString} to have class ${className}`;
     };
+    toHaveId2 = (locator, { id }) => {
+      const [element] = querySelector(locator._selector);
+      const locatorString = printLocator(locator);
+      if (!element) {
+        return `expected ${locatorString} to have id ${id} but element was not found`;
+      }
+      return `expected ${locatorString} to have id ${id}`;
+    };
     toBeHidden2 = (locator) => {
       const locatorString = printLocator(locator);
       return `expected ${locatorString} to be hidden`;
@@ -2436,6 +2449,51 @@ var init_TestFrameWork_ipc = __esm({
   }
 });
 
+// src/parts/ViewletModuleId/ViewletModuleId.js
+var ActivityBar, Clock, DebugConsole, EditorCompletion, EditorImage, EditorPlainText, EditorText, Empty, Explorer, Extensions, ImagePreview2, Implementations, Main, Output, Panel2, Problems, QuickPick, References, RunAndDebug, Search, SideBar, SourceControl, StatusBar, Terminal, TitleBar;
+var init_ViewletModuleId = __esm({
+  "src/parts/ViewletModuleId/ViewletModuleId.js"() {
+    "use strict";
+    ActivityBar = "ActivityBar";
+    Clock = "Clock";
+    DebugConsole = "Debug Console";
+    EditorCompletion = "EditorCompletion";
+    EditorImage = "EditorImage";
+    EditorPlainText = "EditorPlainText";
+    EditorText = "EditorText";
+    Empty = "Empty";
+    Explorer = "Explorer";
+    Extensions = "Extensions";
+    ImagePreview2 = "ImagePreview";
+    Implementations = "Implementations";
+    Main = "Main";
+    Output = "Output";
+    Panel2 = "Panel";
+    Problems = "Problems";
+    QuickPick = "QuickPick";
+    References = "References";
+    RunAndDebug = "Run And Debug";
+    Search = "Search";
+    SideBar = "SideBar";
+    SourceControl = "Source Control";
+    StatusBar = "StatusBar";
+    Terminal = "Terminal";
+    TitleBar = "TitleBar";
+  }
+});
+
+// src/parts/DirentType/DirentType.js
+var File, Directory, DirectoryExpanding, DirectoryExpanded;
+var init_DirentType = __esm({
+  "src/parts/DirentType/DirentType.js"() {
+    "use strict";
+    File = "file";
+    Directory = "directory";
+    DirectoryExpanding = "directory-expanding";
+    DirectoryExpanded = "directory-expanded";
+  }
+});
+
 // src/parts/MouseEventType/MouseEventType.js
 var Keyboard, LeftClick, MiddleClick, RightClick;
 var init_MouseEventType = __esm({
@@ -2459,116 +2517,35 @@ var init_WheelEventType = __esm({
   }
 });
 
-// src/parts/DirentType/DirentType.js
-var File, Directory, DirectoryExpanding, DirectoryExpanded;
-var init_DirentType = __esm({
-  "src/parts/DirentType/DirentType.js"() {
-    "use strict";
-    File = "file";
-    Directory = "directory";
-    DirectoryExpanding = "directory-expanding";
-    DirectoryExpanded = "directory-expanded";
-  }
-});
-
-// src/parts/ViewletExplorer/ViewletExplorer.js
-var ViewletExplorer_exports = {};
-__export(ViewletExplorer_exports, {
-  create: () => create8,
-  dispose: () => dispose5,
-  handleError: () => handleError,
-  hideCreateFileInputBox: () => hideCreateFileInputBox,
-  hideRenameBox: () => hideRenameBox,
-  hoverIndex: () => hoverIndex,
-  name: () => name,
-  setFocusedIndex: () => setFocusedIndex,
-  showCreateFileInputBox: () => showCreateFileInputBox,
-  showRenameInputBox: () => showRenameInputBox,
-  updateDirents: () => updateDirents
-});
-var name, activeId, getAllEntries, handleFocus2, handleBlur2, handleDrop, handleContextMenuMouse, handleContextMenuKeyboard, handleContextMenu2, handleMouseDown2, handleMouseEnter2, handleMouseLeave2, handleWheel, create8, create$Row, render$Row, render$RowsLess, render$RowsEqual, render$RowsMore, render$Rows, handleError, updateDirents, setFocusedIndex, dispose5, hoverIndex, showCreateFileInputBox, hideCreateFileInputBox, showRenameInputBox, hideRenameBox;
-var init_ViewletExplorer = __esm({
-  "src/parts/ViewletExplorer/ViewletExplorer.js"() {
+// src/parts/ViewletExplorer/ViewletExplorerEvents.js
+var handleBlur2, handleDragOver, handleDragStart, handleDrop, handleContextMenuMouse, handleContextMenuKeyboard, handleContextMenu2, handleMouseDown2, handleWheel, handleMouseEnter2, handleMouseLeave2;
+var init_ViewletExplorerEvents = __esm({
+  "src/parts/ViewletExplorer/ViewletExplorerEvents.js"() {
     "use strict";
-    init_Assert();
     init_Focus();
-    init_InputBox();
     init_MouseEventType();
     init_RendererWorker();
     init_WheelEventType();
-    init_DirentType();
-    name = "Explorer";
-    activeId = "TreeItemActive";
-    getAllEntries = async (dataTransfer) => {
-      const topLevelEntries = Array.from(dataTransfer.items).map(
-        (item) => item.webkitGetAsEntry()
-      );
-      const allEntries = await new Promise((resolve2, reject) => {
-        const result = [];
-        let finished = 0;
-        let total = 0;
-        const fileCallback = (file) => {
-          finished++;
-          result.push({
-            type: 1,
-            file
-          });
-          if (finished === total) {
-            resolve2(result);
-          }
-        };
-        const handleEntryFile = (entry) => {
-          entry.file(fileCallback);
-        };
-        const entriesCallback = (childEntries) => {
-          handleEntries(childEntries);
-          finished++;
-          if (finished === total) {
-            resolve2(result);
-          }
-        };
-        const handleEntryDirectory = (entry) => {
-          result.push({
-            type: 2,
-            path: entry.fullPath
-          });
-          const dirReader = entry.createReader();
-          dirReader.readEntries(entriesCallback);
-        };
-        const handleEntries = (entries) => {
-          total += entries.length;
-          for (const entry of entries) {
-            if (entry.isFile) {
-              handleEntryFile(entry);
-            } else if (entry.isDirectory) {
-              handleEntryDirectory(entry);
-            } else {
-            }
-          }
-        };
-        handleEntries(topLevelEntries);
-      });
-      return allEntries;
+    handleBlur2 = (event) => {
+      send("Explorer.handleBlur");
     };
-    handleFocus2 = (event) => {
-      setFocus("Explorer");
-      const $Target = event.target;
-      if ($Target.className === "InputBox") {
-        return;
-      }
+    handleDragOver = (event) => {
+      event.dataTransfer.effectAllowed = "copyMove";
+      event.dataTransfer.dropEffect = "copy";
       event.preventDefault();
-      send("Explorer.focus");
+      const { clientX, clientY } = event;
+      send("Explorer.handleDragOver", clientX, clientY);
     };
-    handleBlur2 = (event) => {
-      send("Explorer.handleBlur");
+    handleDragStart = (event) => {
+      event.dataTransfer.effectAllowed = "copyMove";
+      event.dataTransfer.setData("text/uri-list", "https://example.com/foobar");
     };
-    handleDrop = async (event) => {
+    handleDrop = (event) => {
       event.preventDefault();
-      const allEntries = await getAllEntries(event.dataTransfer);
-      const firstEntry = allEntries[0];
-      if (!firstEntry) {
-        return console.warn("no entries");
-      }
+      event.stopPropagation();
+      const { files, dropEffect } = event.dataTransfer;
+      const { clientX, clientY } = event;
+      send("Explorer.handleDrop", clientX, clientY, files);
     };
     handleContextMenuMouse = (event) => {
       const x = event.clientX;
@@ -2605,10 +2582,6 @@ var init_ViewletExplorer = __esm({
         y
       );
     };
-    handleMouseEnter2 = (event) => {
-    };
-    handleMouseLeave2 = (event) => {
-    };
     handleWheel = (event) => {
       switch (event.deltaMode) {
         case DomDeltaLine:
@@ -2627,8 +2600,42 @@ var init_ViewletExplorer = __esm({
           break;
       }
     };
-    create8 = () => {
-      const $Viewlet = document.createElement("div");
+    handleMouseEnter2 = (event) => {
+    };
+    handleMouseLeave2 = (event) => {
+    };
+  }
+});
+
+// src/parts/ViewletExplorer/ViewletExplorer.js
+var ViewletExplorer_exports = {};
+__export(ViewletExplorer_exports, {
+  create: () => create8,
+  dispose: () => dispose5,
+  handleError: () => handleError,
+  hideCreateFileInputBox: () => hideCreateFileInputBox,
+  hideRenameBox: () => hideRenameBox,
+  hoverIndex: () => hoverIndex,
+  name: () => name,
+  setDropTargets: () => setDropTargets,
+  setFocusedIndex: () => setFocusedIndex,
+  showCreateFileInputBox: () => showCreateFileInputBox,
+  showRenameInputBox: () => showRenameInputBox,
+  updateDirents: () => updateDirents
+});
+var name, activeId, create8, create$Row, render$Row, render$RowsLess, render$RowsEqual, render$RowsMore, render$Rows, handleError, updateDirents, setFocusedIndex, dispose5, hoverIndex, showCreateFileInputBox, hideCreateFileInputBox, showRenameInputBox, hideRenameBox, setDropTargets;
+var init_ViewletExplorer = __esm({
+  "src/parts/ViewletExplorer/ViewletExplorer.js"() {
+    "use strict";
+    init_Assert();
+    init_DirentType();
+    init_Focus();
+    init_InputBox();
+    init_ViewletExplorerEvents();
+    name = "Explorer";
+    activeId = "TreeItemActive";
+    create8 = () => {
+      const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet";
       $Viewlet.tabIndex = 0;
       $Viewlet.dataset.viewletId = "Explorer";
@@ -2636,12 +2643,23 @@ var init_ViewletExplorer = __esm({
       $Viewlet.ariaLabel = "Files Explorer";
       $Viewlet.onmousedown = handleMouseDown2;
       $Viewlet.oncontextmenu = handleContextMenu2;
-      $Viewlet.addEventListener("mouseenter", handleMouseEnter2, { capture: true });
-      $Viewlet.addEventListener("mouseleave", handleMouseLeave2, { capture: true });
-      $Viewlet.addEventListener("wheel", handleWheel, { passive: true });
-      $Viewlet.addEventListener("drop", handleDrop);
-      $Viewlet.addEventListener("focus", handleFocus2);
-      $Viewlet.addEventListener("blur", handleBlur2);
+      $Viewlet.addEventListener(
+        "mouseenter",
+        handleMouseEnter2,
+        { capture: true }
+      );
+      $Viewlet.addEventListener(
+        "mouseleave",
+        handleMouseLeave2,
+        { capture: true }
+      );
+      $Viewlet.addEventListener("wheel", handleWheel, {
+        passive: true
+      });
+      $Viewlet.onblur = handleBlur2;
+      $Viewlet.ondragstart = handleDragStart;
+      $Viewlet.ondragover = handleDragOver;
+      $Viewlet.ondrop = handleDrop;
       return {
         $Viewlet
       };
@@ -2650,6 +2668,7 @@ var init_ViewletExplorer = __esm({
       const $Row = document.createElement("div");
       $Row.role = "treeitem";
       $Row.className = "TreeItem";
+      $Row.draggable = true;
       const $LabelText = document.createTextNode("");
       const $Label = document.createElement("div");
       $Label.className = "TreeItemLabel";
@@ -2745,7 +2764,6 @@ var init_ViewletExplorer = __esm({
         default:
           const $Dirent = $Viewlet.children[oldIndex];
           if ($Dirent) {
-            $Dirent.classList.remove("FocusOutline");
             $Dirent.removeAttribute("id");
           }
           break;
@@ -2759,13 +2777,14 @@ var init_ViewletExplorer = __esm({
           $Viewlet.classList.add("FocusOutline");
           $Viewlet.removeAttribute("aria-activedescendant");
           $Viewlet.focus();
+          setFocus("Explorer");
           break;
         default:
           const $Dirent = $Viewlet.children[newIndex];
-          $Dirent.classList.add("FocusOutline");
           $Dirent.id = activeId;
           $Viewlet.focus();
           $Viewlet.setAttribute("aria-activedescendant", activeId);
+          setFocus("Explorer");
           break;
       }
     };
@@ -2824,6 +2843,23 @@ var init_ViewletExplorer = __esm({
       $InputBox.replaceWith($Dirent);
       return $InputBox.value;
     };
+    setDropTargets = (state14, oldDropTargets, newDropTargets) => {
+      const { $Viewlet } = state14;
+      for (const oldIndex of oldDropTargets) {
+        if (oldIndex === -1) {
+          $Viewlet.classList.remove("DropTarget");
+        } else {
+          $Viewlet.children[oldIndex].classList.remove("DropTarget");
+        }
+      }
+      for (const newIndex of newDropTargets) {
+        if (newIndex === -1) {
+          $Viewlet.classList.add("DropTarget");
+        } else {
+          $Viewlet.children[newIndex].classList.add("DropTarget");
+        }
+      }
+    };
   }
 });
 
@@ -3084,7 +3120,7 @@ __export(ViewletSourceControl_exports, {
   setError: () => setError,
   setInputValue: () => setInputValue
 });
-var name4, getFileName, create$Item, handleFocus3, handleClick2, getPlaceHolderText, create11, dispose8, setChangedFiles, setError, setInputValue, focus4;
+var name4, getFileName, create$Item, handleFocus2, handleClick2, getPlaceHolderText, create11, dispose8, setChangedFiles, setError, setInputValue, focus4;
 var init_ViewletSourceControl = __esm({
   "src/parts/ViewletSourceControl/ViewletSourceControl.js"() {
     "use strict";
@@ -3106,13 +3142,13 @@ var init_ViewletSourceControl = __esm({
       $Item.style.position = "relative";
       return $Item;
     };
-    handleFocus3 = () => {
+    handleFocus2 = () => {
       setFocus("sourceControlInput");
     };
     handleClick2 = (event) => {
       const $Target = event.target;
       const $Parent = $Target.closest(".ViewletTree");
-      const index = findIndex($Parent, $Target);
+      const index = findIndex2($Parent, $Target);
       send(
         2133,
         "Source Control",
@@ -3128,7 +3164,7 @@ var init_ViewletSourceControl = __esm({
     create11 = () => {
       const $ViewSourceControlInput = create3();
       $ViewSourceControlInput.placeholder = getPlaceHolderText();
-      $ViewSourceControlInput.onfocus = handleFocus3;
+      $ViewSourceControlInput.onfocus = handleFocus2;
       $ViewSourceControlInput.ariaLabel = "Source Control Input";
       const $ViewletTree = document.createElement("ul");
       $ViewletTree.className = "ViewletTree";
@@ -4720,7 +4756,7 @@ __export(ViewletTerminal_exports, {
   refresh: () => refresh3,
   write: () => write2
 });
-var globalTerminal, name5, handleInput3, handleFocus4, create13, refresh3, dispose9, focus5, reduceFocus, reduceWrite, reduce, write2, Commands21;
+var globalTerminal, name5, handleInput3, handleFocus3, create13, refresh3, dispose9, focus5, reduceFocus, reduceWrite, reduce, write2, Commands21;
 var init_ViewletTerminal = __esm({
   "src/parts/ViewletTerminal/ViewletTerminal.js"() {
     "use strict";
@@ -4737,7 +4773,7 @@ var init_ViewletTerminal = __esm({
         input
       );
     };
-    handleFocus4 = () => {
+    handleFocus3 = () => {
       setFocus("terminal");
     };
     create13 = (id) => {
@@ -4748,7 +4784,7 @@ var init_ViewletTerminal = __esm({
         $Element: $Viewlet,
         handleInput: handleInput3
       });
-      $Viewlet.addEventListener("focusin", handleFocus4);
+      $Viewlet.addEventListener("focusin", handleFocus3);
       globalTerminal = terminal;
       const state14 = {
         $Viewlet,
@@ -4800,107 +4836,44 @@ var init_ViewletTerminal = __esm({
   }
 });
 
-// src/parts/ViewletExtensions/ViewletExtensions.js
-var ViewletExtensions_exports = {};
-__export(ViewletExtensions_exports, {
-  closeSuggest: () => closeSuggest,
-  create: () => create14,
-  dispose: () => dispose10,
-  focus: () => focus6,
-  handleError: () => handleError2,
-  name: () => name6,
-  openSuggest: () => openSuggest,
-  setContentHeight: () => setContentHeight,
-  setError: () => setError2,
-  setExtensionState: () => setExtensionState,
-  setExtensions: () => setExtensions,
-  setFocusedIndex: () => setFocusedIndex2,
-  setNegativeMargin: () => setNegativeMargin,
-  setScrollBar: () => setScrollBar
-});
-var name6, DEFAULT_ICON_SRC, DEFAULT_ICON_LANGUAGE_BASICS, DEFAULT_ICON_THEME, create$ExtensionSuggestions, getIconSrc, handleIconError, handleWheel2, handleInput4, handleContextMenuMouse3, handleContextMenuKeyboard3, handleContextMenu4, getNodeIndex3, handleClick3, handleFocus5, handleScrollBarMouseDown, handleScrollBarThumbMouseMove, handleScrollBarThumbMouseUp, create14, setFocusedIndex2, focus6, setExtensionState, setError2, render$Extension, create$Extension, render$ExtensionsLess, render$ExtensionsEqual, render$ExtensionsMore, render$Extensions, setNegativeMargin, setExtensions, dispose10, openSuggest, closeSuggest, setContentHeight, handleError2, setScrollBar;
-var init_ViewletExtensions = __esm({
-  "src/parts/ViewletExtensions/ViewletExtensions.js"() {
+// src/parts/ViewletExtensions/ViewletExtensionsEvents.js
+var DEFAULT_ICON_SRC, handleScrollBarThumbMouseMove, handleScrollBarThumbMouseUp, handleScrollBarMouseDown, handleFocus4, getNodeIndex3, handleClick3, handleContextMenuMouse3, handleContextMenuKeyboard3, handleContextMenu4, handleWheel2, handleInput4, handleIconError;
+var init_ViewletExtensionsEvents = __esm({
+  "src/parts/ViewletExtensions/ViewletExtensionsEvents.js"() {
     "use strict";
-    init_findIndex();
-    init_Assert();
     init_Focus();
-    init_InputBox();
     init_MouseEventType();
     init_RendererWorker();
     init_WheelEventType();
-    name6 = "Extensions";
     DEFAULT_ICON_SRC = "/icons/extensionDefaultIcon.png";
-    DEFAULT_ICON_LANGUAGE_BASICS = "/icons/language-icon.svg";
-    DEFAULT_ICON_THEME = "/icons/theme-icon.png";
-    create$ExtensionSuggestions = () => {
-      const $ExtensionSuggestions = document.createElement("div");
-      $ExtensionSuggestions.className = "ExtensionSuggestions";
-      return $ExtensionSuggestions;
-    };
-    getIconSrc = (extension) => {
-      if (extension.icon) {
-        return extension.icon;
-      }
-      if (extension.name && extension.name.startsWith("Language Basics")) {
-        return DEFAULT_ICON_LANGUAGE_BASICS;
-      }
-      if (extension.name && extension.name.endsWith(" Theme")) {
-        return DEFAULT_ICON_THEME;
-      }
-      return DEFAULT_ICON_SRC;
-    };
-    handleIconError = (event) => {
-      const $Target = event.target;
-      if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {
-        return;
-      }
-      $Target.src = DEFAULT_ICON_SRC;
-    };
-    handleWheel2 = (event) => {
-      switch (event.deltaMode) {
-        case DomDeltaLine:
-          send(
-            "Extensions.handleWheel",
-            event.deltaY
-          );
-          break;
-        case DomDeltaPixel:
-          send(
-            "Extensions.handleWheel",
-            event.deltaY
-          );
-          break;
-        default:
-          break;
-      }
-    };
-    handleInput4 = (event) => {
-      const $Target = event.target;
-      const value = $Target.value;
-      send(
-        "Extensions.handleInput",
-        value
-      );
-    };
-    handleContextMenuMouse3 = (event) => {
+    handleScrollBarThumbMouseMove = (event) => {
+      const y = event.clientY;
       send(
-        "Extensions.handleContextMenu",
-        event.clientX,
-        event.clientY
+        "Extensions.handleScrollBarMove",
+        y
       );
     };
-    handleContextMenuKeyboard3 = (event) => {
+    handleScrollBarThumbMouseUp = () => {
+      window.removeEventListener("mousemove", handleScrollBarThumbMouseMove);
+      window.removeEventListener("mouseup", handleScrollBarThumbMouseUp);
     };
-    handleContextMenu4 = (event) => {
-      event.preventDefault();
-      switch (event.button) {
-        case Keyboard:
-          return handleContextMenuKeyboard3(event);
-        default:
-          return handleContextMenuMouse3(event);
+    handleScrollBarMouseDown = (event) => {
+      const $Target = event.target;
+      if ($Target.className === "ScrollBarThumb") {
+        window.addEventListener("mousemove", handleScrollBarThumbMouseMove);
+        window.addEventListener("mouseup", handleScrollBarThumbMouseUp);
+      } else {
+        const y = event.clientY;
+        console.log({ y });
+        send(
+          "Extensions.handleScrollBarClick",
+          y
+        );
       }
     };
+    handleFocus4 = (event) => {
+      setFocus("Extensions");
+    };
     getNodeIndex3 = ($Node) => {
       let index = 0;
       while ($Node = $Node.previousElementSibling) {
@@ -4942,74 +4915,148 @@ var init_ViewletExtensions = __esm({
           break;
       }
     };
-    handleFocus5 = (event) => {
-      const $Target = event.target;
-      $Target.classList.add("FocusOutline");
-      setFocus("Extensions");
+    handleContextMenuMouse3 = (event) => {
+      send(
+        "Extensions.handleContextMenu",
+        event.clientX,
+        event.clientY
+      );
     };
-    handleScrollBarMouseDown = (event) => {
-      const $Target = event.target;
-      if ($Target.className === "ScrollBarThumb") {
-        window.addEventListener("mousemove", handleScrollBarThumbMouseMove);
-        window.addEventListener("mouseup", handleScrollBarThumbMouseUp);
-      } else {
-        const y = event.clientY;
-        console.log({ y });
-        send(
-          "Extensions.handleScrollBarClick",
-          y
-        );
+    handleContextMenuKeyboard3 = (event) => {
+    };
+    handleContextMenu4 = (event) => {
+      event.preventDefault();
+      switch (event.button) {
+        case Keyboard:
+          return handleContextMenuKeyboard3(event);
+        default:
+          return handleContextMenuMouse3(event);
       }
     };
-    handleScrollBarThumbMouseMove = (event) => {
-      const y = event.clientY;
+    handleWheel2 = (event) => {
+      switch (event.deltaMode) {
+        case DomDeltaLine:
+          send(
+            "Extensions.handleWheel",
+            event.deltaY
+          );
+          break;
+        case DomDeltaPixel:
+          send(
+            "Extensions.handleWheel",
+            event.deltaY
+          );
+          break;
+        default:
+          break;
+      }
+    };
+    handleInput4 = (event) => {
+      const $Target = event.target;
+      const value = $Target.value;
       send(
-        "Extensions.handleScrollBarMove",
-        y
+        "Extensions.handleInput",
+        value
       );
     };
-    handleScrollBarThumbMouseUp = () => {
-      window.removeEventListener("mousemove", handleScrollBarThumbMouseMove);
-      window.removeEventListener("mouseup", handleScrollBarThumbMouseUp);
+    handleIconError = (event) => {
+      const $Target = event.target;
+      if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {
+        return;
+      }
+      $Target.src = DEFAULT_ICON_SRC;
     };
-    create14 = () => {
-      const $InputBox = create3();
-      $InputBox.type = "search";
-      $InputBox.placeholder = "Search Extensions in Marketplace";
-      $InputBox.oninput = handleInput4;
-      const $ExtensionHeader = document.createElement("div");
-      $ExtensionHeader.className = "ExtensionHeader";
-      $ExtensionHeader.append($InputBox);
-      const $ExtensionList = document.createElement("div");
-      $ExtensionList.className = "ExtensionList";
-      $ExtensionList.tabIndex = 0;
-      $ExtensionList.ariaLabel = "Extensions";
-      $ExtensionList.role = "list";
-      $ExtensionList.oncontextmenu = handleContextMenu4;
-      $ExtensionList.onclick = handleClick3;
-      $ExtensionList.onfocus = handleFocus5;
-      const $ScrollBarThumb = document.createElement("div");
-      $ScrollBarThumb.className = "ScrollBarThumb";
-      const $ScrollBar = document.createElement("div");
-      $ScrollBar.className = "ScrollBarSmall";
-      $ScrollBar.onmousedown = handleScrollBarMouseDown;
-      $ScrollBar.append($ScrollBarThumb);
-      const $ExtensionListWrapper = document.createElement("div");
-      $ExtensionListWrapper.className = "ExtensionListWrapper";
-      $ExtensionListWrapper.append($ExtensionList, $ScrollBar);
-      const $Viewlet = document.createElement("div");
-      $Viewlet.dataset.viewletId = "Extensions";
-      $Viewlet.className = "Viewlet";
-      $Viewlet.ariaBusy = "true";
-      $Viewlet.ariaLive = "polite";
-      $Viewlet.append($ExtensionHeader, $ExtensionListWrapper);
-      $Viewlet.addEventListener("wheel", handleWheel2, { passive: true });
-      return {
-        $Viewlet,
-        $ExtensionListWrapper,
-        $ExtensionList,
-        $InputBox,
-        $ExtensionSuggestions: void 0,
+  }
+});
+
+// src/parts/ViewletExtensions/ViewletExtensions.js
+var ViewletExtensions_exports = {};
+__export(ViewletExtensions_exports, {
+  closeSuggest: () => closeSuggest,
+  create: () => create14,
+  dispose: () => dispose10,
+  focus: () => focus6,
+  handleError: () => handleError2,
+  name: () => name6,
+  openSuggest: () => openSuggest,
+  setContentHeight: () => setContentHeight,
+  setError: () => setError2,
+  setExtensionState: () => setExtensionState,
+  setExtensions: () => setExtensions,
+  setFocusedIndex: () => setFocusedIndex2,
+  setNegativeMargin: () => setNegativeMargin,
+  setScrollBar: () => setScrollBar
+});
+var name6, activeId2, DEFAULT_ICON_SRC2, DEFAULT_ICON_LANGUAGE_BASICS, DEFAULT_ICON_THEME, create$ExtensionSuggestions, getIconSrc, create14, setFocusedIndex2, focus6, setExtensionState, setError2, render$Extension, create$Extension, render$ExtensionsLess, render$ExtensionsEqual, render$ExtensionsMore, render$Extensions, setNegativeMargin, setExtensions, dispose10, openSuggest, closeSuggest, setContentHeight, handleError2, setScrollBar;
+var init_ViewletExtensions = __esm({
+  "src/parts/ViewletExtensions/ViewletExtensions.js"() {
+    "use strict";
+    init_findIndex();
+    init_Assert();
+    init_InputBox();
+    init_ViewletExtensionsEvents();
+    name6 = "Extensions";
+    activeId2 = "ExtensionActive";
+    DEFAULT_ICON_SRC2 = "/icons/extensionDefaultIcon.png";
+    DEFAULT_ICON_LANGUAGE_BASICS = "/icons/language-icon.svg";
+    DEFAULT_ICON_THEME = "/icons/theme-icon.png";
+    create$ExtensionSuggestions = () => {
+      const $ExtensionSuggestions = document.createElement("div");
+      $ExtensionSuggestions.className = "ExtensionSuggestions";
+      return $ExtensionSuggestions;
+    };
+    getIconSrc = (extension) => {
+      if (extension.icon) {
+        return extension.icon;
+      }
+      if (extension.name && extension.name.startsWith("Language Basics")) {
+        return DEFAULT_ICON_LANGUAGE_BASICS;
+      }
+      if (extension.name && extension.name.endsWith(" Theme")) {
+        return DEFAULT_ICON_THEME;
+      }
+      return DEFAULT_ICON_SRC2;
+    };
+    create14 = () => {
+      const $InputBox = create3();
+      $InputBox.type = "search";
+      $InputBox.placeholder = "Search Extensions in Marketplace";
+      $InputBox.oninput = handleInput4;
+      const $ExtensionHeader = document.createElement("div");
+      $ExtensionHeader.className = "ExtensionHeader";
+      $ExtensionHeader.append($InputBox);
+      const $ExtensionList = document.createElement("div");
+      $ExtensionList.className = "ExtensionList";
+      $ExtensionList.tabIndex = 0;
+      $ExtensionList.ariaLabel = "Extensions";
+      $ExtensionList.role = "list";
+      $ExtensionList.oncontextmenu = handleContextMenu4;
+      $ExtensionList.onclick = handleClick3;
+      $ExtensionList.onfocus = handleFocus4;
+      const $ScrollBarThumb = document.createElement("div");
+      $ScrollBarThumb.className = "ScrollBarThumb";
+      const $ScrollBar = document.createElement("div");
+      $ScrollBar.className = "ScrollBarSmall";
+      $ScrollBar.onmousedown = handleScrollBarMouseDown;
+      $ScrollBar.append($ScrollBarThumb);
+      const $ExtensionListWrapper = document.createElement("div");
+      $ExtensionListWrapper.className = "ExtensionListWrapper";
+      $ExtensionListWrapper.append($ExtensionList, $ScrollBar);
+      const $Viewlet = document.createElement("div");
+      $Viewlet.dataset.viewletId = "Extensions";
+      $Viewlet.className = "Viewlet";
+      $Viewlet.ariaBusy = "true";
+      $Viewlet.ariaLive = "polite";
+      $Viewlet.append($ExtensionHeader, $ExtensionListWrapper);
+      $Viewlet.addEventListener("wheel", handleWheel2, {
+        passive: true
+      });
+      return {
+        $Viewlet,
+        $ExtensionListWrapper,
+        $ExtensionList,
+        $InputBox,
+        $ExtensionSuggestions: void 0,
         $ScrollBarThumb
       };
     };
@@ -5018,20 +5065,17 @@ var init_ViewletExtensions = __esm({
       number(oldFocusedIndex);
       number(newFocusedIndex);
       const { $ExtensionList } = state14;
-      if (oldFocusedIndex !== -1) {
-        console.log($ExtensionList);
-        $ExtensionList.children[oldFocusedIndex].classList.remove("Focused");
+      if (oldFocusedIndex === -1) {
+        $ExtensionList.classList.remove("FocusOutline");
+      } else {
+        $ExtensionList.children[oldFocusedIndex].removeAttribute("id");
       }
       if (newFocusedIndex === -1) {
         $ExtensionList.removeAttribute("aria-activedescendant");
         $ExtensionList.classList.add("FocusOutline");
       } else {
-        $ExtensionList.setAttribute(
-          "aria-activedescendant",
-          $ExtensionList.children[newFocusedIndex].id
-        );
-        $ExtensionList.classList.remove("FocusOutline");
-        $ExtensionList.children[newFocusedIndex].classList.add("Focused");
+        $ExtensionList.children[newFocusedIndex].id = activeId2;
+        $ExtensionList.setAttribute("aria-activedescendant", activeId2);
       }
     };
     focus6 = (state14) => {
@@ -5058,7 +5102,6 @@ var init_ViewletExtensions = __esm({
       const $EXtensionIcon = $Extension.children[0];
       $Extension.ariaPosInSet = extension.posInSet;
       $Extension.ariaSetSize = extension.setSize;
-      $Extension.id = `Extension-${extension.posInSet}`;
       $Extension.dataset.state = extension.state;
       $Extension.dataset.id = extension.id;
       $Extension.style.top = `${extension.top}px`;
@@ -5199,7 +5242,7 @@ var init_ViewletExtensions = __esm({
   }
 });
 
-// src/parts/Viewlet/ViewletDebugConsole.js
+// src/parts/ViewletDebugConsole/ViewletDebugConsole.js
 var ViewletDebugConsole_exports = {};
 __export(ViewletDebugConsole_exports, {
   create: () => create15,
@@ -5210,7 +5253,7 @@ __export(ViewletDebugConsole_exports, {
 });
 var name7, create15, refresh4, focus7, dispose11;
 var init_ViewletDebugConsole = __esm({
-  "src/parts/Viewlet/ViewletDebugConsole.js"() {
+  "src/parts/ViewletDebugConsole/ViewletDebugConsole.js"() {
     "use strict";
     name7 = "Debug Console";
     create15 = () => {
@@ -5394,7 +5437,7 @@ var init_ViewletProblems = __esm({
   }
 });
 
-// src/parts/Viewlet/ViewletEmpty.js
+// src/parts/ViewletEmpty/ViewletEmpty.js
 var ViewletEmpty_exports = {};
 __export(ViewletEmpty_exports, {
   create: () => create18,
@@ -5405,7 +5448,7 @@ __export(ViewletEmpty_exports, {
 });
 var name10, create18, refresh5, focus10, dispose13;
 var init_ViewletEmpty = __esm({
-  "src/parts/Viewlet/ViewletEmpty.js"() {
+  "src/parts/ViewletEmpty/ViewletEmpty.js"() {
     "use strict";
     name10 = "Empty";
     create18 = () => {
@@ -5854,7 +5897,7 @@ __export(Editor_exports, {
   setSettings: () => setSettings,
   setText: () => setText
 });
-var handleContextMenu5, handleFocus6, handleBlur3, handleBeforeInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd, handleCut, handleSelectionMove, handleSelectionDone, getModifier2, handleSingleClick, handleDoubleClick, handleTripleClick, isRightClick, getTextNodeOffset, getTotalOffset, handleMouseDown4, handleMouseMove, handleWheel3, handlePaste, handleScrollBarThumbMouseMove2, handleScrollBarThumbMouseUp2, handleScrollBarThumbMouseDown, handleScrollBarMouseDown2, create19, setText, setSettings, setScrollBar2, renderCursors, renderSelections, renderTextAndCursors, setSelections2, renderTextAndCursorsAndSelections, mount, dispose14, focus11, setLanguageId, renderDiagnostics;
+var handleContextMenu5, handleFocus5, handleBlur3, handleBeforeInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd, handleCut, handleSelectionMove, handleSelectionDone, getModifier2, handleSingleClick, handleDoubleClick, handleTripleClick, isRightClick, getTextNodeOffset, getTotalOffset, handleMouseDown4, handleMouseMove, handleWheel3, handlePaste, handleScrollBarThumbMouseMove2, handleScrollBarThumbMouseUp2, handleScrollBarThumbMouseDown, handleScrollBarMouseDown2, create19, setText, setSettings, setScrollBar2, renderCursors, renderSelections, renderTextAndCursors, setSelections2, renderTextAndCursorsAndSelections, mount, dispose14, focus11, setLanguageId, renderDiagnostics;
 var init_Editor = __esm({
   "src/parts/Editor/Editor.js"() {
     "use strict";
@@ -5882,7 +5925,7 @@ var init_Editor = __esm({
         "editor"
       );
     };
-    handleFocus6 = (event) => {
+    handleFocus5 = (event) => {
       setFocus("EditorText");
     };
     handleBlur3 = (event) => {
@@ -6121,7 +6164,7 @@ var init_Editor = __esm({
       $EditorInput.addEventListener("compositionstart", handleCompositionStart);
       $EditorInput.addEventListener("compositionupdate", handleCompositionUpdate);
       $EditorInput.addEventListener("compositionend", handleCompositionEnd);
-      $EditorInput.onfocus = handleFocus6;
+      $EditorInput.onfocus = handleFocus5;
       $EditorInput.onblur = handleBlur3;
       $EditorInput.oncut = handleCut;
       const $LayerCursor = document.createElement("div");
@@ -6231,7 +6274,7 @@ var init_Editor = __esm({
   }
 });
 
-// src/parts/Viewlet/ViewletEditorText.js
+// src/parts/ViewletEditorText/ViewletEditorText.js
 var ViewletEditorText_exports = {};
 __export(ViewletEditorText_exports, {
   create: () => create20,
@@ -6246,7 +6289,7 @@ __export(ViewletEditorText_exports, {
 });
 var create20, setText2, setSelections3, handleError4, setScrollBar3, highlightAsLink, showOverlayMessage, hideOverlayMessage, focus12;
 var init_ViewletEditorText = __esm({
-  "src/parts/Viewlet/ViewletEditorText.js"() {
+  "src/parts/ViewletEditorText/ViewletEditorText.js"() {
     "use strict";
     init_Editor();
     init_Widget();
@@ -6287,54 +6330,21 @@ var init_ViewletEditorText = __esm({
   }
 });
 
-// src/parts/Viewlet/ViewletEditorPlainText.js
-var ViewletEditorPlainText_exports = {};
-__export(ViewletEditorPlainText_exports, {
+// src/parts/ViewletEditorImage/ViewletEditorImage.js
+var ViewletEditorImage_exports = {};
+__export(ViewletEditorImage_exports, {
   create: () => create21,
   dispose: () => dispose15,
   name: () => name11,
   refresh: () => refresh6
 });
 var name11, create21, dispose15, refresh6;
-var init_ViewletEditorPlainText = __esm({
-  "src/parts/Viewlet/ViewletEditorPlainText.js"() {
-    "use strict";
-    init_Assert();
-    name11 = "EditorPlainText";
-    create21 = () => {
-      const $Viewlet = document.createElement("div");
-      $Viewlet.className = "Viewlet";
-      $Viewlet.dataset.viewletId = "EditorText";
-      $Viewlet.textContent = "loading...";
-      return {
-        $Viewlet
-      };
-    };
-    dispose15 = (state14) => {
-    };
-    refresh6 = (state14, context) => {
-      object(state14);
-      string(context.content);
-      state14.$Viewlet.textContent = context.content;
-    };
-  }
-});
-
-// src/parts/Viewlet/ViewletEditorImage.js
-var ViewletEditorImage_exports = {};
-__export(ViewletEditorImage_exports, {
-  create: () => create22,
-  dispose: () => dispose16,
-  name: () => name12,
-  refresh: () => refresh7
-});
-var name12, create22, dispose16, refresh7;
 var init_ViewletEditorImage = __esm({
-  "src/parts/Viewlet/ViewletEditorImage.js"() {
+  "src/parts/ViewletEditorImage/ViewletEditorImage.js"() {
     "use strict";
     init_Assert();
-    name12 = "EditorImage";
-    create22 = () => {
+    name11 = "EditorImage";
+    create21 = () => {
       const $Image = document.createElement("img");
       $Image.className = "ViewletImage";
       const $Viewlet = document.createElement("div");
@@ -6346,9 +6356,9 @@ var init_ViewletEditorImage = __esm({
         $Image
       };
     };
-    dispose16 = (state14) => {
+    dispose15 = (state14) => {
     };
-    refresh7 = (state14, context) => {
+    refresh6 = (state14, context) => {
       object(state14);
       string(context.src);
       state14.$Image.src = context.src;
@@ -6359,29 +6369,29 @@ var init_ViewletEditorImage = __esm({
 // src/parts/ViewletClock/ViewletClock.js
 var ViewletClock_exports = {};
 __export(ViewletClock_exports, {
-  create: () => create23,
-  dispose: () => dispose17,
-  name: () => name13,
-  refresh: () => refresh8,
+  create: () => create22,
+  dispose: () => dispose16,
+  name: () => name12,
+  refresh: () => refresh7,
   setTime: () => setTime
 });
-var name13, create23, dispose17, refresh8, setTime;
+var name12, create22, dispose16, refresh7, setTime;
 var init_ViewletClock = __esm({
   "src/parts/ViewletClock/ViewletClock.js"() {
     "use strict";
     init_Assert();
-    name13 = "Clock";
-    create23 = () => {
+    name12 = "Clock";
+    create22 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet";
-      $Viewlet.dataset.viewletId = name13;
+      $Viewlet.dataset.viewletId = name12;
       return {
         $Viewlet
       };
     };
-    dispose17 = (state14) => {
+    dispose16 = (state14) => {
     };
-    refresh8 = () => {
+    refresh7 = () => {
     };
     setTime = (state14, time) => {
       object(state14);
@@ -6395,17 +6405,17 @@ var init_ViewletClock = __esm({
 var ViewletSideBar_exports = {};
 __export(ViewletSideBar_exports, {
   appendViewlet: () => appendViewlet,
-  create: () => create24,
-  dispose: () => dispose18,
+  create: () => create23,
+  dispose: () => dispose17,
   focus: () => focus13
 });
-var create24, dispose18, appendViewlet, focus13;
+var create23, dispose17, appendViewlet, focus13;
 var init_ViewletSideBar = __esm({
   "src/parts/ViewletSideBar/ViewletSideBar.js"() {
     "use strict";
     init_Layout();
     init_Assert();
-    create24 = () => {
+    create23 = () => {
       const $SideBarTitleAreaTitle = document.createElement("h2");
       $SideBarTitleAreaTitle.id = "SideBarTitleAreaTitle";
       const $SideBarTitleAreaButtons = document.createElement("div");
@@ -6424,7 +6434,7 @@ var init_ViewletSideBar = __esm({
         $SideBarTitleAreaTitle
       };
     };
-    dispose18 = (state14) => {
+    dispose17 = (state14) => {
       object(state14);
       while (state14.$SideBar.firstChild) {
         state14.$SideBar.firstChild.remove();
@@ -6454,13 +6464,13 @@ var init_ViewletSideBar = __esm({
 var ViewletPanel_exports = {};
 __export(ViewletPanel_exports, {
   appendViewlet: () => appendViewlet2,
-  create: () => create25,
-  dispose: () => dispose19,
+  create: () => create24,
+  dispose: () => dispose18,
   focus: () => focus14,
   setSelectedIndex: () => setSelectedIndex,
   setTabs: () => setTabs
 });
-var create$PanelTab, getNodeIndex4, panelTabsHandleClick, create25, setTabs, appendViewlet2, focus14, dispose19, setSelectedIndex;
+var create$PanelTab, getNodeIndex4, panelTabsHandleClick, create24, setTabs, appendViewlet2, focus14, dispose18, setSelectedIndex;
 var init_ViewletPanel = __esm({
   "src/parts/ViewletPanel/ViewletPanel.js"() {
     "use strict";
@@ -6497,7 +6507,7 @@ var init_ViewletPanel = __esm({
           break;
       }
     };
-    create25 = () => {
+    create24 = () => {
       const $PanelTabs = document.createElement("div");
       $PanelTabs.id = "PanelTabs";
       $PanelTabs.role = "tablist";
@@ -6538,7 +6548,7 @@ var init_ViewletPanel = __esm({
       }
       state14.currentViewlet.factory.focus(state14.currentViewlet.state);
     };
-    dispose19 = (state14) => {
+    dispose18 = (state14) => {
       if (state14.$PanelContent) {
         state14.$PanelContent.remove();
         state14.$PanelContent = void 0;
@@ -6577,65 +6587,14 @@ var init_ActvityBarItemFlags = __esm({
   }
 });
 
-// src/parts/ViewletActivityBar/ViewletActivityBar.js
-var ViewletActivityBar_exports = {};
-__export(ViewletActivityBar_exports, {
-  create: () => create26,
-  dispose: () => dispose20,
-  name: () => name14,
-  selectIndex: () => selectIndex,
-  setBadgeCount: () => setBadgeCount,
-  setFocusedIndex: () => setFocusedIndex4,
-  setItems: () => setItems
-});
-var create$ActivityBarItemIcon, create$ActivityBarItem, get$ItemFromEvent, getNodeIndex5, handleMousedown2, handleContextMenu6, handleBlur4, name14, create26, dispose20, setItems, handleFocusIn, selectIndex, focus$Item, setFocusedIndex4, setBadgeCount;
-var init_ViewletActivityBar = __esm({
-  "src/parts/ViewletActivityBar/ViewletActivityBar.js"() {
+// src/parts/ViewletActivityBar/ViewletActivityBarEvents.js
+var get$ItemFromEvent, getNodeIndex5, handleMousedown2, handleContextMenu6, handleBlur4, handleFocusIn;
+var init_ViewletActivityBarEvents = __esm({
+  "src/parts/ViewletActivityBar/ViewletActivityBarEvents.js"() {
     "use strict";
-    init_Assert();
     init_Focus();
-    init_Layout();
-    init_Platform();
-    init_RendererWorker();
-    init_ActvityBarItemFlags();
     init_MouseEventType();
-    create$ActivityBarItemIcon = (icon) => {
-      const $ActivityBarItemIcon = document.createElement("div");
-      $ActivityBarItemIcon.className = "ActivityBarItemIcon";
-      $ActivityBarItemIcon.style.maskImage = `url(${icon})`;
-      $ActivityBarItemIcon.style.webkitMaskImage = `url(${icon})`;
-      return $ActivityBarItemIcon;
-    };
-    create$ActivityBarItem = (item) => {
-      const assetDir = getAssetDir();
-      const $ActivityBarItemIcon = create$ActivityBarItemIcon(
-        `${assetDir}/${item.icon}`
-      );
-      const $ActivityBarItem = document.createElement("div");
-      $ActivityBarItem.className = "ActivityBarItem";
-      $ActivityBarItem.ariaLabel = "";
-      $ActivityBarItem.title = item.title;
-      $ActivityBarItem.tabIndex = -1;
-      $ActivityBarItem.dataset.viewletId = item.id;
-      if (item.keyShortcuts) {
-        $ActivityBarItem.ariaKeyShortcuts = item.keyShortcuts;
-      }
-      switch (item.flags) {
-        case Tab:
-          $ActivityBarItem.role = "tab";
-          $ActivityBarItem.ariaSelected = "false";
-          break;
-        case Button:
-          $ActivityBarItem.role = "button";
-          $ActivityBarItem.ariaHasPopup = "true";
-          break;
-        default:
-          console.warn(`unknown activity bar item flags ${item.flags}`);
-          break;
-      }
-      $ActivityBarItem.append($ActivityBarItemIcon);
-      return $ActivityBarItem;
-    };
+    init_RendererWorker();
     get$ItemFromEvent = (event) => {
       const $Target = event.target;
       switch ($Target.className) {
@@ -6686,8 +6645,72 @@ var init_ViewletActivityBar = __esm({
     };
     handleBlur4 = () => {
     };
-    name14 = "ActivityBar";
-    create26 = () => {
+    handleFocusIn = () => {
+      setFocus("activityBar");
+    };
+  }
+});
+
+// src/parts/ViewletActivityBar/ViewletActivityBar.js
+var ViewletActivityBar_exports = {};
+__export(ViewletActivityBar_exports, {
+  create: () => create25,
+  dispose: () => dispose19,
+  name: () => name13,
+  selectIndex: () => selectIndex,
+  setBadgeCount: () => setBadgeCount,
+  setFocusedIndex: () => setFocusedIndex4,
+  setItems: () => setItems
+});
+var create$ActivityBarItemIcon, create$ActivityBarItem, name13, create25, dispose19, setItems, selectIndex, focus$Item, setFocusedIndex4, setBadgeCount;
+var init_ViewletActivityBar = __esm({
+  "src/parts/ViewletActivityBar/ViewletActivityBar.js"() {
+    "use strict";
+    init_ActvityBarItemFlags();
+    init_Assert();
+    init_Focus();
+    init_Layout();
+    init_Platform();
+    init_ViewletActivityBarEvents();
+    create$ActivityBarItemIcon = (icon) => {
+      const $ActivityBarItemIcon = document.createElement("div");
+      $ActivityBarItemIcon.className = "ActivityBarItemIcon";
+      $ActivityBarItemIcon.style.maskImage = `url(${icon})`;
+      $ActivityBarItemIcon.style.webkitMaskImage = `url(${icon})`;
+      return $ActivityBarItemIcon;
+    };
+    create$ActivityBarItem = (item) => {
+      const assetDir = getAssetDir();
+      const $ActivityBarItemIcon = create$ActivityBarItemIcon(
+        `${assetDir}/${item.icon}`
+      );
+      const $ActivityBarItem = document.createElement("div");
+      $ActivityBarItem.className = "ActivityBarItem";
+      $ActivityBarItem.ariaLabel = "";
+      $ActivityBarItem.title = item.title;
+      $ActivityBarItem.tabIndex = -1;
+      $ActivityBarItem.dataset.viewletId = item.id;
+      if (item.keyShortcuts) {
+        $ActivityBarItem.ariaKeyShortcuts = item.keyShortcuts;
+      }
+      switch (item.flags) {
+        case Tab:
+          $ActivityBarItem.role = "tab";
+          $ActivityBarItem.ariaSelected = "false";
+          break;
+        case Button:
+          $ActivityBarItem.role = "button";
+          $ActivityBarItem.ariaHasPopup = "true";
+          break;
+        default:
+          console.warn(`unknown activity bar item flags ${item.flags}`);
+          break;
+      }
+      $ActivityBarItem.append($ActivityBarItemIcon);
+      return $ActivityBarItem;
+    };
+    name13 = "ActivityBar";
+    create25 = () => {
       const $ActivityBar = state9.$ActivityBar;
       $ActivityBar.role = "toolbar";
       $ActivityBar.ariaLabel = "Activity Bar";
@@ -6695,12 +6718,15 @@ var init_ViewletActivityBar = __esm({
       $ActivityBar.onmousedown = handleMousedown2;
       $ActivityBar.oncontextmenu = handleContextMenu6;
       $ActivityBar.onblur = handleBlur4;
-      $ActivityBar.addEventListener("focusin", handleFocusIn);
+      $ActivityBar.addEventListener(
+        "focusin",
+        handleFocusIn
+      );
       return {
         $ActivityBar
       };
     };
-    dispose20 = (state14) => {
+    dispose19 = (state14) => {
     };
     setItems = (state14, activityBarItems) => {
       object(state14);
@@ -6711,9 +6737,6 @@ var init_ViewletActivityBar = __esm({
       }
       $ActivityBar.append(...activityBarItems.map(create$ActivityBarItem));
     };
-    handleFocusIn = () => {
-      setFocus("activityBar");
-    };
     selectIndex = (state14, oldIndex, newIndex) => {
       if (oldIndex !== -1) {
         const $OldItem = state14.$ActivityBar.children[oldIndex];
@@ -6759,18 +6782,19 @@ var init_ViewletActivityBar = __esm({
 // src/parts/ViewletQuickPick/ViewletQuickPick.js
 var ViewletQuickPick_exports = {};
 __export(ViewletQuickPick_exports, {
-  create: () => create27,
-  dispose: () => dispose21,
+  create: () => create26,
+  dispose: () => dispose20,
   focus: () => focus15,
   hideStatus: () => hideStatus,
   setCursorOffset: () => setCursorOffset,
   setFocusedIndex: () => setFocusedIndex5,
+  setItemsHeight: () => setItemsHeight,
   setPicks: () => setPicks,
   setValue: () => setValue,
   setVisiblePicks: () => setVisiblePicks,
   showNoResults: () => showNoResults
 });
-var activeId2, getNodeIndex6, getTargetIndex, handleWheel4, handleMouseDown5, handleInput5, handleBlur5, create$QuickPickItem, create$QuickPickDescription, render$QuickPickItemLabel, render$QuickPickItemLess, render$QuickPickItemEqual, render$QuickPickItemMore, render$QuickPickItem, render$QuickPickItemsLess, render$QuickPickItemsEqual, render$QuickPickItemsMore, render$QuickPickItems, setVisiblePicks, setFocusedIndex5, focus15, handleBeforeInput2, create27, setPicks, create$QuickPickStatus, hideStatus, showNoResults, dispose21, setValue, setCursorOffset;
+var activeId3, getNodeIndex6, getTargetIndex, handleWheel4, handleMouseDown5, handleInput5, handleBlur5, create$QuickPickItem, render$QuickPickItemLabel, render$QuickPickItemIcon, render$QuickPickItemEqual, render$QuickPickItem, render$QuickPickItemsLess, render$QuickPickItemsEqual, render$QuickPickItemsMore, render$QuickPickItems, setVisiblePicks, setFocusedIndex5, focus15, handleBeforeInput2, create26, setPicks, create$QuickPickStatus, hideStatus, showNoResults, dispose20, setValue, setCursorOffset, setItemsHeight;
 var init_ViewletQuickPick = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPick.js"() {
     "use strict";
@@ -6779,7 +6803,7 @@ var init_ViewletQuickPick = __esm({
     init_InputBox();
     init_RendererWorker();
     init_WheelEventType();
-    activeId2 = "QuickPickItemActive";
+    activeId3 = "QuickPickItemActive";
     getNodeIndex6 = ($Node) => {
       let index = 0;
       while ($Node = $Node.previousElementSibling) {
@@ -6843,46 +6867,29 @@ var init_ViewletQuickPick = __esm({
       const $QuickPickItemLabel = document.createElement("div");
       $QuickPickItemLabel.className = "QuickPickItemLabel";
       $QuickPickItemLabel.append($QuickPickItemLabelText);
+      const $QuickPickItemIcon = document.createElement("i");
+      $QuickPickItemIcon.className = "Icon";
       const $QuickPickItem = document.createElement("div");
       $QuickPickItem.className = "QuickPickItem";
       $QuickPickItem.role = "option";
-      $QuickPickItem.append($QuickPickItemLabel);
+      $QuickPickItem.append($QuickPickItemIcon, $QuickPickItemLabel);
       return $QuickPickItem;
     };
-    create$QuickPickDescription = () => {
-      const $QuickPickItemDescription = document.createElement("div");
-      $QuickPickItemDescription.className = "QuickPickItemDescription";
-      return $QuickPickItemDescription;
-    };
-    render$QuickPickItemLabel = ($QuickPickItemLabel, quickPickItem) => {
-      $QuickPickItemLabel.firstChild.nodeValue = quickPickItem.label;
+    render$QuickPickItemLabel = ($QuickPickItem, quickPickItem) => {
+      $QuickPickItem.children[1].firstChild.nodeValue = quickPickItem.label;
     };
-    render$QuickPickItemLess = ($QuickPickItem, quickPickItem) => {
-      render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
-      const $QuickPickItemDescription = create$QuickPickDescription();
-      $QuickPickItem.append($QuickPickItemDescription);
+    render$QuickPickItemIcon = ($QuickPickItem, quickPickItem) => {
+      $QuickPickItem.children[0].className = `Icon${quickPickItem.icon}`;
     };
     render$QuickPickItemEqual = ($QuickPickItem, quickPickItem) => {
-      render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
-      if (quickPickItem.description) {
-      }
-    };
-    render$QuickPickItemMore = ($QuickPickItem, quickPickItem) => {
-      render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
-      $QuickPickItem.lastChild.remove();
+      render$QuickPickItemLabel($QuickPickItem, quickPickItem);
+      render$QuickPickItemIcon($QuickPickItem, quickPickItem);
     };
     render$QuickPickItem = ($QuickPickItem, quickPickItem) => {
-      const lengthA = $QuickPickItem.children.length;
-      const lengthB = quickPickItem.description ? 2 : 1;
       $QuickPickItem.ariaPosInSet = `${quickPickItem.posInSet}`;
       $QuickPickItem.ariaSetSize = `${quickPickItem.setSize}`;
-      if (lengthA < lengthB) {
-        render$QuickPickItemLess($QuickPickItem, quickPickItem);
-      } else if (lengthA === lengthB) {
-        render$QuickPickItemEqual($QuickPickItem, quickPickItem);
-      } else {
-        render$QuickPickItemMore($QuickPickItem, quickPickItem);
-      }
+      $QuickPickItem.quickPickItem = quickPickItem;
+      render$QuickPickItemEqual($QuickPickItem, quickPickItem);
     };
     render$QuickPickItemsLess = ($QuickPickItems, quickPickItems) => {
       for (let i = 0; i < $QuickPickItems.children.length; i++) {
@@ -6930,16 +6937,14 @@ var init_ViewletQuickPick = __esm({
       if (oldFocusedIndex >= 0) {
         const $OldItem = $QuickPickItems.children[oldFocusedIndex];
         if ($OldItem) {
-          $OldItem.classList.remove("Focused");
           $OldItem.removeAttribute("id");
         }
       }
       if (newFocusedIndex >= 0) {
         const $NewItem = $QuickPickItems.children[newFocusedIndex];
         if ($NewItem) {
-          $NewItem.classList.add("Focused");
-          $NewItem.id = activeId2;
-          $QuickPickInput.setAttribute("aria-activedescendant", activeId2);
+          $NewItem.id = activeId3;
+          $QuickPickInput.setAttribute("aria-activedescendant", activeId3);
         }
       }
     };
@@ -6963,7 +6968,7 @@ var init_ViewletQuickPick = __esm({
         selectionEnd
       );
     };
-    create27 = () => {
+    create26 = () => {
       const $QuickPickInput = create3();
       $QuickPickInput.setAttribute("aria-controls", "QuickPickItems");
       $QuickPickInput.role = "combobox";
@@ -7015,7 +7020,7 @@ var init_ViewletQuickPick = __esm({
       state14.$QuickPickStatus.textContent = "No Results";
       alert3("No results");
     };
-    dispose21 = (state14) => {
+    dispose20 = (state14) => {
       state14.$QuickPickInput.onblur = null;
     };
     setValue = (state14, value) => {
@@ -7027,17 +7032,21 @@ var init_ViewletQuickPick = __esm({
       $QuickPickInput.selectionStart = cursorOffset;
       $QuickPickInput.selectionEnd = cursorOffset;
     };
+    setItemsHeight = (state14, itemsHeight) => {
+      const { $QuickPickItems } = state14;
+      $QuickPickItems.style.height = `${itemsHeight}px`;
+    };
   }
 });
 
 // src/parts/ViewletStatusBar/ViewletStatusBar.js
 var ViewletStatusBar_exports = {};
 __export(ViewletStatusBar_exports, {
-  create: () => create28,
+  create: () => create27,
   focus: () => focus16,
   setItems: () => setItems2
 });
-var getIconClassName, getMaskImageUrl, create$StatusBarItem, handleClick4, create28, clearNode, setItems2, focus16;
+var getIconClassName, getMaskImageUrl, create$StatusBarItem, handleClick4, create27, clearNode, setItems2, focus16;
 var init_ViewletStatusBar = __esm({
   "src/parts/ViewletStatusBar/ViewletStatusBar.js"() {
     "use strict";
@@ -7098,7 +7107,7 @@ var init_ViewletStatusBar = __esm({
       const command = Number.parseInt($Target.dataset.command, 10);
       send(command);
     };
-    create28 = (statusBarItemsLeft, statusBarItemsRight) => {
+    create27 = (statusBarItemsLeft, statusBarItemsRight) => {
       const $StatusBarItemsLeft = document.createElement("ul");
       $StatusBarItemsLeft.id = "StatusBarItemsLeft";
       const $StatusBarItemsRight = document.createElement("ul");
@@ -7120,30 +7129,166 @@ var init_ViewletStatusBar = __esm({
         node.firstChild.remove();
       }
     };
-    setItems2 = (state14, statusBarItemsLeft, statusBarItemsRight) => {
-      const $StatusBarItemsLeft = state14.$StatusBarItemsLeft;
-      const $StatusBarItemsRight = state14.$StatusBarItemsRight;
-      clearNode($StatusBarItemsLeft);
-      clearNode($StatusBarItemsRight);
-      $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem));
-      $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem));
-    };
-    focus16 = (state14) => {
-      object(state14);
-      state14.$StatusBar.focus();
+    setItems2 = (state14, statusBarItemsLeft, statusBarItemsRight) => {
+      const $StatusBarItemsLeft = state14.$StatusBarItemsLeft;
+      const $StatusBarItemsRight = state14.$StatusBarItemsRight;
+      clearNode($StatusBarItemsLeft);
+      clearNode($StatusBarItemsRight);
+      $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem));
+      $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem));
+    };
+    focus16 = (state14) => {
+      object(state14);
+      state14.$StatusBar.focus();
+    };
+  }
+});
+
+// src/parts/TitleBarMenuBar/TitleBarMenuBarEvents.js
+var isInsideTitleBarMenu, handleFocusOut2, handleKeyDown3, handleMouseEnter3, getNodeIndex7, getIndex2, handleClick5;
+var init_TitleBarMenuBarEvents = __esm({
+  "src/parts/TitleBarMenuBar/TitleBarMenuBarEvents.js"() {
+    "use strict";
+    init_RendererWorker();
+    isInsideTitleBarMenu = ($Element) => {
+      return $Element.classList.contains("MenuItem") || $Element.classList.contains("Menu");
+    };
+    handleFocusOut2 = (event) => {
+      const $ActiveElement = event.relatedTarget;
+      if ($ActiveElement && isInsideTitleBarMenu($ActiveElement)) {
+        console.log("RETURN");
+        return;
+      }
+      send(
+        "TitleBarMenuBar.closeMenu",
+        false
+      );
+    };
+    handleKeyDown3 = (event) => {
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyArrowDown"
+          );
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyArrowUp"
+          );
+          break;
+        case "ArrowRight":
+          console.log("arrow right");
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyArrowRight"
+          );
+          break;
+        case "ArrowLeft":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyArrowLeft"
+          );
+          break;
+        case "Enter":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyEnter"
+          );
+          break;
+        case " ":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeySpace"
+          );
+          break;
+        case "Home":
+        case "PageUp":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyHome"
+          );
+          break;
+        case "End":
+        case "PageDown":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyEnd"
+          );
+          break;
+        case "Escape":
+          event.preventDefault();
+          event.stopPropagation();
+          send(
+            "TitleBarMenu.handleKeyEscape"
+          );
+          break;
+        default:
+          break;
+      }
+    };
+    handleMouseEnter3 = (event) => {
+      const $Target = event.target;
+      const index = getIndex2($Target);
+      if (index === -1) {
+        return;
+      }
+      const enterX = event.clientX;
+      const enterY = event.clientY;
+      send(
+        "TitleBarMenuBar.focusIndex",
+        index,
+        enterX,
+        enterY
+      );
+    };
+    getNodeIndex7 = ($Node) => {
+      let index = 0;
+      while ($Node = $Node.previousElementSibling) {
+        index++;
+      }
+      return index;
+    };
+    getIndex2 = ($Target) => {
+      switch ($Target.className) {
+        case "TitleBarTopLevelEntry":
+          return getNodeIndex7($Target);
+        default:
+          return -1;
+      }
+    };
+    handleClick5 = (event) => {
+      const $Target = event.target;
+      const index = getIndex2($Target);
+      if (index === -1) {
+        return;
+      }
+      send(
+        "TitleBarMenuBar.toggleIndex",
+        index
+      );
     };
   }
 });
 
 // src/parts/TitleBarMenuBar/TitleBarMenuBar.js
-var create$TopLevelEntry, getMenuEntryBounds, getNodeIndex7, getIndex2, handleClick5, focusIndex2, handleMouseEnter3, openMenu, closeMenu, handleKeyDown3, isInsideTitleBarMenu, handleFocusOut2, create29, setEntries;
+var create$TopLevelEntry, getMenuEntryBounds, focusIndex2, openMenu, closeMenu, create28, setEntries;
 var init_TitleBarMenuBar = __esm({
   "src/parts/TitleBarMenuBar/TitleBarMenuBar.js"() {
     "use strict";
+    init_Assert();
     init_Menu();
-    init_RendererWorker();
     init_Widget();
-    init_Assert();
+    init_TitleBarMenuBarEvents();
     create$TopLevelEntry = (item) => {
       const $TitleBarTopLevelEntry = document.createElement("li");
       $TitleBarTopLevelEntry.className = "TitleBarTopLevelEntry";
@@ -7167,32 +7312,6 @@ var init_TitleBarMenuBar = __esm({
         bottom: rect.bottom
       };
     };
-    getNodeIndex7 = ($Node) => {
-      let index = 0;
-      while ($Node = $Node.previousElementSibling) {
-        index++;
-      }
-      return index;
-    };
-    getIndex2 = ($Target) => {
-      switch ($Target.className) {
-        case "TitleBarTopLevelEntry":
-          return getNodeIndex7($Target);
-        default:
-          return -1;
-      }
-    };
-    handleClick5 = (event) => {
-      const $Target = event.target;
-      const index = getIndex2($Target);
-      if (index === -1) {
-        return;
-      }
-      send(
-        "TitleBarMenuBar.toggleIndex",
-        index
-      );
-    };
     focusIndex2 = (state14, unFocusIndex, index) => {
       object(state14);
       number(unFocusIndex);
@@ -7206,21 +7325,6 @@ var init_TitleBarMenuBar = __esm({
       }
       $TitleBarMenu.children[index].focus();
     };
-    handleMouseEnter3 = (event) => {
-      const $Target = event.target;
-      const index = getIndex2($Target);
-      if (index === -1) {
-        return;
-      }
-      const enterX = event.clientX;
-      const enterY = event.clientY;
-      send(
-        "TitleBarMenuBar.focusIndex",
-        index,
-        enterX,
-        enterY
-      );
-    };
     openMenu = (state14, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus21, x, y, width, height) => {
       object(state14);
       number(unFocusIndex);
@@ -7233,9 +7337,13 @@ var init_TitleBarMenuBar = __esm({
       number(y);
       number(width);
       number(height);
-      state14.$TitleBarMenu.addEventListener("mouseenter", handleMouseEnter3, {
-        capture: true
-      });
+      state14.$TitleBarMenu.addEventListener(
+        "mouseenter",
+        handleMouseEnter3,
+        {
+          capture: true
+        }
+      );
       if (unFocusIndex !== -1) {
         state14.$TitleBarMenu.children[unFocusIndex].ariaExpanded = "false";
         state14.$TitleBarMenu.children[unFocusIndex].removeAttribute("aria-owns");
@@ -7270,103 +7378,24 @@ var init_TitleBarMenuBar = __esm({
         state14.$TitleBarMenu.children[index].focus();
       }
       hide(false);
-      state14.$TitleBarMenu.removeEventListener("mouseenter", handleMouseEnter3, {
-        capture: true
-      });
-    };
-    handleKeyDown3 = (event) => {
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyArrowDown"
-          );
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyArrowUp"
-          );
-          break;
-        case "ArrowRight":
-          console.log("arrow right");
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyArrowRight"
-          );
-          break;
-        case "ArrowLeft":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyArrowLeft"
-          );
-          break;
-        case "Enter":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyEnter"
-          );
-          break;
-        case " ":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeySpace"
-          );
-          break;
-        case "Home":
-        case "PageUp":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyHome"
-          );
-          break;
-        case "End":
-        case "PageDown":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyEnd"
-          );
-          break;
-        case "Escape":
-          event.preventDefault();
-          event.stopPropagation();
-          send(
-            "TitleBarMenu.handleKeyEscape"
-          );
-          break;
-        default:
-          break;
-      }
-    };
-    isInsideTitleBarMenu = ($Element) => {
-      return $Element.classList.contains("MenuItem") || $Element.classList.contains("Menu");
-    };
-    handleFocusOut2 = (event) => {
-      const $ActiveElement = event.relatedTarget;
-      if ($ActiveElement && isInsideTitleBarMenu($ActiveElement)) {
-        console.log("RETURN");
-        return;
-      }
-      send(
-        "TitleBarMenuBar.closeMenu",
-        false
+      state14.$TitleBarMenu.removeEventListener(
+        "mouseenter",
+        handleMouseEnter3,
+        {
+          capture: true
+        }
       );
     };
-    create29 = () => {
+    create28 = () => {
       const $TitleBarMenu = document.createElement("ul");
       $TitleBarMenu.id = "TitleBarMenu";
       $TitleBarMenu.role = "menubar";
       $TitleBarMenu.onkeydown = handleKeyDown3;
       $TitleBarMenu.onmousedown = handleClick5;
-      $TitleBarMenu.addEventListener("focusout", handleFocusOut2);
+      $TitleBarMenu.addEventListener(
+        "focusout",
+        handleFocusOut2
+      );
       return $TitleBarMenu;
     };
     setEntries = (state14, titleBarEntries) => {
@@ -7379,8 +7408,8 @@ var init_TitleBarMenuBar = __esm({
 // src/parts/ViewletTitleBar/ViewletTitleBar.js
 var ViewletTitleBar_exports = {};
 __export(ViewletTitleBar_exports, {
-  create: () => create30,
-  dispose: () => dispose22,
+  create: () => create29,
+  dispose: () => dispose21,
   focus: () => focus17,
   menuClose: () => menuClose,
   menuFocusIndex: () => menuFocusIndex,
@@ -7388,15 +7417,15 @@ __export(ViewletTitleBar_exports, {
   menuOpen: () => menuOpen,
   menuSetEntries: () => menuSetEntries
 });
-var create30, dispose22, focus17, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds;
+var create29, dispose21, focus17, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds;
 var init_ViewletTitleBar = __esm({
   "src/parts/ViewletTitleBar/ViewletTitleBar.js"() {
     "use strict";
     init_Layout();
     init_TitleBarMenuBar();
     init_Assert();
-    create30 = () => {
-      const $TitleBarMenu = create29();
+    create29 = () => {
+      const $TitleBarMenu = create28();
       const $TitleBar = state9.$TitleBar;
       $TitleBar.ariaLabel = "Title Bar";
       $TitleBar.role = "contentinfo";
@@ -7406,7 +7435,7 @@ var init_ViewletTitleBar = __esm({
         $TitleBarMenu
       };
     };
-    dispose22 = (state14) => {
+    dispose21 = (state14) => {
     };
     focus17 = (state14) => {
       state14.$TitleBarMenu.firstChild.focus();
@@ -7434,7 +7463,7 @@ var init_EditorHelper = __esm({
 });
 
 // src/parts/EditorTab/EditorTab.js
-var getFileName2, handleEditorTabsContextMenu, handleMouseDown6, create31, create$Tab, render$Tab, addOne;
+var getFileName2, handleEditorTabsContextMenu, handleMouseDown6, create30, create$Tab, render$Tab, addOne;
 var init_EditorTab = __esm({
   "src/parts/EditorTab/EditorTab.js"() {
     "use strict";
@@ -7468,7 +7497,7 @@ var init_EditorTab = __esm({
           break;
       }
     };
-    create31 = () => {
+    create30 = () => {
       const $EditorTabs = document.createElement("ul");
       $EditorTabs.className = "EditorTabs";
       $EditorTabs.oncontextmenu = handleEditorTabsContextMenu;
@@ -7501,7 +7530,7 @@ var init_EditorTab = __esm({
 });
 
 // src/parts/EditorGroup/EditorGroup.js
-var create32, addOne2, replaceOne;
+var create31, addOne2, replaceOne;
 var init_EditorGroup = __esm({
   "src/parts/EditorGroup/EditorGroup.js"() {
     "use strict";
@@ -7510,8 +7539,8 @@ var init_EditorGroup = __esm({
     init_EditorTab();
     init_Layout();
     init_RendererWorker();
-    create32 = () => {
-      const $EditorTabs = create31();
+    create31 = () => {
+      const $EditorTabs = create30();
       const $Editors = document.createElement("div");
       $Editors.className = "Editors";
       state9.$Main.append($EditorTabs, $Editors);
@@ -7546,8 +7575,8 @@ __export(ViewletMain_exports, {
   closeTabsLeft: () => closeTabsLeft,
   closeTabsRight: () => closeTabsRight,
   closeViewletAndTab: () => closeViewletAndTab,
-  create: () => create33,
-  dispose: () => dispose23,
+  create: () => create32,
+  dispose: () => dispose22,
   focus: () => focus18,
   focusAnotherTab: () => focusAnotherTab,
   openAnotherTab: () => openAnotherTab,
@@ -7555,7 +7584,7 @@ __export(ViewletMain_exports, {
   openViewlet: () => openViewlet,
   replaceEditor: () => replaceEditor
 });
-var handleDragOver, handleDrop2, create$MainTabs, create33, dispose23, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus18, getNodeIndex8, getIndex3, handleTabCloseButtonMouseDown, handleTabMouseDown, handleTabsMouseDown, handleTabsContextMenu, openViewlet, create$MainContent, appendViewlet3, openAnotherTab, closeOneTab, closeOneTabOnly, focusAnotherTab, closeOthers, closeTabsRight, closeTabsLeft;
+var handleDragOver2, handleDrop2, create$MainTabs, create32, dispose22, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus18, getNodeIndex8, getIndex3, handleTabCloseButtonMouseDown, handleTabMouseDown, handleTabsMouseDown, handleTabsContextMenu, openViewlet, create$MainContent, appendViewlet3, openAnotherTab, closeOneTab, closeOneTabOnly, focusAnotherTab, closeOthers, closeTabsRight, closeTabsLeft;
 var init_ViewletMain = __esm({
   "src/parts/ViewletMain/ViewletMain.js"() {
     "use strict";
@@ -7564,7 +7593,7 @@ var init_ViewletMain = __esm({
     init_RendererWorker();
     init_Viewlet();
     init_MouseEventType();
-    handleDragOver = (event) => {
+    handleDragOver2 = (event) => {
       event.preventDefault();
       state9.$Main.classList.add("DropTarget");
     };
@@ -7582,10 +7611,10 @@ var init_ViewletMain = __esm({
       $MainTabs.oncontextmenu = handleTabsContextMenu;
       return $MainTabs;
     };
-    create33 = () => {
+    create32 = () => {
       const $Main = state9.$Main;
       $Main.ondrop = handleDrop2;
-      $Main.ondragover = handleDragOver;
+      $Main.ondragover = handleDragOver2;
       return {
         $Viewlet: $Main,
         $Main,
@@ -7593,7 +7622,7 @@ var init_ViewletMain = __esm({
         $MainTabs: void 0
       };
     };
-    dispose23 = (state14) => {
+    dispose22 = (state14) => {
       console.log(state14);
       state14.$MainContent.remove();
       state14.$MainContent = void 0;
@@ -7608,7 +7637,7 @@ var init_ViewletMain = __esm({
     };
     openEditor = async (state14, id, uri, languageId) => {
       console.log("open editor", id, uri, languageId);
-      state14.editorGroup = create32();
+      state14.editorGroup = create31();
       state14.activeEditorState = addOne2(
         state14.editorGroup,
         id,
@@ -7808,24 +7837,24 @@ var init_ViewletMain = __esm({
 // src/parts/ViewletEditorCompletion/ViewletEditorCompletion.js
 var ViewletEditorCompletion_exports = {};
 __export(ViewletEditorCompletion_exports, {
-  create: () => create34,
-  dispose: () => dispose24,
+  create: () => create33,
+  dispose: () => dispose23,
   focusIndex: () => focusIndex3,
   handleError: () => handleError5,
   move: () => move,
-  name: () => name15,
+  name: () => name14,
   setItems: () => setItems3,
   setPosition: () => setPosition2,
   showLoading: () => showLoading
 });
-var name15, getNodeIndex9, getIndex4, handleMousedown3, create$CompletionItem, create34, setPosition2, setItems3, move, dispose24, focusIndex3, showLoading, handleError5;
+var name14, getNodeIndex9, getIndex4, handleMousedown3, create$CompletionItem, create33, setPosition2, setItems3, move, dispose23, focusIndex3, showLoading, handleError5;
 var init_ViewletEditorCompletion = __esm({
   "src/parts/ViewletEditorCompletion/ViewletEditorCompletion.js"() {
     "use strict";
     init_Focus();
     init_RendererWorker();
     init_Widget();
-    name15 = "EditorCompletion";
+    name14 = "EditorCompletion";
     getNodeIndex9 = ($Node) => {
       let index = 0;
       while ($Node = $Node.previousElementSibling) {
@@ -7859,10 +7888,10 @@ var init_ViewletEditorCompletion = __esm({
       $CompletionItem.className = `EditorCompletionItem Icon${item.icon}`;
       return $CompletionItem;
     };
-    create34 = () => {
+    create33 = () => {
       const $Viewlet = document.createElement("ul");
       $Viewlet.className = "Viewlet Completions";
-      $Viewlet.dataset.viewletId = name15;
+      $Viewlet.dataset.viewletId = name14;
       $Viewlet.id = "Completions";
       $Viewlet.role = "listbox";
       $Viewlet.ariaLabel = "Suggest";
@@ -7898,7 +7927,7 @@ var init_ViewletEditorCompletion = __esm({
       const { $Viewlet } = state14;
       $Viewlet.style.transform = `translate(${x}px, ${y}px)`;
     };
-    dispose24 = (state14) => {
+    dispose23 = (state14) => {
       remove(state14.$Viewlet);
       removeAdditionalFocus("editorCompletions");
     };
@@ -7931,7 +7960,7 @@ var init_ViewletEditorCompletion = __esm({
 });
 
 // src/parts/ViewletLocations/ViewletLocations.js
-var getNodeIndex10, handleLocationsMouseDown, create35, create$Location, render$Location, render$Locations, setLocations, setMessage3, setFocusedIndex6, handleError6, focus19;
+var getNodeIndex10, handleLocationsMouseDown, create34, create$Location, render$Location, render$Locations, setLocations, setMessage3, setFocusedIndex6, handleError6, focus19;
 var init_ViewletLocations = __esm({
   "src/parts/ViewletLocations/ViewletLocations.js"() {
     "use strict";
@@ -7963,7 +7992,7 @@ var init_ViewletLocations = __esm({
         );
       }
     };
-    create35 = () => {
+    create34 = () => {
       const $Message = document.createElement("div");
       $Message.className = "LocationsMessage";
       $Message.id = "LocationsMessage";
@@ -8065,113 +8094,156 @@ var init_ViewletLocations = __esm({
 // src/parts/ViewletReferences/ViewletReferences.js
 var ViewletReferences_exports = {};
 __export(ViewletReferences_exports, {
-  create: () => create35,
+  create: () => create34,
   focus: () => focus19,
   handleError: () => handleError6,
-  name: () => name16,
+  name: () => name15,
   setFocusedIndex: () => setFocusedIndex6,
   setLocations: () => setLocations,
   setMessage: () => setMessage3
 });
-var name16;
+var name15;
 var init_ViewletReferences = __esm({
   "src/parts/ViewletReferences/ViewletReferences.js"() {
     "use strict";
     init_ViewletLocations();
-    name16 = "References";
+    name15 = "References";
   }
 });
 
 // src/parts/ViewletImplementations/ViewletImplementations.js
 var ViewletImplementations_exports = {};
 __export(ViewletImplementations_exports, {
-  create: () => create35,
+  create: () => create34,
   focus: () => focus19,
   handleError: () => handleError6,
-  name: () => name17,
+  name: () => name16,
   setFocusedIndex: () => setFocusedIndex6,
   setLocations: () => setLocations,
   setMessage: () => setMessage3
 });
-var name17;
+var name16;
 var init_ViewletImplementations = __esm({
   "src/parts/ViewletImplementations/ViewletImplementations.js"() {
     "use strict";
     init_ViewletLocations();
-    name17 = "Implementations";
+    name16 = "Implementations";
   }
 });
 
-// src/parts/Viewlet/Viewlet.js
-var state11, get2, load, create36, loadModule, invoke, focus20, refresh9, sendMultiple, dispose25, handleError7, appendViewlet4, executeCommands, show;
-var init_Viewlet = __esm({
-  "src/parts/Viewlet/Viewlet.js"() {
+// src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js
+var ViewletEditorPlainText_exports = {};
+__export(ViewletEditorPlainText_exports, {
+  create: () => create35,
+  dispose: () => dispose24,
+  name: () => name17,
+  refresh: () => refresh8
+});
+var name17, create35, dispose24, refresh8;
+var init_ViewletEditorPlainText = __esm({
+  "src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js"() {
     "use strict";
     init_Assert();
-    state11 = {
-      instances: /* @__PURE__ */ Object.create(null),
-      currentSideBarView: void 0,
-      currentPanelView: void 0,
-      modules: /* @__PURE__ */ Object.create(null)
+    name17 = "EditorPlainText";
+    create35 = () => {
+      const $Viewlet = document.createElement("div");
+      $Viewlet.className = "Viewlet";
+      $Viewlet.dataset.viewletId = "EditorText";
+      $Viewlet.textContent = "loading...";
+      return {
+        $Viewlet
+      };
+    };
+    dispose24 = (state14) => {
+    };
+    refresh8 = (state14, context) => {
+      object(state14);
+      string(context.content);
+      state14.$Viewlet.textContent = context.content;
     };
-    get2 = (id) => {
-      switch (id) {
-        case "Explorer":
+  }
+});
+
+// src/parts/ViewletModule/ViewletModule.js
+var load;
+var init_ViewletModule = __esm({
+  "src/parts/ViewletModule/ViewletModule.js"() {
+    "use strict";
+    init_ViewletModuleId();
+    load = (moduleId) => {
+      switch (moduleId) {
+        case Explorer:
           return Promise.resolve().then(() => (init_ViewletExplorer(), ViewletExplorer_exports));
-        case "Run and Debug":
+        case RunAndDebug:
           return Promise.resolve().then(() => (init_ViewletRunAndDebug(), ViewletRunAndDebug_exports));
-        case "Search":
+        case Search:
           return Promise.resolve().then(() => (init_ViewletSearch(), ViewletSearch_exports));
-        case "Source Control":
+        case SourceControl:
           return Promise.resolve().then(() => (init_ViewletSourceControl(), ViewletSourceControl_exports));
-        case "Terminal":
+        case Terminal:
           return Promise.resolve().then(() => (init_ViewletTerminal(), ViewletTerminal_exports));
-        case "Extensions":
+        case Extensions:
           return Promise.resolve().then(() => (init_ViewletExtensions(), ViewletExtensions_exports));
-        case "Debug Console":
+        case DebugConsole:
           return Promise.resolve().then(() => (init_ViewletDebugConsole(), ViewletDebugConsole_exports));
-        case "Output":
+        case Output:
           return Promise.resolve().then(() => (init_ViewletOutput(), ViewletOutput_exports));
-        case "Problems":
+        case Problems:
           return Promise.resolve().then(() => (init_ViewletProblems(), ViewletProblems_exports));
-        case "Empty":
+        case Empty:
           return Promise.resolve().then(() => (init_ViewletEmpty(), ViewletEmpty_exports));
-        case "EditorText":
+        case EditorText:
           return Promise.resolve().then(() => (init_ViewletEditorText(), ViewletEditorText_exports));
-        case "EditorPlainText":
-          return Promise.resolve().then(() => (init_ViewletEditorPlainText(), ViewletEditorPlainText_exports));
-        case "EditorImage":
+        case EditorImage:
           return Promise.resolve().then(() => (init_ViewletEditorImage(), ViewletEditorImage_exports));
-        case "Clock":
+        case Clock:
           return Promise.resolve().then(() => (init_ViewletClock(), ViewletClock_exports));
-        case "SideBar":
+        case SideBar:
           return Promise.resolve().then(() => (init_ViewletSideBar(), ViewletSideBar_exports));
-        case "Panel":
+        case Panel2:
           return Promise.resolve().then(() => (init_ViewletPanel(), ViewletPanel_exports));
-        case "ActivityBar":
+        case ActivityBar:
           return Promise.resolve().then(() => (init_ViewletActivityBar(), ViewletActivityBar_exports));
-        case "ImagePreview":
+        case ImagePreview2:
           return Promise.resolve().then(() => (init_ImagePreview(), ImagePreview_exports));
-        case "QuickPick":
+        case QuickPick:
           return Promise.resolve().then(() => (init_ViewletQuickPick(), ViewletQuickPick_exports));
-        case "StatusBar":
+        case StatusBar:
           return Promise.resolve().then(() => (init_ViewletStatusBar(), ViewletStatusBar_exports));
-        case "TitleBar":
+        case TitleBar:
           return Promise.resolve().then(() => (init_ViewletTitleBar(), ViewletTitleBar_exports));
-        case "Main":
+        case Main:
           return Promise.resolve().then(() => (init_ViewletMain(), ViewletMain_exports));
-        case "EditorCompletion":
+        case EditorCompletion:
           return Promise.resolve().then(() => (init_ViewletEditorCompletion(), ViewletEditorCompletion_exports));
-        case "References":
+        case References:
           return Promise.resolve().then(() => (init_ViewletReferences(), ViewletReferences_exports));
-        case "Implementations":
+        case Implementations:
           return Promise.resolve().then(() => (init_ViewletImplementations(), ViewletImplementations_exports));
+        case EditorPlainText:
+          return Promise.resolve().then(() => (init_ViewletEditorPlainText(), ViewletEditorPlainText_exports));
         default:
-          throw new Error(`unknown viewlet ${id}`);
+          throw new Error("unknown module");
       }
     };
-    load = async (id, ...args) => {
-      const module = await get2(id);
+  }
+});
+
+// src/parts/Viewlet/Viewlet.js
+var state11, load2, create36, loadModule, invoke, focus20, refresh9, sendMultiple, dispose25, handleError7, appendViewlet4, executeCommands, show;
+var init_Viewlet = __esm({
+  "src/parts/Viewlet/Viewlet.js"() {
+    "use strict";
+    init_Assert();
+    init_ViewletModule();
+    state11 = {
+      instances: /* @__PURE__ */ Object.create(null),
+      currentSideBarView: void 0,
+      currentPanelView: void 0,
+      modules: /* @__PURE__ */ Object.create(null)
+    };
+    load2 = async (id, ...args) => {
+      const module = await load(id);
       state11.modules[id] = module;
       state11.instances[id] = {
         state: module.create(...args),
@@ -8186,7 +8258,7 @@ var init_Viewlet = __esm({
       };
     };
     loadModule = async (id) => {
-      const module = await get2(id);
+      const module = await load(id);
       state11.modules[id] = module;
     };
     invoke = (viewletId, method, ...args) => {
@@ -8326,7 +8398,7 @@ var init_Viewlet_ipc = __esm({
       "Viewlet.focus": focus20,
       "Viewlet.handleError": handleError7,
       "Viewlet.invoke": invoke,
-      "Viewlet.load": load,
+      "Viewlet.load": load2,
       "Viewlet.loadModule": loadModule,
       "Viewlet.refresh": refresh9,
       "Viewlet.send": invoke,
@@ -8460,12 +8532,12 @@ var init_Window_ipc = __esm({
 });
 
 // src/parts/Module/Module.js
-var load2;
+var load3;
 var init_Module = __esm({
   "src/parts/Module/Module.js"() {
     "use strict";
     init_ModuleId();
-    load2 = (moduleId) => {
+    load3 = (moduleId) => {
       switch (moduleId) {
         case Audio2:
           return Promise.resolve().then(() => (init_Audio_ipc(), Audio_ipc_exports));
@@ -8499,10 +8571,10 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_Location_ipc(), Location_ipc_exports));
         case Meta:
           return Promise.resolve().then(() => (init_Meta_ipc(), Meta_ipc_exports));
-        case Menu:
-          return Promise.resolve().then(() => (init_Menu_ipc(), Menu_ipc_exports));
         case Notification:
           return Promise.resolve().then(() => (init_Notification_ipc(), Notification_ipc_exports));
+        case Menu:
+          return Promise.resolve().then(() => (init_Menu_ipc(), Menu_ipc_exports));
         case Open:
           return Promise.resolve().then(() => (init_Open_ipc(), Open_ipc_exports));
         case ServiceWorker:
@@ -8516,7 +8588,7 @@ var init_Module = __esm({
         case Window:
           return Promise.resolve().then(() => (init_Window_ipc(), Window_ipc_exports));
         default:
-          throw new Error("unknown module");
+          throw new Error(`module ${moduleId} not found`);
       }
     };
   }
@@ -8682,7 +8754,7 @@ var init_Command = __esm({
     };
     getOrLoadModule = (moduleId) => {
       if (!state12.pendingModules[moduleId]) {
-        const importPromise = load2(moduleId);
+        const importPromise = load3(moduleId);
         state12.pendingModules[moduleId] = importPromise.then(initializeModule).catch((error) => {
           console.error(error);
         });