@lvce-editor/server 0.4.4 → 0.5.0

package/static/{3d96d42 → 4d80653}/packages/renderer-process/dist/rendererProcessMain.js

@@ -4,8 +4,8 @@ var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
 var __export = (target, all) => {
-  for (var name18 in all)
-    __defProp(target, name18, { get: all[name18], enumerable: true });
+  for (var name19 in all)
+    __defProp(target, name19, { get: all[name19], enumerable: true });
 };
 
 // src/parts/Css/Css.js
@@ -60,7 +60,7 @@ var init_Callback = __esm({
 });
 
 // src/parts/ModuleId/ModuleId.js
-var Audio2, ClipBoard, Css, Developer, Dialog, Download, EditorController, EditorError, EditorHover, EditorRename, FindWidget, ImagePreview, InitData, KeyBindings, Layout, Location, Menu, Meta, Notification, Open, Panel, ServiceWorker, TestFrameWork, Viewlet, ViewService, WebStorage, Window, Workbench, Performance;
+var Audio2, ClipBoard, Css, Developer, Dialog, Download, EditorController, EditorError, EditorHover, EditorRename, FindWidget, ImagePreview, InitData, KeyBindings, Layout, Location, Menu, Meta, Notification, Open, Panel, ServiceWorker, TestFrameWork, Viewlet, ViewService, WebStorage, Window, Workbench, Performance, Eval, FilePicker, FileSystemHandle;
 var init_ModuleId = __esm({
   "src/parts/ModuleId/ModuleId.js"() {
     "use strict";
@@ -93,6 +93,9 @@ var init_ModuleId = __esm({
     Window = 29;
     Workbench = 30;
     Performance = 31;
+    Eval = 32;
+    FilePicker = 33;
+    FileSystemHandle = 34;
   }
 });
 
@@ -124,13 +127,6 @@ var init_Audio_ipc = __esm({
   }
 });
 
-// src/parts/VError/VError.js
-var init_VError = __esm({
-  "src/parts/VError/VError.js"() {
-    "use strict";
-  }
-});
-
 // src/parts/Assert/Assert.js
 var getType, object, number, array, string, boolean;
 var init_Assert = __esm({
@@ -196,7 +192,6 @@ var readText, writeText;
 var init_ClipBoard = __esm({
   "src/parts/ClipBoard/ClipBoard.js"() {
     "use strict";
-    init_VError();
     init_Assert();
     readText = async () => {
       return navigator.clipboard.readText();
@@ -475,7 +470,7 @@ var init_Platform = __esm({
     state4 = {
       getAssetDir() {
         if (true) {
-          return "/3d96d42";
+          return "/4d80653";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -528,7 +523,7 @@ var init_Platform = __esm({
     };
     getRendererWorkerUrl = () => {
       const assetDir = getAssetDir();
-      const urlRendererWorker = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`;
+      const urlRendererWorker = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js${location.search}`;
       return urlRendererWorker;
     };
   }
@@ -910,6 +905,95 @@ var init_EditorRename_ipc = __esm({
   }
 });
 
+// src/parts/Eval/Eval.js
+var evalCode;
+var init_Eval = __esm({
+  "src/parts/Eval/Eval.js"() {
+    "use strict";
+    evalCode = (code) => {
+      window.eval(code);
+    };
+  }
+});
+
+// src/parts/Eval/Eval.ipc.js
+var Eval_ipc_exports = {};
+__export(Eval_ipc_exports, {
+  Commands: () => Commands10
+});
+var Commands10;
+var init_Eval_ipc = __esm({
+  "src/parts/Eval/Eval.ipc.js"() {
+    "use strict";
+    init_Eval();
+    Commands10 = {
+      "Eval.evalCode": evalCode
+    };
+  }
+});
+
+// src/parts/FilePicker/FilePicker.js
+var showDirectoryPicker, showFilePicker, showSaveFilePicker;
+var init_FilePicker = __esm({
+  "src/parts/FilePicker/FilePicker.js"() {
+    "use strict";
+    showDirectoryPicker = (options) => {
+      return window.showDirectoryPicker(options);
+    };
+    showFilePicker = (options) => {
+      return window.showFilePicker(options);
+    };
+    showSaveFilePicker = (options) => {
+      return window.showSaveFilePicker(options);
+    };
+  }
+});
+
+// src/parts/FilePicker/FilePicker.ipc.js
+var FilePicker_ipc_exports = {};
+__export(FilePicker_ipc_exports, {
+  Commands: () => Commands11
+});
+var Commands11;
+var init_FilePicker_ipc = __esm({
+  "src/parts/FilePicker/FilePicker.ipc.js"() {
+    "use strict";
+    init_FilePicker();
+    Commands11 = {
+      "FilePicker.showDirectoryPicker": showDirectoryPicker,
+      "FilePicker.showFilePicker": showFilePicker,
+      "FilePicker.showSaveFilePicker": showSaveFilePicker
+    };
+  }
+});
+
+// src/parts/FileSystemHandle/FileSystemHandle.js
+var requestPermission;
+var init_FileSystemHandle = __esm({
+  "src/parts/FileSystemHandle/FileSystemHandle.js"() {
+    "use strict";
+    requestPermission = (handle, options) => {
+      return handle.requestPermission(options);
+    };
+  }
+});
+
+// src/parts/FileSystemHandle/FileSystemHandle.ipc.js
+var FileSystemHandle_ipc_exports = {};
+__export(FileSystemHandle_ipc_exports, {
+  Commands: () => Commands12
+});
+var Commands12;
+var init_FileSystemHandle_ipc = __esm({
+  "src/parts/FileSystemHandle/FileSystemHandle.ipc.js"() {
+    "use strict";
+    init_FileSystemHandle();
+    Commands12 = {
+      "FileSystemHandle.requestPermission": requestPermission
+    };
+  }
+});
+
 // src/parts/FindWidget/FindWidget.js
 var handleInput, handleClose, handleFocus, create5, dispose2, setResults;
 var init_FindWidget = __esm({
@@ -970,14 +1054,14 @@ var init_FindWidget = __esm({
 // src/parts/FindWidget/FindWidget.ipc.js
 var FindWidget_ipc_exports = {};
 __export(FindWidget_ipc_exports, {
-  Commands: () => Commands10
+  Commands: () => Commands13
 });
-var Commands10;
+var Commands13;
 var init_FindWidget_ipc = __esm({
   "src/parts/FindWidget/FindWidget.ipc.js"() {
     "use strict";
     init_FindWidget();
-    Commands10 = {
+    Commands13 = {
       "FindWidget.create": create5,
       "FindWidget.dispose": dispose2,
       "FindWidget.setResults": setResults
@@ -1064,14 +1148,14 @@ var init_ImagePreview = __esm({
 // src/parts/ImagePreview/ImagePreview.ipc.js
 var ImagePreview_ipc_exports = {};
 __export(ImagePreview_ipc_exports, {
-  Commands: () => Commands11
+  Commands: () => Commands14
 });
-var Commands11;
+var Commands14;
 var init_ImagePreview_ipc = __esm({
   "src/parts/ImagePreview/ImagePreview.ipc.js"() {
     "use strict";
     init_ImagePreview();
-    Commands11 = {
+    Commands14 = {
       "ImagePreview.create": create6,
       "ImagePreview.dispose": dispose3,
       "ImagePreview.showError": showError,
@@ -1136,14 +1220,14 @@ var init_InitData = __esm({
 // src/parts/InitData/InitData.ipc.js
 var InitData_ipc_exports = {};
 __export(InitData_ipc_exports, {
-  Commands: () => Commands12
+  Commands: () => Commands15
 });
-var Commands12;
+var Commands15;
 var init_InitData_ipc = __esm({
   "src/parts/InitData/InitData.ipc.js"() {
     "use strict";
     init_InitData();
-    Commands12 = {
+    Commands15 = {
       "InitData.getInitData": getInitData
     };
   }
@@ -1272,14 +1356,14 @@ var init_KeyBindings = __esm({
 // src/parts/KeyBindings/KeyBindings.ipc.js
 var KeyBindings_ipc_exports = {};
 __export(KeyBindings_ipc_exports, {
-  Commands: () => Commands13
+  Commands: () => Commands16
 });
-var Commands13;
+var Commands16;
 var init_KeyBindings_ipc = __esm({
   "src/parts/KeyBindings/KeyBindings.ipc.js"() {
     "use strict";
     init_KeyBindings();
-    Commands13 = {
+    Commands16 = {
       "KeyBindings.hydrate": hydrate2
     };
   }
@@ -1288,14 +1372,14 @@ var init_KeyBindings_ipc = __esm({
 // src/parts/Location/Location.ipc.js
 var Location_ipc_exports = {};
 __export(Location_ipc_exports, {
-  Commands: () => Commands14
+  Commands: () => Commands17
 });
-var Commands14;
+var Commands17;
 var init_Location_ipc = __esm({
   "src/parts/Location/Location.ipc.js"() {
     "use strict";
     init_Location();
-    Commands14 = {
+    Commands17 = {
       "Location.getHref": getHref,
       "Location.getPathName": getPathName,
       "Location.hydrate": hydrate,
@@ -1322,14 +1406,14 @@ var init_Meta = __esm({
 // src/parts/Meta/Meta.ipc.js
 var Meta_ipc_exports = {};
 __export(Meta_ipc_exports, {
-  Commands: () => Commands15
+  Commands: () => Commands18
 });
-var Commands15;
+var Commands18;
 var init_Meta_ipc = __esm({
   "src/parts/Meta/Meta.ipc.js"() {
     "use strict";
     init_Meta();
-    Commands15 = {
+    Commands18 = {
       "Meta.setThemeColor": setThemeColor
     };
   }
@@ -1406,14 +1490,14 @@ var init_Notification = __esm({
 // src/parts/Notification/Notification.ipc.js
 var Notification_ipc_exports = {};
 __export(Notification_ipc_exports, {
-  Commands: () => Commands16
+  Commands: () => Commands19
 });
-var Commands16;
+var Commands19;
 var init_Notification_ipc = __esm({
   "src/parts/Notification/Notification.ipc.js"() {
     "use strict";
     init_Notification();
-    Commands16 = {
+    Commands19 = {
       "Notification.create": create7,
       "Notification.createWithOptions": createWithOptions,
       "Notification.dispose": dispose4
@@ -1758,14 +1842,14 @@ var init_Menu = __esm({
 // src/parts/OldMenu/Menu.ipc.js
 var Menu_ipc_exports = {};
 __export(Menu_ipc_exports, {
-  Commands: () => Commands17
+  Commands: () => Commands20
 });
-var Commands17;
+var Commands20;
 var init_Menu_ipc = __esm({
   "src/parts/OldMenu/Menu.ipc.js"() {
     "use strict";
     init_Menu();
-    Commands17 = {
+    Commands20 = {
       "Menu.focusIndex": focusIndex,
       "Menu.hide": hide,
       "Menu.hideSubMenu": hideSubMenu,
@@ -1791,19 +1875,64 @@ var init_Open = __esm({
 // src/parts/Open/Open.ipc.js
 var Open_ipc_exports = {};
 __export(Open_ipc_exports, {
-  Commands: () => Commands18
+  Commands: () => Commands21
 });
-var Commands18;
+var Commands21;
 var init_Open_ipc = __esm({
   "src/parts/Open/Open.ipc.js"() {
     "use strict";
     init_Open();
-    Commands18 = {
+    Commands21 = {
       "Open.openUrl": openUrl
     };
   }
 });
 
+// src/parts/Performance/Performance.js
+var measureUserAgentSpecificMemory, getMemory;
+var init_Performance = __esm({
+  "src/parts/Performance/Performance.js"() {
+    "use strict";
+    measureUserAgentSpecificMemory = async () => {
+      if (performance && performance.measureUserAgentSpecificMemory) {
+        console.time("mem");
+        const memory = await performance.measureUserAgentSpecificMemory();
+        console.timeEnd("mem");
+        return memory;
+      }
+      return void 0;
+    };
+    getMemory = () => {
+      const memory = performance.memory;
+      if (!memory) {
+        return void 0;
+      }
+      return {
+        jsHeapSizeLimit: memory.jsHeapSizeLimit,
+        totalJSHeapSize: memory.totalJSHeapSize,
+        usedJSHeapSize: memory.usedJSHeapSize
+      };
+    };
+  }
+});
+
+// src/parts/Performance/Performance.ipc.js
+var Performance_ipc_exports = {};
+__export(Performance_ipc_exports, {
+  Commands: () => Commands22
+});
+var Commands22;
+var init_Performance_ipc = __esm({
+  "src/parts/Performance/Performance.ipc.js"() {
+    "use strict";
+    init_Performance();
+    Commands22 = {
+      "Performance.getMemory": getMemory,
+      "Performance.measureUserAgentSpecificMemory": measureUserAgentSpecificMemory
+    };
+  }
+});
+
 // src/parts/ServiceWorker/ServiceWorker.js
 var supportsServiceWorker, handleUpdateFound, handleControllerChange, register, uninstallRegistration, uninstall;
 var init_ServiceWorker = __esm({
@@ -1844,14 +1973,14 @@ var init_ServiceWorker = __esm({
 // src/parts/ServiceWorker/ServiceWorker.ipc.js
 var ServiceWorker_ipc_exports = {};
 __export(ServiceWorker_ipc_exports, {
-  Commands: () => Commands19
+  Commands: () => Commands23
 });
-var Commands19;
+var Commands23;
 var init_ServiceWorker_ipc = __esm({
   "src/parts/ServiceWorker/ServiceWorker.ipc.js"() {
     "use strict";
     init_ServiceWorker();
-    Commands19 = {
+    Commands23 = {
       "ServiceWorker.register": register,
       "ServiceWorker.uninstall": uninstall
     };
@@ -1863,6 +1992,7 @@ var ElementActions_exports = {};
 __export(ElementActions_exports, {
   click: () => click,
   contextMenu: () => contextMenu,
+  dispatchEvent: () => dispatchEvent2,
   hover: () => hover,
   keyDown: () => keyDown,
   keyUp: () => keyUp,
@@ -1872,7 +2002,7 @@ __export(ElementActions_exports, {
   mouseUp: () => mouseUp,
   type: () => type
 });
-var mouseEvent, mouseDown, mouseUp, contextMenu, click, hover, type, keyboardEvent, keyDown, keyUp;
+var mouseEvent, mouseDown, mouseUp, contextMenu, click, hover, type, keyboardEvent, keyDown, keyUp, getEventClass, dispatchEvent2;
 var init_ElementActions = __esm({
   "src/parts/TestFrameWork/ElementActions.js"() {
     "use strict";
@@ -1913,6 +2043,23 @@ var init_ElementActions = __esm({
     keyUp = (element, options) => {
       keyboardEvent(element, "keyup", options);
     };
+    getEventClass = (eventType) => {
+      switch (eventType) {
+        case "wheel":
+          return WheelEvent;
+        case "pointerdown":
+        case "pointerup":
+        case "pointermove":
+          return PointerEvent;
+        default:
+          return Event;
+      }
+    };
+    dispatchEvent2 = (element, options) => {
+      const eventClass = getEventClass(options.type);
+      const event = new eventClass(options.type, options.init);
+      element.dispatchEvent(event);
+    };
   }
 });
 
@@ -2422,14 +2569,14 @@ var init_TestFrameWork = __esm({
 // src/parts/TestFrameWork/TestFrameWork.ipc.js
 var TestFrameWork_ipc_exports = {};
 __export(TestFrameWork_ipc_exports, {
-  Commands: () => Commands20
+  Commands: () => Commands24
 });
-var Commands20;
+var Commands24;
 var init_TestFrameWork_ipc = __esm({
   "src/parts/TestFrameWork/TestFrameWork.ipc.js"() {
     "use strict";
     init_TestFrameWork();
-    Commands20 = {
+    Commands24 = {
       "TestFrameWork.checkMultiElementCondition": checkMultiElementCondition,
       "TestFrameWork.checkSingleElementCondition": checkSingleElementCondition,
       "TestFrameWork.performAction": performAction,
@@ -2440,7 +2587,7 @@ 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 ActivityBar, Clock, DebugConsole, EditorCompletion, EditorImage, EditorPlainText, EditorText, Empty, Explorer, Extensions, ImagePreview2, Implementations, KeyBindings2, Main, Output, Panel2, Problems, QuickPick, References, RunAndDebug, Search, SideBar, SourceControl, StatusBar, Terminal, TitleBar;
 var init_ViewletModuleId = __esm({
   "src/parts/ViewletModuleId/ViewletModuleId.js"() {
     "use strict";
@@ -2456,6 +2603,7 @@ var init_ViewletModuleId = __esm({
     Extensions = "Extensions";
     ImagePreview2 = "ImagePreview";
     Implementations = "Implementations";
+    KeyBindings2 = "KeyBindings";
     Main = "Main";
     Output = "Output";
     Panel2 = "Panel";
@@ -2817,9 +2965,9 @@ var init_ViewletExplorer = __esm({
       $InputBox.remove();
       return $InputBox.value;
     };
-    showRenameInputBox = (state14, index, name18) => {
+    showRenameInputBox = (state14, index, name19) => {
       const $InputBox = create3();
-      $InputBox.value = name18;
+      $InputBox.value = name19;
       const $Dirent = state14.$Viewlet.children[index];
       $Dirent.replaceWith($InputBox);
       $InputBox.select();
@@ -3036,15 +3184,12 @@ var init_ViewletSearch = __esm({
       switch (rowInfo.type) {
         case Directory:
           $Row.ariaExpanded = "false";
-          $Row.className = `TreeItem Icon${rowInfo.icon}`;
           break;
         case DirectoryExpanded:
-          $Row.className = `TreeItem Icon${rowInfo.icon}`;
           $Row.ariaExpanded = "true";
           break;
         case File:
           $Row.ariaExpanded = void 0;
-          $Row.className = `TreeItem Icon${rowInfo.icon}`;
           break;
         default:
           break;
@@ -4425,12 +4570,12 @@ var init_termterm = __esm({
     BUFFER_LINES = 200;
     noop = () => {
     };
-    createTerminal = (root, { handleInput: handleInput6, bell = noop, setWindowTitle = noop }) => {
+    createTerminal = (root, { handleInput: handleInput7, bell = noop, setWindowTitle = noop }) => {
       let focused = false;
       const handleKeyDown4 = (event) => {
         const transformedKey = transformKey(event);
         if (transformedKey) {
-          handleInput6(transformedKey);
+          handleInput7(transformedKey);
         }
       };
       const handleBeforeInput3 = (event) => {
@@ -4439,7 +4584,7 @@ var init_termterm = __esm({
       const blur = () => {
         focused = false;
         cursorStyle = 4;
-        requestAnimationFrame(render);
+        requestAnimationFrame(render3);
       };
       const focus21 = () => {
         if (focused) {
@@ -4448,7 +4593,7 @@ var init_termterm = __esm({
         focused = true;
         cursorStyle = 2;
         textarea.focus();
-        requestAnimationFrame(render);
+        requestAnimationFrame(render3);
       };
       const canvasText = document.createElement("canvas");
       canvasText.className = "TerminalCanvasText";
@@ -4683,7 +4828,7 @@ var init_termterm = __esm({
       const drawLines = createDrawLines(canvasText, lines, BUFFER_LINES, offsets, attributes, ROWS, COLS);
       const drawCursor = createDrawCursor(canvasCursor);
       let scheduled = false;
-      const render = () => {
+      const render3 = () => {
         drawLines(dirty.start, dirty.end + 1, bufferYEnd);
         const y = ROWS + cursorYRelative;
         const x = COLS + cursorXRelative;
@@ -4695,7 +4840,7 @@ var init_termterm = __esm({
         parse(array2, callbackFns);
         if (!scheduled) {
           scheduled = true;
-          requestAnimationFrame(render);
+          requestAnimationFrame(render3);
         }
       };
       const pasteText = (text) => {
@@ -4720,9 +4865,9 @@ var init_Terminal = __esm({
   "src/parts/Terminal/Terminal.js"() {
     "use strict";
     init_termterm();
-    create12 = ({ $Element, handleInput: handleInput6 }) => {
+    create12 = ({ $Element, handleInput: handleInput7 }) => {
       const state14 = {
-        terminal: createTerminal($Element, { handleInput: handleInput6 })
+        terminal: createTerminal($Element, { handleInput: handleInput7 })
       };
       return state14;
     };
@@ -4735,7 +4880,7 @@ var init_Terminal = __esm({
 // src/parts/ViewletTerminal/ViewletTerminal.js
 var ViewletTerminal_exports = {};
 __export(ViewletTerminal_exports, {
-  Commands: () => Commands21,
+  Commands: () => Commands25,
   create: () => create13,
   dispose: () => dispose9,
   focus: () => focus5,
@@ -4746,7 +4891,7 @@ __export(ViewletTerminal_exports, {
   refresh: () => refresh3,
   write: () => write2
 });
-var globalTerminal, name5, handleInput3, handleFocus3, create13, refresh3, dispose9, focus5, reduceFocus, reduceWrite, reduce, write2, Commands21;
+var globalTerminal, name5, handleInput3, handleFocus3, create13, refresh3, dispose9, focus5, reduceFocus, reduceWrite, reduce, write2, Commands25;
 var init_ViewletTerminal = __esm({
   "src/parts/ViewletTerminal/ViewletTerminal.js"() {
     "use strict";
@@ -4820,7 +4965,7 @@ var init_ViewletTerminal = __esm({
       }
       write(globalTerminal, data);
     };
-    Commands21 = {
+    Commands25 = {
       9922: write2
     };
   }
@@ -6320,38 +6465,116 @@ var init_ViewletEditorText = __esm({
   }
 });
 
+// src/parts/ViewletEditorImage/ViewletEditorImageEvents.js
+var handlePointerMove, handlePointerUp, handlePointerDown, handleWheel4, handleContextMenu6;
+var init_ViewletEditorImageEvents = __esm({
+  "src/parts/ViewletEditorImage/ViewletEditorImageEvents.js"() {
+    "use strict";
+    init_RendererWorker();
+    handlePointerMove = (event) => {
+      const { pointerId, clientX, clientY } = event;
+      send(
+        "EditorImage.handlePointerMove",
+        pointerId,
+        clientX,
+        clientY
+      );
+    };
+    handlePointerUp = (event) => {
+      const { pointerId, clientX, clientY, target } = event;
+      target.releasePointerCapture(pointerId);
+      send(
+        "EditorImage.handlePointerUp",
+        pointerId,
+        clientX,
+        clientY
+      );
+    };
+    handlePointerDown = (event) => {
+      const { pointerId, clientX, clientY, target, button } = event;
+      console.log({ button });
+      target.setPointerCapture(pointerId);
+      send(
+        "EditorImage.handlePointerDown",
+        pointerId,
+        clientX,
+        clientY
+      );
+    };
+    handleWheel4 = (event) => {
+      const { clientX, clientY, deltaX, deltaY } = event;
+      send(
+        "EditorImage.handleWheel",
+        clientX,
+        clientY,
+        deltaX,
+        deltaY
+      );
+    };
+    handleContextMenu6 = (event) => {
+      event.preventDefault();
+    };
+  }
+});
+
 // src/parts/ViewletEditorImage/ViewletEditorImage.js
 var ViewletEditorImage_exports = {};
 __export(ViewletEditorImage_exports, {
   create: () => create21,
   dispose: () => dispose15,
   name: () => name11,
-  refresh: () => refresh6
+  setDragging: () => setDragging,
+  setSrc: () => setSrc,
+  setTransform: () => setTransform
 });
-var name11, create21, dispose15, refresh6;
+var name11, create21, setTransform, setSrc, setDragging, dispose15;
 var init_ViewletEditorImage = __esm({
   "src/parts/ViewletEditorImage/ViewletEditorImage.js"() {
     "use strict";
-    init_Assert();
+    init_ViewletEditorImageEvents();
     name11 = "EditorImage";
     create21 = () => {
       const $Image = document.createElement("img");
       $Image.className = "ViewletImage";
+      $Image.draggable = false;
+      const $ImageWrapper = document.createElement("div");
+      $ImageWrapper.className = "ImageWrapper";
+      $ImageWrapper.append($Image);
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet";
       $Viewlet.dataset.viewletId = "EditorImage";
-      $Viewlet.append($Image);
+      $Viewlet.append($ImageWrapper);
+      $Viewlet.onpointerdown = handlePointerDown;
+      $Viewlet.onpointerup = handlePointerUp;
+      $Viewlet.addEventListener(
+        "pointermove",
+        handlePointerMove,
+        { passive: true }
+      );
+      $Viewlet.oncontextmenu = handleContextMenu6;
+      $Viewlet.addEventListener("wheel", handleWheel4, {
+        passive: true
+      });
       return {
         $Viewlet,
-        $Image
+        $Image,
+        $ImageWrapper
       };
     };
-    dispose15 = (state14) => {
+    setTransform = (state14, transform) => {
+      const { $ImageWrapper } = state14;
+      $ImageWrapper.style.transform = transform;
     };
-    refresh6 = (state14, context) => {
-      object(state14);
-      string(context.src);
-      state14.$Image.src = context.src;
+    setSrc = (state14, src) => {
+      const { $Image } = state14;
+      $Image.src = src;
+    };
+    setDragging = (state14, isDragging) => {
+      console.log("set dragging", isDragging);
+      const { $Viewlet } = state14;
+      $Viewlet.classList.toggle("Dragging", isDragging);
+    };
+    dispose15 = (state14) => {
     };
   }
 });
@@ -6362,10 +6585,10 @@ __export(ViewletClock_exports, {
   create: () => create22,
   dispose: () => dispose16,
   name: () => name12,
-  refresh: () => refresh7,
+  refresh: () => refresh6,
   setTime: () => setTime
 });
-var name12, create22, dispose16, refresh7, setTime;
+var name12, create22, dispose16, refresh6, setTime;
 var init_ViewletClock = __esm({
   "src/parts/ViewletClock/ViewletClock.js"() {
     "use strict";
@@ -6381,7 +6604,7 @@ var init_ViewletClock = __esm({
     };
     dispose16 = (state14) => {
     };
-    refresh7 = () => {
+    refresh6 = () => {
     };
     setTime = (state14, time) => {
       object(state14);
@@ -6426,16 +6649,14 @@ var init_ViewletSideBar = __esm({
     };
     dispose17 = (state14) => {
       object(state14);
-      while (state14.$SideBar.firstChild) {
-        state14.$SideBar.firstChild.remove();
-      }
+      state14.$SideBar.replaceChildren();
     };
-    appendViewlet = (state14, name18, $Viewlet) => {
+    appendViewlet = (state14, name19, $Viewlet) => {
       object(state14);
-      string(name18);
+      string(name19);
       const $SideBarTitleAreaTitle = state14.$SideBarTitleAreaTitle;
-      $SideBarTitleAreaTitle.title = name18;
-      $SideBarTitleAreaTitle.textContent = name18;
+      $SideBarTitleAreaTitle.title = name19;
+      $SideBarTitleAreaTitle.textContent = name19;
       $Viewlet.id = "SideBarContent";
       if (state14.$SideBarContent) {
         state14.$SideBarContent.replaceWith($Viewlet);
@@ -6519,9 +6740,9 @@ var init_ViewletPanel = __esm({
     setTabs = (state14, tabs) => {
       state14.$PanelTabs.append(...tabs.map(create$PanelTab));
     };
-    appendViewlet2 = (state14, name18, $Viewlet) => {
+    appendViewlet2 = (state14, name19, $Viewlet) => {
       object(state14);
-      string(name18);
+      string(name19);
       object($Viewlet);
       $Viewlet.id = "PanelContent";
       if (state14.$PanelContent) {
@@ -6578,7 +6799,7 @@ var init_ActvityBarItemFlags = __esm({
 });
 
 // src/parts/ViewletActivityBar/ViewletActivityBarEvents.js
-var get$ItemFromEvent, getNodeIndex5, handleMousedown2, handleContextMenu6, handleBlur4, handleFocusIn;
+var get$ItemFromEvent, getNodeIndex5, handleMousedown2, handleContextMenu7, handleBlur4, handleFocusIn;
 var init_ViewletActivityBarEvents = __esm({
   "src/parts/ViewletActivityBar/ViewletActivityBarEvents.js"() {
     "use strict";
@@ -6623,7 +6844,7 @@ var init_ViewletActivityBarEvents = __esm({
         y
       );
     };
-    handleContextMenu6 = (event) => {
+    handleContextMenu7 = (event) => {
       event.preventDefault();
       const x = event.clientX;
       const y = event.clientY;
@@ -6706,7 +6927,7 @@ var init_ViewletActivityBar = __esm({
       $ActivityBar.ariaLabel = "Activity Bar";
       $ActivityBar.ariaOrientation = "vertical";
       $ActivityBar.onmousedown = handleMousedown2;
-      $ActivityBar.oncontextmenu = handleContextMenu6;
+      $ActivityBar.oncontextmenu = handleContextMenu7;
       $ActivityBar.onblur = handleBlur4;
       $ActivityBar.addEventListener(
         "focusin",
@@ -6722,10 +6943,7 @@ var init_ViewletActivityBar = __esm({
       object(state14);
       array(activityBarItems);
       const $ActivityBar = state14.$ActivityBar;
-      while ($ActivityBar.firstChild) {
-        $ActivityBar.firstChild.remove();
-      }
-      $ActivityBar.append(...activityBarItems.map(create$ActivityBarItem));
+      $ActivityBar.replaceChildren(...activityBarItems.map(create$ActivityBarItem));
     };
     selectIndex = (state14, oldIndex, newIndex) => {
       if (oldIndex !== -1) {
@@ -6784,7 +7002,7 @@ __export(ViewletQuickPick_exports, {
   setVisiblePicks: () => setVisiblePicks,
   showNoResults: () => showNoResults
 });
-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 activeId3, getNodeIndex6, getTargetIndex, handleWheel5, 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";
@@ -6812,7 +7030,7 @@ var init_ViewletQuickPick = __esm({
           return -1;
       }
     };
-    handleWheel4 = (event) => {
+    handleWheel5 = (event) => {
       switch (event.deltaMode) {
         case DomDeltaLine:
           send(
@@ -6975,7 +7193,7 @@ var init_ViewletQuickPick = __esm({
       $QuickPickItems.id = "QuickPickItems";
       $QuickPickItems.role = "listbox";
       $QuickPickItems.onmousedown = handleMouseDown5;
-      $QuickPickItems.addEventListener("wheel", handleWheel4, { passive: true });
+      $QuickPickItems.addEventListener("wheel", handleWheel5, { passive: true });
       $QuickPickItems.ariaRoleDescription = "Quick Input";
       const $QuickPick = document.createElement("div");
       $QuickPick.id = "QuickPick";
@@ -7140,6 +7358,7 @@ var init_TitleBarMenuBarEvents = __esm({
   "src/parts/TitleBarMenuBar/TitleBarMenuBarEvents.js"() {
     "use strict";
     init_RendererWorker();
+    init_MouseEventType();
     isInsideTitleBarMenu = ($Element) => {
       return $Element.classList.contains("MenuItem") || $Element.classList.contains("Menu");
     };
@@ -7160,14 +7379,14 @@ var init_TitleBarMenuBarEvents = __esm({
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyArrowDown"
+            "TitleBarMenuBar.handleKeyArrowDown"
           );
           break;
         case "ArrowUp":
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyArrowUp"
+            "TitleBarMenuBar.handleKeyArrowUp"
           );
           break;
         case "ArrowRight":
@@ -7175,28 +7394,28 @@ var init_TitleBarMenuBarEvents = __esm({
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyArrowRight"
+            "TitleBarMenuBar.handleKeyArrowRight"
           );
           break;
         case "ArrowLeft":
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyArrowLeft"
+            "TitleBarMenuBar.handleKeyArrowLeft"
           );
           break;
         case "Enter":
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyEnter"
+            "TitleBarMenuBar.handleKeyEnter"
           );
           break;
         case " ":
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeySpace"
+            "TitleBarMenuBar.handleKeySpace"
           );
           break;
         case "Home":
@@ -7204,7 +7423,7 @@ var init_TitleBarMenuBarEvents = __esm({
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyHome"
+            "TitleBarMenuBar.handleKeyHome"
           );
           break;
         case "End":
@@ -7212,14 +7431,14 @@ var init_TitleBarMenuBarEvents = __esm({
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyEnd"
+            "TitleBarMenuBar.handleKeyEnd"
           );
           break;
         case "Escape":
           event.preventDefault();
           event.stopPropagation();
           send(
-            "TitleBarMenu.handleKeyEscape"
+            "TitleBarMenuBar.handleKeyEscape"
           );
           break;
         default:
@@ -7257,6 +7476,9 @@ var init_TitleBarMenuBarEvents = __esm({
       }
     };
     handleClick5 = (event) => {
+      if (event.button !== LeftClick) {
+        return;
+      }
       const $Target = event.target;
       const index = getIndex2($Target);
       if (index === -1) {
@@ -7302,18 +7524,18 @@ var init_TitleBarMenuBar = __esm({
         bottom: rect.bottom
       };
     };
-    focusIndex2 = (state14, unFocusIndex, index) => {
+    focusIndex2 = (state14, unFocusIndex, focusIndex4) => {
       object(state14);
       number(unFocusIndex);
-      number(focusIndex2);
-      console.log("FOCUS ONE");
-      console.log({ unFocusIndex, index });
+      number(focusIndex4);
       const $TitleBarMenu = state14.$TitleBarMenu;
       if (unFocusIndex !== -1) {
         $TitleBarMenu.children[unFocusIndex].ariaExpanded = "false";
         $TitleBarMenu.children[unFocusIndex].removeAttribute("aria-owns");
       }
-      $TitleBarMenu.children[index].focus();
+      if (focusIndex4 !== -1) {
+        $TitleBarMenu.children[focusIndex4].focus();
+      }
     };
     openMenu = (state14, unFocusIndex, index, level, menuItems, menuFocusedIndex, focus21, x, y, width, height) => {
       object(state14);
@@ -7405,15 +7627,17 @@ __export(ViewletTitleBar_exports, {
   menuFocusIndex: () => menuFocusIndex,
   menuGetEntryBounds: () => menuGetEntryBounds,
   menuOpen: () => menuOpen,
-  menuSetEntries: () => menuSetEntries
+  menuSetEntries: () => menuSetEntries,
+  setButtons: () => setButtons
 });
-var create29, dispose21, focus17, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds;
+var create29, dispose21, focus17, menuSetEntries, menuFocusIndex, menuOpen, menuClose, menuGetEntryBounds, handleTitleBarButtonsClick, setButtons;
 var init_ViewletTitleBar = __esm({
   "src/parts/ViewletTitleBar/ViewletTitleBar.js"() {
     "use strict";
     init_Layout();
     init_TitleBarMenuBar();
     init_Assert();
+    init_RendererWorker();
     create29 = () => {
       const $TitleBarMenu = create28();
       const $TitleBar = state9.$TitleBar;
@@ -7435,6 +7659,29 @@ var init_ViewletTitleBar = __esm({
     menuOpen = openMenu;
     menuClose = closeMenu;
     menuGetEntryBounds = getMenuEntryBounds;
+    handleTitleBarButtonsClick = (event) => {
+      const { clientX, clientY } = event;
+      send("TitleBar.handleTitleBarButtonsClick", clientX, clientY);
+    };
+    setButtons = (state14, buttons) => {
+      const { $TitleBar } = state14;
+      if (buttons.length > 0) {
+        const $TitleBarButtons = document.createElement("div");
+        $TitleBarButtons.id = "TitleBarButtons";
+        for (const button of buttons) {
+          const $Icon = document.createElement("i");
+          $Icon.className = `MaskIcon${button.icon}`;
+          const $TitleBarButton = document.createElement("button");
+          $TitleBarButton.className = "TitleBarButton";
+          $TitleBarButton.id = `TitleBarButton${button.id}`;
+          $TitleBarButton.ariaLabel = button.label;
+          $TitleBarButton.append($Icon);
+          $TitleBarButtons.append($TitleBarButton);
+        }
+        $TitleBarButtons.onmousedown = handleTitleBarButtonsClick;
+        $TitleBar.append($TitleBarButtons);
+      }
+    };
   }
 });
 
@@ -7698,7 +7945,6 @@ var init_ViewletMain = __esm({
     handleTabsMouseDown = (event) => {
       const $Target = event.target;
       const index = getIndex3($Target);
-      console.log({ index });
       if (index === -1) {
         return;
       }
@@ -7730,7 +7976,7 @@ var init_ViewletMain = __esm({
         y
       );
     };
-    openViewlet = (state14, id, tabLabel, tabTitle, oldActiveIndex) => {
+    openViewlet = (state14, tabLabel, tabTitle, oldActiveIndex) => {
       const $Tab = document.createElement("div");
       $Tab.className = "MainTab";
       $Tab.textContent = tabLabel;
@@ -7743,7 +7989,10 @@ var init_ViewletMain = __esm({
       $TabCloseButton.title = "";
       $Tab.append($TabCloseButton);
       if (oldActiveIndex !== -1 && state14.$MainTabs) {
-        state14.$MainTabs.children[oldActiveIndex].ariaSelected = "false";
+        const $OldTab = state14.$MainTabs.children[oldActiveIndex];
+        if ($OldTab) {
+          $OldTab.ariaSelected = "false";
+        }
       }
       if (!state14.$MainTabs) {
         state14.$MainTabs = create$MainTabs();
@@ -7897,9 +8146,6 @@ var init_ViewletEditorCompletion = __esm({
     setItems3 = (state14, items, reason, focusedIndex) => {
       console.log("COMPLETION SHOW", items);
       const { $Viewlet } = state14;
-      while ($Viewlet.firstChild) {
-        $Viewlet.firstChild.remove();
-      }
       setAdditionalFocus("editorCompletions");
       if (items.length === 0) {
         if (reason === 0) {
@@ -7909,7 +8155,7 @@ var init_ViewletEditorCompletion = __esm({
         append($Viewlet);
         return;
       }
-      $Viewlet.append(...items.map(create$CompletionItem));
+      $Viewlet.replaceChildren(...items.map(create$CompletionItem));
       append($Viewlet);
       focusIndex3(state14, 0, 0);
     };
@@ -8127,9 +8373,9 @@ __export(ViewletEditorPlainText_exports, {
   create: () => create35,
   dispose: () => dispose24,
   name: () => name17,
-  refresh: () => refresh8
+  refresh: () => refresh7
 });
-var name17, create35, dispose24, refresh8;
+var name17, create35, dispose24, refresh7;
 var init_ViewletEditorPlainText = __esm({
   "src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js"() {
     "use strict";
@@ -8146,7 +8392,7 @@ var init_ViewletEditorPlainText = __esm({
     };
     dispose24 = (state14) => {
     };
-    refresh8 = (state14, context) => {
+    refresh7 = (state14, context) => {
       object(state14);
       string(context.content);
       state14.$Viewlet.textContent = context.content;
@@ -8154,6 +8400,221 @@ var init_ViewletEditorPlainText = __esm({
   }
 });
 
+// src/parts/ViewletKeyBindings/ViewletKeyBindingsEvents.js
+var handleInput6, handleWheel6;
+var init_ViewletKeyBindingsEvents = __esm({
+  "src/parts/ViewletKeyBindings/ViewletKeyBindingsEvents.js"() {
+    "use strict";
+    init_RendererWorker();
+    init_WheelEventType();
+    handleInput6 = (event) => {
+      const $Target = event.target;
+      const value = $Target.value;
+      send("KeyBindings.handleInput", value);
+    };
+    handleWheel6 = (event) => {
+      switch (event.deltaMode) {
+        case DomDeltaLine:
+          send(
+            "KeyBindings.handleWheel",
+            event.deltaY
+          );
+          break;
+        case DomDeltaPixel:
+          send(
+            "KeyBindings.handleWheel",
+            event.deltaY
+          );
+          break;
+        default:
+          break;
+      }
+    };
+  }
+});
+
+// src/parts/VirtualDomElements/VirtualDomElements.js
+var Div, H1, Kbd, Table, TBody, Td, Text, Th, THead, Tr;
+var init_VirtualDomElements = __esm({
+  "src/parts/VirtualDomElements/VirtualDomElements.js"() {
+    "use strict";
+    Div = 1;
+    H1 = 2;
+    Kbd = 3;
+    Table = 4;
+    TBody = 5;
+    Td = 6;
+    Text = 7;
+    Th = 8;
+    THead = 9;
+    Tr = 10;
+  }
+});
+
+// src/parts/ElementTags/ElementTags.js
+var H12, Div2, Kbd2, Table2, TBody2, THead2, Td2, Th2, Tr2;
+var init_ElementTags = __esm({
+  "src/parts/ElementTags/ElementTags.js"() {
+    "use strict";
+    H12 = "h1";
+    Div2 = "div";
+    Kbd2 = "kbd";
+    Table2 = "table";
+    TBody2 = "tbody";
+    THead2 = "thead";
+    Td2 = "td";
+    Th2 = "th";
+    Tr2 = "tr";
+  }
+});
+
+// src/parts/ElementTagMap/ElementTagMap.js
+var getElementTag;
+var init_ElementTagMap = __esm({
+  "src/parts/ElementTagMap/ElementTagMap.js"() {
+    "use strict";
+    init_ElementTags();
+    init_VirtualDomElements();
+    getElementTag = (type2) => {
+      switch (type2) {
+        case H1:
+          return H12;
+        case Div:
+          return Div2;
+        case Kbd:
+          return Kbd2;
+        case Table:
+          return Table2;
+        case TBody:
+          return TBody2;
+        case Th:
+          return Th2;
+        case Td:
+          return Td2;
+        case THead:
+          return THead2;
+        case Tr:
+          return Tr2;
+        default:
+          throw new Error(`element tag not found ${type2}`);
+      }
+    };
+  }
+});
+
+// src/parts/VirtualDomElement/VirtualDomElement.js
+var renderDomTextNode, setProps, renderDomElement, render;
+var init_VirtualDomElement = __esm({
+  "src/parts/VirtualDomElement/VirtualDomElement.js"() {
+    "use strict";
+    init_VirtualDomElements();
+    init_ElementTagMap();
+    renderDomTextNode = (element) => {
+      return document.createTextNode(element.props.text);
+    };
+    setProps = ($Element, props) => {
+      for (const key in props) {
+        $Element[key] = props[key];
+      }
+    };
+    renderDomElement = (element) => {
+      const { type: type2, props } = element;
+      const tag = getElementTag(type2);
+      const $Element = document.createElement(tag);
+      setProps($Element, props);
+      return $Element;
+    };
+    render = (element) => {
+      switch (element.type) {
+        case Text:
+          return renderDomTextNode(element);
+        default:
+          return renderDomElement(element);
+      }
+    };
+  }
+});
+
+// src/parts/VirtualDom/VirtualDom.js
+var renderInternal, render2;
+var init_VirtualDom = __esm({
+  "src/parts/VirtualDom/VirtualDom.js"() {
+    "use strict";
+    init_VirtualDomElement();
+    renderInternal = ($Parent, elements) => {
+      const max = elements.length - 1;
+      let stack = [];
+      for (let i = max; i >= 0; i--) {
+        const element = elements[i];
+        const $Element = render(element);
+        if (element.childCount > 0) {
+          $Element.append(...stack.slice(0, element.childCount));
+          stack = stack.slice(element.childCount);
+        }
+        stack.unshift($Element);
+      }
+      $Parent.append(...stack);
+    };
+    render2 = (elements) => {
+      const $Root = document.createElement("div");
+      renderInternal($Root, elements);
+      return $Root;
+    };
+  }
+});
+
+// src/parts/ViewletKeyBindings/ViewletKeyBindings.js
+var ViewletKeyBindings_exports = {};
+__export(ViewletKeyBindings_exports, {
+  create: () => create36,
+  name: () => name18,
+  setTableDom: () => setTableDom
+});
+var name18, create36, replaceChildren, setTableDom;
+var init_ViewletKeyBindings = __esm({
+  "src/parts/ViewletKeyBindings/ViewletKeyBindings.js"() {
+    "use strict";
+    init_InputBox();
+    init_ViewletKeyBindingsEvents();
+    init_VirtualDom();
+    name18 = "KeyBindings";
+    create36 = () => {
+      const $InputBox = create3();
+      $InputBox.type = "search";
+      $InputBox.placeholder = "Search Key Bindings";
+      $InputBox.oninput = handleInput6;
+      const $KeyBindingsHeader = document.createElement("div");
+      $KeyBindingsHeader.className = "KeyBindingsHeader";
+      $KeyBindingsHeader.append($InputBox);
+      const $KeyBindingsTableWrapper = document.createElement("div");
+      $KeyBindingsTableWrapper.className = "KeyBindingsTableWrapper";
+      $KeyBindingsTableWrapper.addEventListener(
+        "wheel",
+        handleWheel6,
+        { passive: true }
+      );
+      const $Viewlet = document.createElement("div");
+      $Viewlet.className = "Viewlet";
+      $Viewlet.dataset.viewletId = "KeyBindings";
+      $Viewlet.append($KeyBindingsHeader, $KeyBindingsTableWrapper);
+      return {
+        $Viewlet,
+        $InputBox,
+        $KeyBindingsHeader,
+        $KeyBindingsTableWrapper
+      };
+    };
+    replaceChildren = ($Element, $NewChildren) => {
+      $Element.replaceChildren($NewChildren);
+    };
+    setTableDom = (state14, dom) => {
+      const { $KeyBindingsTableWrapper } = state14;
+      const $Root = render2(dom);
+      replaceChildren($KeyBindingsTableWrapper, $Root.firstChild);
+    };
+  }
+});
+
 // src/parts/ViewletModule/ViewletModule.js
 var load;
 var init_ViewletModule = __esm({
@@ -8212,6 +8673,8 @@ var init_ViewletModule = __esm({
           return Promise.resolve().then(() => (init_ViewletImplementations(), ViewletImplementations_exports));
         case EditorPlainText:
           return Promise.resolve().then(() => (init_ViewletEditorPlainText(), ViewletEditorPlainText_exports));
+        case KeyBindings2:
+          return Promise.resolve().then(() => (init_ViewletKeyBindings(), ViewletKeyBindings_exports));
         default:
           throw new Error("unknown module");
       }
@@ -8220,7 +8683,7 @@ var init_ViewletModule = __esm({
 });
 
 // src/parts/Viewlet/Viewlet.js
-var state11, load2, create36, loadModule, invoke, focus20, refresh9, sendMultiple, dispose25, handleError7, appendViewlet4, executeCommands, show;
+var state11, load2, create37, loadModule, invoke, focus20, refresh8, sendMultiple, dispose25, handleError7, appendViewlet4, executeCommands, show;
 var init_Viewlet = __esm({
   "src/parts/Viewlet/Viewlet.js"() {
     "use strict";
@@ -8240,7 +8703,7 @@ var init_Viewlet = __esm({
         factory: module
       };
     };
-    create36 = (id) => {
+    create37 = (id) => {
       const module = state11.modules[id];
       state11.instances[id] = {
         state: module.create(),
@@ -8271,7 +8734,7 @@ var init_Viewlet = __esm({
       } else {
       }
     };
-    refresh9 = (viewletId, viewletContext) => {
+    refresh8 = (viewletId, viewletContext) => {
       console.log("REFRESH", viewletId);
       const instance = state11.instances[viewletId];
       if (instance) {
@@ -8335,7 +8798,7 @@ var init_Viewlet = __esm({
         childInstance.factory.name,
         childInstance.state.$Viewlet
       );
-      if (focus21) {
+      if (focus21 && childInstance.factory.focus) {
         childInstance.factory.focus(childInstance.state);
       }
     };
@@ -8343,7 +8806,7 @@ var init_Viewlet = __esm({
       for (const [command, ...args] of commands) {
         switch (command) {
           case "Viewlet.create":
-            create36(...args);
+            create37(...args);
             break;
           case "Viewlet.send":
             invoke(...args);
@@ -8374,14 +8837,14 @@ var init_Viewlet = __esm({
 // src/parts/Viewlet/Viewlet.ipc.js
 var Viewlet_ipc_exports = {};
 __export(Viewlet_ipc_exports, {
-  Commands: () => Commands22
+  Commands: () => Commands26
 });
-var Commands22;
+var Commands26;
 var init_Viewlet_ipc = __esm({
   "src/parts/Viewlet/Viewlet.ipc.js"() {
     "use strict";
     init_Viewlet();
-    Commands22 = {
+    Commands26 = {
       "Viewlet.appendViewlet": appendViewlet4,
       "Viewlet.dispose": dispose25,
       "Viewlet.executeCommands": executeCommands,
@@ -8390,7 +8853,7 @@ var init_Viewlet_ipc = __esm({
       "Viewlet.invoke": invoke,
       "Viewlet.load": load2,
       "Viewlet.loadModule": loadModule,
-      "Viewlet.refresh": refresh9,
+      "Viewlet.refresh": refresh8,
       "Viewlet.send": invoke,
       "Viewlet.sendMultiple": sendMultiple,
       "Viewlet.show": show
@@ -8442,14 +8905,14 @@ var init_WebStorage = __esm({
 // src/parts/WebStorage/WebStorage.ipc.js
 var WebStorage_ipc_exports = {};
 __export(WebStorage_ipc_exports, {
-  Commands: () => Commands23
+  Commands: () => Commands27
 });
-var Commands23;
+var Commands27;
 var init_WebStorage_ipc = __esm({
   "src/parts/WebStorage/WebStorage.ipc.js"() {
     "use strict";
     init_WebStorage();
-    Commands23 = {
+    Commands27 = {
       "WebStorage.clear": clear2,
       "WebStorage.getItem": getItem,
       "WebStorage.setItem": setItem
@@ -8458,7 +8921,7 @@ var init_WebStorage_ipc = __esm({
 });
 
 // src/parts/Window/Window.js
-var reload, minimize, maximize, unmaximize, close2, setTitle, onVisibilityChange;
+var reload, minimize, maximize, unmaximize, close2, setTitle, sendVisibilityChangeHint, handleBeforeUnload, handlePointerLeave, onVisibilityChange;
 var init_Window = __esm({
   "src/parts/Window/Window.js"() {
     "use strict";
@@ -8477,24 +8940,21 @@ var init_Window = __esm({
     setTitle = (title) => {
       document.title = title;
     };
+    sendVisibilityChangeHint = () => {
+      send(
+        "SaveState.handleVisibilityChange",
+        "hidden"
+      );
+    };
+    handleBeforeUnload = () => {
+      sendVisibilityChangeHint();
+    };
+    handlePointerLeave = () => {
+      sendVisibilityChangeHint();
+    };
     onVisibilityChange = () => {
-      const handleVisibilityChange = async () => {
-        send(
-          "SaveState.handleVisibilityChange",
-          document.visibilityState
-        );
-        await new Promise((resolve2, reject) => {
-          setTimeout(resolve2, 100);
-        });
-        console.log("timeout done");
-      };
-      const handleBeforeUnload = async () => {
-        send(
-          "SaveState.handleVisibilityChange",
-          "hidden"
-        );
-      };
       window.addEventListener("beforeunload", handleBeforeUnload);
+      document.addEventListener("pointerleave", handlePointerLeave);
     };
   }
 });
@@ -8502,14 +8962,14 @@ var init_Window = __esm({
 // src/parts/Window/Window.ipc.js
 var Window_ipc_exports = {};
 __export(Window_ipc_exports, {
-  Commands: () => Commands24
+  Commands: () => Commands28
 });
-var Commands24;
+var Commands28;
 var init_Window_ipc = __esm({
   "src/parts/Window/Window.ipc.js"() {
     "use strict";
     init_Window();
-    Commands24 = {
+    Commands28 = {
       "Window.close": close2,
       "Window.maximize": maximize,
       "Window.minimize": minimize,
@@ -8521,51 +8981,6 @@ var init_Window_ipc = __esm({
   }
 });
 
-// src/parts/Performance/Performance.js
-var measureUserAgentSpecificMemory, getMemory;
-var init_Performance = __esm({
-  "src/parts/Performance/Performance.js"() {
-    "use strict";
-    measureUserAgentSpecificMemory = async () => {
-      if (performance && performance.measureUserAgentSpecificMemory) {
-        console.time("mem");
-        const memory = await performance.measureUserAgentSpecificMemory();
-        console.timeEnd("mem");
-        return memory;
-      }
-      return void 0;
-    };
-    getMemory = () => {
-      const memory = performance.memory;
-      if (!memory) {
-        return void 0;
-      }
-      return {
-        jsHeapSizeLimit: memory.jsHeapSizeLimit,
-        totalJSHeapSize: memory.totalJSHeapSize,
-        usedJSHeapSize: memory.usedJSHeapSize
-      };
-    };
-  }
-});
-
-// src/parts/Performance/Performance.ipc.js
-var Performance_ipc_exports = {};
-__export(Performance_ipc_exports, {
-  Commands: () => Commands25
-});
-var Commands25;
-var init_Performance_ipc = __esm({
-  "src/parts/Performance/Performance.ipc.js"() {
-    "use strict";
-    init_Performance();
-    Commands25 = {
-      "Performance.measureUserAgentSpecificMemory": measureUserAgentSpecificMemory,
-      "Performance.getMemory": getMemory
-    };
-  }
-});
-
 // src/parts/Module/Module.js
 var load3;
 var init_Module = __esm({
@@ -8592,6 +9007,12 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_EditorHover_ipc(), EditorHover_ipc_exports));
         case EditorRename:
           return Promise.resolve().then(() => (init_EditorRename_ipc(), EditorRename_ipc_exports));
+        case Eval:
+          return Promise.resolve().then(() => (init_Eval_ipc(), Eval_ipc_exports));
+        case FilePicker:
+          return Promise.resolve().then(() => (init_FilePicker_ipc(), FilePicker_ipc_exports));
+        case FileSystemHandle:
+          return Promise.resolve().then(() => (init_FileSystemHandle_ipc(), FileSystemHandle_ipc_exports));
         case FindWidget:
           return Promise.resolve().then(() => (init_FindWidget_ipc(), FindWidget_ipc_exports));
         case ImagePreview:
@@ -8612,6 +9033,8 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_Menu_ipc(), Menu_ipc_exports));
         case Open:
           return Promise.resolve().then(() => (init_Open_ipc(), Open_ipc_exports));
+        case Performance:
+          return Promise.resolve().then(() => (init_Performance_ipc(), Performance_ipc_exports));
         case ServiceWorker:
           return Promise.resolve().then(() => (init_ServiceWorker_ipc(), ServiceWorker_ipc_exports));
         case TestFrameWork:
@@ -8622,8 +9045,6 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_WebStorage_ipc(), WebStorage_ipc_exports));
         case Window:
           return Promise.resolve().then(() => (init_Window_ipc(), Window_ipc_exports));
-        case Performance:
-          return Promise.resolve().then(() => (init_Performance_ipc(), Performance_ipc_exports));
         default:
           throw new Error(`module ${moduleId} not found`);
       }
@@ -8679,6 +9100,14 @@ var init_ModuleMap = __esm({
         case "EditorRename.dispose":
         case "EditorRename.finish":
           return EditorRename;
+        case "Eval.evalCode":
+          return Eval;
+        case "FilePicker.showDirectoryPicker":
+        case "FilePicker.showFilePicker":
+        case "FilePicker.showSaveFilePicker":
+          return FilePicker;
+        case "FileSystemHandle.requestPermission":
+          return FileSystemHandle;
         case "FindWidget.create":
         case "FindWidget.dispose":
         case "FindWidget.setResults":
@@ -8725,6 +9154,9 @@ var init_ModuleMap = __esm({
         case 6663:
         case 6664:
           return Panel;
+        case "Performance.getMemory":
+        case "Performance.measureUserAgentSpecificMemory":
+          return Performance;
         case "ServiceWorker.register":
         case "ServiceWorker.uninstall":
           return ServiceWorker;
@@ -8762,9 +9194,6 @@ var init_ModuleMap = __esm({
           return Window;
         case 33111:
           return Workbench;
-        case "Performance.measureUserAgentSpecificMemory":
-        case "Performance.getMemory":
-          return Performance;
         default:
           throw new Error(`command ${commandId} not found`);
       }
@@ -8851,14 +9280,14 @@ var init_JsonRpcError = __esm({
 // src/parts/IpcParent/IpcParentWithMessagePort.js
 var IpcParentWithMessagePort_exports = {};
 __export(IpcParentWithMessagePort_exports, {
-  create: () => create37
+  create: () => create38
 });
-var create37;
+var create38;
 var init_IpcParentWithMessagePort = __esm({
   "src/parts/IpcParent/IpcParentWithMessagePort.js"() {
     "use strict";
     init_Assert();
-    create37 = async ({ url }) => {
+    create38 = async ({ url }) => {
       string(url);
       const port = await new Promise((resolve2) => {
         globalThis.acceptPort = resolve2;
@@ -8871,21 +9300,21 @@ var init_IpcParentWithMessagePort = __esm({
 });
 
 // src/parts/IpcParent/IpcParentWithModuleWorker.js
-var getDisplayName, tryToGetActualErrorMessage, isFirefoxError, create38;
+var getDisplayName, tryToGetActualErrorMessage, isFirefoxError, create39;
 var init_IpcParentWithModuleWorker = __esm({
   "src/parts/IpcParent/IpcParentWithModuleWorker.js"() {
     "use strict";
-    getDisplayName = (name18) => {
-      if (!name18) {
+    getDisplayName = (name19) => {
+      if (!name19) {
         return "<unknown> worker";
       }
-      if (name18.endsWith("Worker")) {
-        return name18.toLowerCase();
+      if (name19.endsWith("Worker")) {
+        return name19.toLowerCase();
       }
-      return `${name18} worker`;
+      return `${name19} worker`;
     };
-    tryToGetActualErrorMessage = async ({ url, name: name18 }) => {
-      const displayName = getDisplayName(name18);
+    tryToGetActualErrorMessage = async ({ url, name: name19 }) => {
+      const displayName = getDisplayName(name19);
       try {
         await import(url);
         return `Failed to start ${displayName}: Unknown Error`;
@@ -8912,11 +9341,11 @@ var init_IpcParentWithModuleWorker = __esm({
         "SyntaxError: export declarations may only appear at top level of a module"
       ].includes(message);
     };
-    create38 = async ({ url, name: name18 }) => {
+    create39 = async ({ url, name: name19 }) => {
       try {
         const worker = new Worker(url, {
           type: "module",
-          name: name18
+          name: name19
         });
         await new Promise((resolve2, reject) => {
           const cleanup = () => {
@@ -8939,7 +9368,7 @@ var init_IpcParentWithModuleWorker = __esm({
             } else {
               const actualErrorMessage = await tryToGetActualErrorMessage({
                 url,
-                name: name18
+                name: name19
               });
               reject(new Error(actualErrorMessage));
             }
@@ -8960,11 +9389,11 @@ var init_IpcParentWithModuleWorker = __esm({
 });
 
 // src/parts/IpcParent/IpcParentWithReferencePort.js
-var create39;
+var create40;
 var init_IpcParentWithReferencePort = __esm({
   "src/parts/IpcParent/IpcParentWithReferencePort.js"() {
     "use strict";
-    create39 = async (url) => {
+    create40 = async (url) => {
       const referencePort = await new Promise((resolve2) => {
         globalThis.acceptReferencePort = resolve2;
         import(url);
@@ -8976,7 +9405,7 @@ var init_IpcParentWithReferencePort = __esm({
 });
 
 // src/parts/IpcParent/IpcParent.js
-var Methods, METHOD_PREFERRED, create40;
+var Methods, METHOD_PREFERRED, create41;
 var init_IpcParent = __esm({
   "src/parts/IpcParent/IpcParent.js"() {
     "use strict";
@@ -8989,14 +9418,14 @@ var init_IpcParent = __esm({
       ReferencePort: 3
     };
     METHOD_PREFERRED = Methods.ModuleWorker;
-    create40 = async ({ method, ...options }) => {
+    create41 = async ({ method, ...options }) => {
       switch (METHOD_PREFERRED) {
         case Methods.ModuleWorker:
-          return create38(options);
+          return create39(options);
         case Methods.MessagePort:
-          return create37(options);
+          return create38(options);
         case Methods.ReferencePort:
-          return create39(options);
+          return create40(options);
         default:
           throw new Error("unknown method");
       }
@@ -9074,7 +9503,7 @@ var init_RendererWorker = __esm({
       throw new JsonRpcError("unexpected message from renderer worker");
     };
     getIpc = async () => {
-      const rendererWorker = await create40({
+      const rendererWorker = await create41({
         method: Methods.ModuleWorker,
         url: getRendererWorkerUrl(),
         name: "Renderer Worker"
@@ -9253,37 +9682,24 @@ var init_Layout = __esm({
       return "";
     };
     handleSashPointerMove = (event) => {
-      const x = event.clientX;
-      const y = event.clientY;
+      const { clientX, clientY } = event;
       send(
         "Layout.handleSashPointerMove",
-        x,
-        y
+        clientX,
+        clientY
       );
     };
-    handleSashPointerUp = () => {
-      document.body.style.removeProperty("cursor");
-      window.removeEventListener("pointermove", handleSashPointerMove);
-      window.removeEventListener("pointerup", handleSashPointerUp);
-      const $Style = document.getElementById("SashStyle");
-      $Style.remove();
+    handleSashPointerUp = (event) => {
+      const { target, pointerId } = event;
+      target.releasePointerCapture(pointerId);
+      target.removeEventListener("pointermove", handleSashPointerMove);
+      target.removeEventListener("pointerup", handleSashPointerUp);
     };
     handleSashPointerDown = (event) => {
-      const $Style = document.createElement("style");
-      $Style.id = "SashStyle";
-      $Style.textContent = `* {
-  cursor: col-resize !important;
-  pointer-events: none;
-}
-
-.SashVertical {
-  pointer-events: all;
-}
-.
-`;
-      document.head.append($Style);
-      window.addEventListener("pointermove", handleSashPointerMove);
-      window.addEventListener("pointerup", handleSashPointerUp);
+      const { target, pointerId } = event;
+      target.setPointerCapture(pointerId);
+      target.addEventListener("pointermove", handleSashPointerMove);
+      target.addEventListener("pointerup", handleSashPointerUp);
       const $Target = event.target;
       const id = getSashId($Target);
       send(
@@ -9348,14 +9764,14 @@ var init_Layout = __esm({
 // src/parts/Layout/Layout.ipc.js
 var Layout_ipc_exports = {};
 __export(Layout_ipc_exports, {
-  Commands: () => Commands26
+  Commands: () => Commands29
 });
-var Commands26;
+var Commands29;
 var init_Layout_ipc = __esm({
   "src/parts/Layout/Layout.ipc.js"() {
     "use strict";
     init_Layout();
-    Commands26 = {
+    Commands29 = {
       "Layout.getBounds": getBounds,
       "Layout.hide": hide2,
       "Layout.show": show2,