@lvce-editor/server 0.37.1 → 0.37.3

package/static/{5a580d1 → a443afb}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/5a580d1';
+    return '/a443afb';
   }
 };
 const assetDir = getAssetDir();
@@ -120,7 +120,7 @@ const NotFound = 404;
 const getText$3 = response => {
   return response.text();
 };
-const getJson$6 = response => {
+const getJson$7 = response => {
   return response.json();
 };
 const create$17 = (value, options) => {
@@ -461,7 +461,7 @@ const unwrapJsonRpcResult = responseMessage => {
   }
   throw new JsonRpcError("unexpected response message");
 };
-const invoke$d = async (ipc, method, ...params) => {
+const invoke$e = async (ipc, method, ...params) => {
   const {
     message,
     promise
@@ -471,7 +471,7 @@ const invoke$d = async (ipc, method, ...params) => {
   const result = unwrapJsonRpcResult(responseMessage);
   return result;
 };
-const invokeAndTransfer$c = async (ipc, handle, method, ...params) => {
+const invokeAndTransfer$d = async (ipc, handle, method, ...params) => {
   if (typeof handle === "string") {
     params = [method, ...params];
     method = handle;
@@ -513,7 +513,7 @@ const ColorTheme$1 = 9;
 const ColorThemeFromJson = 10;
 const ContextMenu = 11;
 const Developer = 12;
-const Dialog$2 = 13;
+const Dialog$1 = 13;
 const Download = 14;
 const EditorDiagnostics = 15;
 const EditorError = 16;
@@ -602,6 +602,7 @@ const WebView$2 = 129;
 const SearchProcess = 130;
 const GetEditorSourceActions = 131;
 const ExtensionHostTextSearch = 132;
+const ExtensionStateStorage$2 = 133;
 
 const getPrefix$3 = commandId => {
   if (!commandId || typeof commandId !== 'string') {
@@ -660,7 +661,7 @@ const getModuleId$1 = commandId => {
     case 'Developer':
       return Developer;
     case 'Dialog':
-      return Dialog$2;
+      return Dialog$1;
     case 'Download':
       return Download;
     case 'EditorDiagnostics':
@@ -822,6 +823,8 @@ const getModuleId$1 = commandId => {
       return GetEditorSourceActions;
     case 'ExtensionHostTextSearch':
       return ExtensionHostTextSearch;
+    case 'ExtensionStateStorage':
+      return ExtensionStateStorage$2;
     default:
       throw new Error(`module ${prefix} not found`);
   }
@@ -1112,11 +1115,11 @@ const listen$1 = async () => {
   handleIpc(ipc);
   state$L.ipc = ipc;
 };
-const invoke$c = (method, ...params) => {
-  return invoke$d(state$L.ipc, method, ...params);
+const invoke$d = (method, ...params) => {
+  return invoke$e(state$L.ipc, method, ...params);
 };
-const invokeAndTransfer$b = (method, ...params) => {
-  return invokeAndTransfer$c(state$L.ipc, method, ...params);
+const invokeAndTransfer$c = (method, ...params) => {
+  return invokeAndTransfer$d(state$L.ipc, method, ...params);
 };
 
 const actuallyLoadCssStyleSheet = async css => {
@@ -1134,7 +1137,7 @@ const loadCssStyleSheets = css => {
   return Promise.all(css.map(loadCssStyleSheet));
 };
 const addCssStyleSheet = (id, css) => {
-  return invoke$c('Css.addCssStyleSheet', id, css);
+  return invoke$d('Css.addCssStyleSheet', id, css);
 };
 const actuallyAddDynamicCss = async (id, getCss, preferences) => {
   const css = await getCss(preferences);
@@ -1158,7 +1161,7 @@ const loadKy = async () => {
   return module;
 };
 
-const getJson$5 = async (url, options = {}) => {
+const getJson$6 = async (url, options = {}) => {
   try {
     string(url);
     const response = await fetch(url);
@@ -1432,7 +1435,7 @@ const joinLines = lines => {
   return lines.join(NewLine$1);
 };
 
-const info$1 = (...args) => {
+const info = (...args) => {
   console.info(...args);
 };
 const warn$1 = (...args) => {
@@ -1684,7 +1687,7 @@ const prepareErrorMessageWithoutCodeFrame = async error => {
     if (sourceMapMatch) {
       const sourceMapUrl = sourceMapMatch[1];
       const sourceMapAbsolutePath = getSourceMapAbsolutePath(path, sourceMapUrl);
-      const sourceMap = await getJson$5(sourceMapAbsolutePath);
+      const sourceMap = await getJson$6(sourceMapAbsolutePath);
       const {
         source,
         originalLine,
@@ -1831,25 +1834,25 @@ const state$J = {
 };
 
 /* istanbul ignore file */
-const invoke$b = async (method, ...params) => {
+const invoke$c = async (method, ...params) => {
   const {
     ipc
   } = state$J;
-  const result = await invoke$d(ipc, method, ...params);
+  const result = await invoke$e(ipc, method, ...params);
   return result;
 };
-const invokeAndTransfer$a = async (method, ...params) => {
+const invokeAndTransfer$b = async (method, ...params) => {
   const {
     ipc
   } = state$J;
-  const result = await invokeAndTransfer$c(ipc, method, ...params);
+  const result = await invokeAndTransfer$d(ipc, method, ...params);
   return result;
 };
 
 // TODO when shared process crashes / connection is lost: reconnect or show notification
 
 const getColorThemeJson$2 = colorThemeId => {
-  return invoke$b(/* ExtensionHost.getColorThemeJson */'ExtensionHost.getColorThemeJson', /* colorThemeId */colorThemeId);
+  return invoke$c(/* ExtensionHost.getColorThemeJson */'ExtensionHost.getColorThemeJson', /* colorThemeId */colorThemeId);
 };
 
 const getColorThemeUrlWeb = colorThemeId => {
@@ -2120,7 +2123,7 @@ const getPreferencesJson = async () => {
     const url = `${assetDir}/config/defaultSettings.json`;
     return execute$4(/* Ajax.getJson */'Ajax.getJson', /* url */url);
   }
-  return invoke$b(PreferencesGetAll);
+  return invoke$c(PreferencesGetAll);
 };
 const getPreferences = async () => {
   // TODO cache preferences, but they should not be stale
@@ -2198,7 +2201,7 @@ const getMetaThemeColor = colorThemeJson => {
 };
 
 const setThemeColor = async themeColor => {
-  await invoke$c(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
+  await invoke$d(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
 };
 
 // TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
@@ -2239,7 +2242,7 @@ const watch$2 = async id => {
     return;
   }
   state$G.watchedTheme = id;
-  await invoke$b('ExtensionHost.watchColorTheme', id);
+  await invoke$c('ExtensionHost.watchColorTheme', id);
 };
 const getPreferredColorTheme = () => {
   const preferredColorTheme = get$d('workbench.colorTheme');
@@ -2287,7 +2290,7 @@ const map$3 = {
 };
 
 // TODO if necessary support more browser detection
-const getBrowser$1 = () => {
+const getBrowser = () => {
   if (platform === Electron$1) {
     return 'electron';
   }
@@ -2381,7 +2384,7 @@ const getAvailableKeyBindings = keyBindings => {
 const update = () => {
   const matchingKeyBindings = getMatchingKeyBindings(state$E.keyBindingSets);
   const keyBindingIdentifiers = getAvailableKeyBindings(matchingKeyBindings);
-  invoke$c('KeyBindings.setIdentifiers', keyBindingIdentifiers);
+  invoke$d('KeyBindings.setIdentifiers', keyBindingIdentifiers);
   state$E.matchingKeyBindings = matchingKeyBindings;
   state$E.keyBindingIdentifiers = keyBindingIdentifiers;
 };
@@ -2487,7 +2490,7 @@ const getBrowserContextString = browser => {
 const hydrate$9 = async () => {
   // TODO is this the right place for browser context ?
   // maybe in env file / env service
-  const browser = getBrowser$1();
+  const browser = getBrowser();
   const key = getBrowserContextString(browser);
   set$d(key, true);
   update();
@@ -2522,7 +2525,7 @@ const Rejected$1 = 'rejected';
 const webExtensionsUrl = `${assetDir}/config/webExtensions.json`;
 
 const getSharedProcessExtensions$1 = () => {
-  return invoke$b(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
+  return invoke$c(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
 };
 const getStaticWebExtensions = () => {
   return execute$4('Ajax.getJson', webExtensionsUrl);
@@ -2555,7 +2558,7 @@ const getWebExtensions = async () => {
 
 const getLanguages$2 = async () => {
   // TODO handle error
-  const languages = await invoke$b(/* ExtensionHost.getLanguages */'ExtensionHost.getLanguages');
+  const languages = await invoke$c(/* ExtensionHost.getLanguages */'ExtensionHost.getLanguages');
   return languages;
 };
 const joinPath = (extensionPath, relativePath) => {
@@ -2586,7 +2589,7 @@ const getLanguageConfigurationFromWebExtension = async languageId => {
   return json;
 };
 const getLanguageConfiguration$3 = async languageId => {
-  const languageConfiguration = await invoke$b(/* ExtensionHost.getLanguageConfiguration */'ExtensionHost.getLanguageConfiguration', /* languageId */languageId);
+  const languageConfiguration = await invoke$c(/* ExtensionHost.getLanguageConfiguration */'ExtensionHost.getLanguageConfiguration', /* languageId */languageId);
   if (languageConfiguration) {
     return languageConfiguration;
   }
@@ -3026,7 +3029,7 @@ const handleRejectedExtensions = async extensions => {
   }
 };
 const getSharedProcessExtensions = () => {
-  return invoke$b(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
+  return invoke$c(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
 };
 const getExtensions$2 = async () => {
   if (platform === Web$1) {
@@ -3141,16 +3144,16 @@ const mapObject = (object, fn) => {
 };
 
 const clear$5 = async storageType => {
-  await invoke$c(/* WebStorage.clear */'WebStorage.clear', /* StorageType */storageType);
+  await invoke$d(/* WebStorage.clear */'WebStorage.clear', /* StorageType */storageType);
 };
 const getAll$1 = storageType => {
-  return invoke$c('WebStorage.getAll', storageType);
+  return invoke$d('WebStorage.getAll', storageType);
 };
 const getText$1 = async (storageType, key) => {
-  const item = await invoke$c(/* WebStorage.getItem */'WebStorage.getItem', /* storageType */storageType, /* key */key);
+  const item = await invoke$d(/* WebStorage.getItem */'WebStorage.getItem', /* storageType */storageType, /* key */key);
   return item || '';
 };
-const getJson$4 = async (storageType, key) => {
+const getJson$5 = async (storageType, key) => {
   const item = await getText$1(storageType, key);
   if (!item) {
     return undefined;
@@ -3162,15 +3165,15 @@ const getJson$4 = async (storageType, key) => {
   }
 };
 const setText$1 = async (storageType, key, value) => {
-  await invoke$c(/* WebStorage.setItem */'WebStorage.setItem', /* storageType */storageType, /* key */key, /* value */value);
+  await invoke$d(/* WebStorage.setItem */'WebStorage.setItem', /* storageType */storageType, /* key */key, /* value */value);
 };
-const setJson$4 = async (storageType, key, value) => {
+const setJson$5 = async (storageType, key, value) => {
   const stringifiedValue = stringifyCompact(value);
   await setText$1(storageType, key, stringifiedValue);
 };
 const setJsonObjects$2 = async (storageType, objects) => {
   const serializedObjects = mapObject(objects, stringifyCompact);
-  await invoke$c('WebStorage.setJsonObjects', storageType, serializedObjects);
+  await invoke$d('WebStorage.setJsonObjects', storageType, serializedObjects);
 };
 
 const LocalStorage = 1;
@@ -3182,24 +3185,24 @@ const clear$4 = () => {
 const getText = key => {
   return getText$1(LocalStorage, key);
 };
-const getJson$3 = key => {
-  return getJson$4(LocalStorage, key);
+const getJson$4 = key => {
+  return getJson$5(LocalStorage, key);
 };
 const setText = (key, value) => {
   return setText$1(LocalStorage, key, value);
 };
-const setJson$3 = (key, value) => {
-  return setJson$4(LocalStorage, key, value);
+const setJson$4 = (key, value) => {
+  return setJson$5(LocalStorage, key, value);
 };
 const setJsonObjects$1 = objects => {
   return setJsonObjects$2(LocalStorage, objects);
 };
 
-const getJson$2 = viewletId => {
-  return getJson$3(viewletId);
+const getJson$3 = viewletId => {
+  return getJson$4(viewletId);
 };
-const setJson$2 = (viewletId, value) => {
-  return setJson$3(viewletId, value);
+const setJson$3 = (viewletId, value) => {
+  return setJson$4(viewletId, value);
 };
 const setJsonObjects = value => {
   return setJsonObjects$1(value);
@@ -3223,16 +3226,6 @@ const serializeInstances = instances => {
   return serialized;
 };
 
-const clear$3 = () => {
-  return clear$5(SessionStorage);
-};
-const getJson$1 = key => {
-  return getJson$4(SessionStorage, key);
-};
-const setJson$1 = (key, value) => {
-  return setJson$4(SessionStorage, key, value);
-};
-
 const state$z = {
   instances: Object.create(null),
   /**
@@ -3310,13 +3303,13 @@ const setFocusedInstance = (state, instance) => {
 };
 
 const getHref = () => {
-  return invoke$c(/* Location.getHref */'Location.getHref');
+  return invoke$d(/* Location.getHref */'Location.getHref');
 };
 const setPathName = pathName => {
-  return invoke$c(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
+  return invoke$d(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
 };
 const hydrate$7 = () => {
-  return invoke$c(/* Location.hydrate */'Location.hydrate');
+  return invoke$d(/* Location.hydrate */'Location.hydrate');
 };
 const getOrigin = () => {
   return location.origin;
@@ -3328,7 +3321,7 @@ const getHost = () => {
 const Slash$1 = Slash$2;
 
 const set$9 = title => {
-  return invoke$c('WindowTitle.set', title);
+  return invoke$d('WindowTitle.set', title);
 };
 
 const state$y = {
@@ -3365,7 +3358,7 @@ const close$7 = () => {
   return setPath('');
 };
 const getResolvedRootFromSharedProcess = async () => {
-  const resolvedRoot = await invoke$b(/* Workspace.resolveRoot */WorkspaceResolveRoot);
+  const resolvedRoot = await invoke$c(/* Workspace.resolveRoot */WorkspaceResolveRoot);
   return resolvedRoot;
 };
 const isValid$1 = resolvedRoot => {
@@ -3533,23 +3526,366 @@ const getStateToSave = () => {
     }
   };
 };
-const saveViewletState = async id => {
-  const instance = getInstance(id);
-  const savedState = serializeInstance(instance);
-  await setJson$2(id, savedState);
-  if (instance && instance.factory.saveChildState) {
-    const childIds = instance.factory.saveChildState(instance.state);
-    await Promise.all(childIds.map(saveViewletState));
+
+const clear$3 = () => {
+  return clear$5(SessionStorage);
+};
+const getJson$2 = key => {
+  return getJson$5(SessionStorage, key);
+};
+const setJson$2 = (key, value) => {
+  return setJson$5(SessionStorage, key, value);
+};
+
+const saveBuiltinState = async () => {
+  const stateToSave = getStateToSave();
+  await Promise.all([setJson$3('workspace', stateToSave.workspace), setJsonObjects(stateToSave.instances), setJson$2('workspace', stateToSave.workspace)]);
+};
+
+const workers = new Map();
+const getOrCreate$2 = fn => {
+  if (!workers.has(fn)) {
+    workers.set(fn, fn());
+  }
+  return workers.get(fn);
+};
+const getOrCreateWorker = fn => {
+  return {
+    async invoke(method, ...params) {
+      const ipc = await getOrCreate$2(fn);
+      return invoke$e(ipc, method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const ipc = await getOrCreate$2(fn);
+      return invokeAndTransfer$d(ipc, method, ...params);
+    },
+    async dispose() {
+      const promise = workers.get(fn);
+      workers.delete(fn);
+      const ipc = await promise;
+      ipc.dispose();
+    }
+  };
+};
+
+const extensionHostWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/extension-host-worker/dist/extensionHostWorkerMain.js`;
+
+const extensionHostSubWorkerUrl = `${assetDir}/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js`;
+
+const ElectronMessagePort = 1;
+const MessagePort$1 = 2;
+const ModuleWorker = 3;
+const ReferencePort = 4;
+const WebSocket$1 = 5;
+const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
+const Node = 7;
+const NodeAlternate = 8;
+
+const getModule$9 = method => {
+  switch (method) {
+    case ElectronMessagePort:
+      return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
+    case MessagePort$1:
+      return Promise.resolve().then(function () { return IpcParentWithMessagePort; });
+    case ModuleWorker:
+      return Promise.resolve().then(function () { return IpcParentWithModuleWorker; });
+    case ReferencePort:
+      return Promise.resolve().then(function () { return IpcParentWithReferencePort; });
+    case WebSocket$1:
+      return Promise.resolve().then(function () { return IpcParentWithWebSocket; });
+    case ModuleWorkerAndWorkaroundForChromeDevtoolsBug:
+      return Promise.resolve().then(function () { return IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug; });
+    case Node:
+      return Promise.resolve().then(function () { return IpcParentWithNode; });
+    case NodeAlternate:
+      return Promise.resolve().then(function () { return IpcParentWithNodeAlternate; });
+    default:
+      throw new Error('unexpected ipc type');
   }
 };
+
+const create$14 = async ({
+  method,
+  ...options
+}) => {
+  // TODO
+  if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
+    options.url = extensionHostSubWorkerUrl;
+  }
+  const module = await getModule$9(method);
+  // @ts-ignore
+  const rawIpc = await module.create(options);
+  if (options.noReturn) {
+    return undefined;
+  }
+  if (options.raw) {
+    return rawIpc;
+  }
+  const ipc = module.wrap(rawIpc);
+  return ipc;
+};
+
+const ModuleWorkerWithMessagePort = 4;
+const Electron = 5;
+
+const getPortTuple = initialPort => {
+  if (initialPort) {
+    return {
+      port1: undefined,
+      port2: initialPort
+    };
+  }
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  return {
+    port1,
+    port2
+  };
+};
+
+const walkValue = (value, transferrables, isTransferrable) => {
+  if (!value) {
+    return;
+  }
+  if (isTransferrable(value)) {
+    transferrables.push(value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      walkValue(item, transferrables, isTransferrable);
+    }
+    return;
+  }
+  if (typeof value === 'object') {
+    for (const property of Object.values(value)) {
+      walkValue(property, transferrables, isTransferrable);
+    }
+    return;
+  }
+};
+
+const transferrables = [];
+if (typeof OffscreenCanvas !== 'undefined') {
+  transferrables.push(OffscreenCanvas);
+}
+if (typeof MessagePort !== 'undefined') {
+  transferrables.push(MessagePort);
+}
+
+const isTransferrable = value => {
+  for (const fn of transferrables) {
+    if (value instanceof fn) {
+      return true;
+    }
+  }
+  return false;
+};
+
+const getTransferrables = value => {
+  const transferrables = [];
+  walkValue(value, transferrables, isTransferrable);
+  return transferrables;
+};
+
+const create$13 = async ({
+  url,
+  name,
+  port,
+  id
+}) => {
+  // TODO no need to create port if worker
+  // has been prelaunched in renderer process
+  const {
+    port1,
+    port2
+  } = getPortTuple(port);
+  await invokeAndTransfer$c('IpcParent.create', {
+    method: ModuleWorkerWithMessagePort,
+    url,
+    name,
+    raw: true,
+    port: port2,
+    id
+  });
+  return port1;
+};
+
+// TODO why are some events not instance of message event?
+
+const getData$1 = event => {
+  if (event instanceof MessageEvent) {
+    return event.data;
+  }
+  return event;
+};
+const wrap$8 = port => {
+  return {
+    port,
+    /**
+     * @type {any}
+     */
+    listener: undefined,
+    get onmessage() {
+      return this.listener;
+    },
+    set onmessage(listener) {
+      const wrappedListener = event => {
+        const data = getData$1(event);
+        const syntheticEvent = {
+          data,
+          target: this
+        };
+        listener(syntheticEvent);
+      };
+      this.port.onmessage = wrappedListener;
+    },
+    send(message) {
+      this.port.postMessage(message);
+    },
+    sendAndTransfer(message) {
+      const transfer = getTransferrables(message);
+      this.port.postMessage(message, transfer);
+    },
+    dispose() {
+      this.port.postMessage({
+        jsonrpc: '2.0',
+        method: 'Exit.exit',
+        params: []
+      });
+      this.port.close();
+    }
+  };
+};
+
+const IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug = {
+  __proto__: null,
+  create: create$13,
+  wrap: wrap$8
+};
+
+const state$x = {
+  shouldLaunchMultipleWorkers: false
+};
+const setConfig = shouldLaunchMultipleWorkers => {
+  state$x.shouldLaunchMultipleWorkers = shouldLaunchMultipleWorkers;
+};
+const getConfig = () => {
+  return state$x.shouldLaunchMultipleWorkers;
+};
+
+const objects = Object.create(null);
+const transferToRendererProcess = async (objectId, transferable) => {
+  await invokeAndTransfer$c('Transferrable.transfer', transferable, objectId);
+};
+const transfer = (objectId, transferable) => {
+  number$1(objectId);
+  object(transferable);
+  objects[objectId] = transferable;
+};
+const acquire = objectId => {
+  number$1(objectId);
+  const value = objects[objectId];
+  if (!value) {
+    throw new Error(`transferrable object not found`);
+  }
+  delete objects[objectId];
+  return value;
+};
+
+const launchExtensionHostWorker = async () => {
+  const name = platform === Electron$1 ? 'Extension Host (Electron)' : 'Extension Host';
+  const id = create$15();
+  let ipc = await create$14({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    name,
+    url: extensionHostWorkerUrl,
+    id
+  });
+  if (getConfig()) {
+    // TODO should renderer process send port to renderer worker or vice versa?
+    const port = acquire(id);
+    ipc = wrap$8(port);
+  }
+  handleIpc(ipc);
+  await invoke$e(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
+  addListener('workspace.change', async () => {
+    await invoke$e(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
+  });
+  return ipc;
+};
+
+const {
+  invoke: invoke$b,
+  invokeAndTransfer: invokeAndTransfer$a
+} = getOrCreateWorker(launchExtensionHostWorker);
+
+const ActivityBar$6 = 'ActivityBar';
+const ExtensionStateStorage$1 = 'ExtensionStateStorage';
+
+const getJson$1 = () => {
+  return getJson$4(ExtensionStateStorage$1);
+};
+const setJson$1 = value => {
+  return setJson$4(ExtensionStateStorage$1, value);
+};
+
+const ExtensionStateStorage = {
+  __proto__: null,
+  getJson: getJson$1,
+  setJson: setJson$1
+};
+
+const saveState$e = async () => {
+  const state = await invoke$b('SaveState.saveState');
+  return state;
+};
+const getSavedState = async () => {
+  const value = await getJson$1();
+  return value;
+};
+
+const saveExtensionState = async () => {
+  const state = await saveState$e();
+  await setJson$1(state);
+};
+
+const saveTimings = async (builtinSaveStart, builtinSaveEnd, extensionSaveEnd) => {
+  await setJson$3('Timings', {
+    builtinSaveTime: builtinSaveEnd - builtinSaveStart,
+    extensionSaveTime: extensionSaveEnd - builtinSaveEnd
+  });
+};
+
+const now = () => {
+  return performance.now();
+};
+
+const Hidden = 'hidden';
+
 const handleVisibilityChange = async visibilityState => {
   if (isTest()) {
     return;
   }
-  if (visibilityState === 'hidden') {
-    const stateToSave = getStateToSave();
-    await Promise.all([setJson$2('workspace', stateToSave.workspace), setJsonObjects(stateToSave.instances), setJson$1('workspace', stateToSave.workspace)]);
-    // console.log('[renderer worker] state was saved')
+  if (visibilityState === Hidden) {
+    const builtinSaveStart = now();
+    await saveBuiltinState();
+    const builtinSaveEnd = now();
+    await saveExtensionState();
+    const extensionSaveEnd = now();
+    await saveTimings(builtinSaveStart, builtinSaveEnd, extensionSaveEnd);
+  }
+};
+
+const saveViewletState = async id => {
+  const instance = getInstance(id);
+  const savedState = serializeInstance(instance);
+  await setJson$3(id, savedState);
+  if (instance && instance.factory.saveChildState) {
+    const childIds = instance.factory.saveChildState(instance.state);
+    await Promise.all(childIds.map(saveViewletState));
   }
 };
 const hydrate$5 = async () => {
@@ -3558,20 +3894,20 @@ const hydrate$5 = async () => {
     console.info('[info] not saving state on visibility change - disabled by settings');
     return;
   }
-  await invoke$c('Window.onVisibilityChange');
+  await invoke$d('Window.onVisibilityChange');
 };
 const getSavedViewletState = viewletId => {
-  return getJson$2(viewletId);
+  return getJson$3(viewletId);
 };
 
-const state$x = {
+const state$w = {
   idMap: Object.create(null)
 };
 const register$5 = (id, module) => {
-  state$x.idMap[id] = module;
+  state$w.idMap[id] = module;
 };
 const get$8 = id => {
-  return state$x.idMap[id];
+  return state$w.idMap[id];
 };
 
 const loadModule$3 = async (id, module) => {
@@ -3590,17 +3926,17 @@ const ViewletManagerVisitorCss = {
   loadModule: loadModule$3
 };
 
-const state$w = {
+const state$v = {
   /**
    * @type {any[]}
    */
   menuEntries: []
 };
 const getAll = () => {
-  return state$w.menuEntries;
+  return state$v.menuEntries;
 };
 const add$1 = menuEntries => {
-  state$w.menuEntries = [...state$w.menuEntries, ...menuEntries];
+  state$v.menuEntries = [...state$v.menuEntries, ...menuEntries];
 };
 
 const loadModule$2 = (id, module) => {
@@ -3621,7 +3957,7 @@ const loadModule$1 = async (id, module) => {
   }
 };
 
-const ActivityBar$6 = 'ActivityBar';
+const ActivityBar$5 = 'ActivityBar';
 const Audio$1 = 'Audio';
 const BrowserViewOverview = 'BrowserViewOverview';
 const Clock = 'Clock';
@@ -3629,7 +3965,7 @@ const ColorPicker = 'ColorPicker';
 const Counter = 'Counter';
 const DebugConsole = 'Debug Console';
 const DefineKeyBinding = 'DefineKeyBinding';
-const Dialog$1 = 'Dialog';
+const Dialog = 'Dialog';
 const DiffEditor$1 = 'DiffEditor';
 const InlineDiffEditor$1 = 'InlineDiffEditor';
 const EditorImage$2 = 'EditorImage';
@@ -3684,7 +4020,7 @@ const WebView$1 = 'WebView';
 const ViewletModuleId = {
   __proto__: null,
   About: About$1,
-  ActivityBar: ActivityBar$6,
+  ActivityBar: ActivityBar$5,
   Audio: Audio$1,
   BrowserViewOverview,
   Clock,
@@ -3693,7 +4029,7 @@ const ViewletModuleId = {
   Counter,
   DebugConsole,
   DefineKeyBinding,
-  Dialog: Dialog$1,
+  Dialog,
   DiffEditor: DiffEditor$1,
   E2eTest,
   E2eTests: E2eTests$1,
@@ -3745,7 +4081,7 @@ const ViewletModuleId = {
 };
 
 // @ts-nocheck
-const state$v = {
+const state$u = {
   pendingModules: Object.create(null)
 };
 const ViewletState = {
@@ -3783,7 +4119,7 @@ const runFn = async (instance, id, key, fn, args) => {
     }
     const commands = render$J(instance.factory, oldState, newState, newState.uid || id);
     setRenderedState(id, newState);
-    await invoke$c(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+    await invoke$d(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
   } else {
     return fn(instance.state, ...args);
   }
@@ -3808,7 +4144,7 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
   if (commands.length === 0) {
     return;
   }
-  await invoke$c(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+  await invoke$d(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
 };
 
 // TODO maybe wrapViewletCommand should accept module instead of id string
@@ -3868,7 +4204,7 @@ const wrapViewletCommandWithSideEffectLazy = (id, key, importFn) => {
  * @param {()=>any} getModule
  * @returns
  */
-const create$14 = (getModule, id, parentUid, uri, x, y, width, height) => {
+const create$12 = (getModule, id, parentUid, uri, x, y, width, height) => {
   fn(getModule);
   string(id);
   number$1(parentUid);
@@ -4004,7 +4340,7 @@ const maybeRegisterEvents = module => {
         const commands = render$J(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
         instance.state = newState;
         instance.renderedState = newState;
-        await invoke$c(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+        await invoke$d(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
       };
       addListener(key, handleUpdate);
     }
@@ -4022,7 +4358,7 @@ const maybeRegisterMenuEntries = module => {
 };
 const actuallyLoadModule = async (getModule, id) => {
   const module = await getModule(id);
-  await invoke$c(/* Viewlet.load */kLoadModule, /* id */id);
+  await invoke$d(/* Viewlet.load */kLoadModule, /* id */id);
   await loadModule$1(id, module);
   maybeRegisterWrappedCommands(id, module);
   maybeRegisterEvents(module);
@@ -4030,10 +4366,10 @@ const actuallyLoadModule = async (getModule, id) => {
   return module;
 };
 const loadModule = (getModule, id) => {
-  if (!(id in state$v.pendingModules)) {
-    state$v.pendingModules[id] = actuallyLoadModule(getModule, id);
+  if (!(id in state$u.pendingModules)) {
+    state$u.pendingModules[id] = actuallyLoadModule(getModule, id);
   }
-  return state$v.pendingModules[id];
+  return state$u.pendingModules[id];
 };
 
 // TODO add lots of unit tests for this
@@ -4159,7 +4495,7 @@ const load$7 = async (viewlet, focus = false, restore = false, restoreState = un
     }
     state = ViewletState.ContentLoaded;
     if (viewlet.show === false) {} else {
-      await invoke$c(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
+      await invoke$d(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
     }
     if (viewlet.disposed) {
       // TODO unload the module from renderer process
@@ -4208,7 +4544,7 @@ const load$7 = async (viewlet, focus = false, restore = false, restoreState = un
         return allCommands;
       }
       commands.push(...extraCommands);
-      await invoke$c(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+      await invoke$d(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
     } else {
       const allCommands = [...commands, ...extraCommands
       // ['Viewlet.show', viewlet.id],
@@ -4229,7 +4565,7 @@ const load$7 = async (viewlet, focus = false, restore = false, restoreState = un
     }
     state = ViewletState.ContentRendered;
     if (viewlet.parentUid && viewlet.show !== false) {
-      await invoke$c(/* Viewlet.append */kAppendViewlet, /* parentUid */viewlet.parentUid, /* id */viewletUid, /* focus */focus);
+      await invoke$d(/* Viewlet.append */kAppendViewlet, /* parentUid */viewlet.parentUid, /* id */viewletUid, /* focus */focus);
     }
     state = ViewletState.Appended;
     if (viewlet.disposed) {
@@ -4251,10 +4587,10 @@ const load$7 = async (viewlet, focus = false, restore = false, restoreState = un
       }
       const commands = [];
       if (state < ViewletState.RendererProcessViewletLoaded) {
-        await invoke$c(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
+        await invoke$d(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
       }
       const parentUid = viewlet.parentUid;
-      await invoke$c(kLoadModule, Error$2);
+      await invoke$d(kLoadModule, Error$2);
       commands.push([kCreate, Error$2, viewletUid]);
       // @ts-ignore
       if (viewlet.setBounds !== false) {
@@ -4302,30 +4638,30 @@ const load$5 = async moduleId => {
 };
 
 const disposeBrowserViewQuickPick = () => {
-  return invoke$b('ElectronBrowserViewQuickPick.disposeBrowserViewQuickPick');
+  return invoke$c('ElectronBrowserViewQuickPick.disposeBrowserViewQuickPick');
 };
 
-const state$u = {
+const state$t = {
   id: 0
 };
 const set$8 = value => {
-  state$u.id = value;
+  state$t.id = value;
 };
 const get$7 = () => {
-  return state$u.id;
+  return state$t.id;
 };
 
 // TODO cache window id
 
 const getWindowId = async () => {
   const webContentsId = get$7();
-  const windowId = await invoke$b('GetWindowId.getWindowId', webContentsId);
+  const windowId = await invoke$c('GetWindowId.getWindowId', webContentsId);
   return windowId;
 };
 
 const forward$2 = key => async (...args) => {
   const windowId = await getWindowId();
-  return invoke$b(key, windowId, ...args);
+  return invoke$c(key, windowId, ...args);
 };
 const reload$3 = forward$2('ElectronWindow.reload');
 const minimize$2 = forward$2('ElectronWindow.minimize');
@@ -4339,61 +4675,6 @@ const zoomOut$1 = forward$2('ElectronWindow.zoomOut');
 const zoomReset$1 = forward$2('ElectronWindow.zoomReset');
 const focus$a = forward$2('ElectronWindow.focus');
 
-const extensionHostSubWorkerUrl = `${assetDir}/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js`;
-
-const ElectronMessagePort = 1;
-const MessagePort$1 = 2;
-const ModuleWorker = 3;
-const ReferencePort = 4;
-const WebSocket$1 = 5;
-const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
-const Node = 7;
-const NodeAlternate = 8;
-
-const getModule$9 = method => {
-  switch (method) {
-    case ElectronMessagePort:
-      return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
-    case MessagePort$1:
-      return Promise.resolve().then(function () { return IpcParentWithMessagePort; });
-    case ModuleWorker:
-      return Promise.resolve().then(function () { return IpcParentWithModuleWorker; });
-    case ReferencePort:
-      return Promise.resolve().then(function () { return IpcParentWithReferencePort; });
-    case WebSocket$1:
-      return Promise.resolve().then(function () { return IpcParentWithWebSocket; });
-    case ModuleWorkerAndWorkaroundForChromeDevtoolsBug:
-      return Promise.resolve().then(function () { return IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug; });
-    case Node:
-      return Promise.resolve().then(function () { return IpcParentWithNode; });
-    case NodeAlternate:
-      return Promise.resolve().then(function () { return IpcParentWithNodeAlternate; });
-    default:
-      throw new Error('unexpected ipc type');
-  }
-};
-
-const create$13 = async ({
-  method,
-  ...options
-}) => {
-  // TODO
-  if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
-    options.url = extensionHostSubWorkerUrl;
-  }
-  const module = await getModule$9(method);
-  // @ts-ignore
-  const rawIpc = await module.create(options);
-  if (options.noReturn) {
-    return undefined;
-  }
-  if (options.raw) {
-    return rawIpc;
-  }
-  const ipc = module.wrap(rawIpc);
-  return ipc;
-};
-
 const handleKeyBinding$1 = async identifier => {
   number$1(identifier);
   const keyBinding = getKeyBinding(identifier);
@@ -4414,15 +4695,15 @@ const handleKeyBinding$1 = async identifier => {
   // }
 };
 
-const state$t = {
+const state$s = {
   isQuickPickOpen: false
 };
 const isQuickPickOpen = () => {
-  return state$t.isQuickPickOpen;
+  return state$s.isQuickPickOpen;
 };
 const closeWidgetElectronQuickPick = async () => {
   const id = QuickPick;
-  state$t.isQuickPickOpen = false;
+  state$s.isQuickPickOpen = false;
   remove$8(id);
   await disposeBrowserViewQuickPick();
   // TODO restore focus to previously focused element
@@ -4441,7 +4722,7 @@ const focus$9 = async id => {
     commands.push(...render$J(instance.factory, oldState, newState));
   }
   setFocusedInstance(instance);
-  await invoke$c('Viewlet.sendMultiple', commands);
+  await invoke$d('Viewlet.sendMultiple', commands);
 };
 
 /**
@@ -4484,7 +4765,7 @@ const dispose$x = async id => {
       throw new Error(`${id} is missing a factory function`);
     }
     instance.factory.dispose(instance.state);
-    await invoke$c(/* Viewlet.dispose */'Viewlet.dispose', /* id */instanceUid);
+    await invoke$d(/* Viewlet.dispose */'Viewlet.dispose', /* id */instanceUid);
     if (instance.factory.getKeyBindings) {
       removeKeyBindings(instanceUid);
     }
@@ -4663,7 +4944,7 @@ const setStateFunctional = (id, newState) => {
 const setState = async (id, newState) => {
   const commands = setStateFunctional(id, newState);
   if (commands.length > 0) {
-    await invoke$c(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
+    await invoke$d(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
   }
 };
 const getAllStates = () => {
@@ -4698,7 +4979,7 @@ const openWidget = async (moduleId, ...args) => {
   commands.push(['Viewlet.append', layout.uid, childUid]);
   // TODO ask view to render, rendering focus
   commands.push(['Viewlet.focus', childUid]);
-  await invoke$c('Viewlet.executeCommands', commands);
+  await invoke$d('Viewlet.executeCommands', commands);
   // TODO commands should be like this
   // viewlet.create quickpick
   // quickpick.setItems
@@ -4717,7 +4998,7 @@ const closeWidget = async id => {
     const child = childInstance.state;
     const childUid = child.uid;
     const commands = disposeFunctional(childUid);
-    await invoke$c(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
+    await invoke$d(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
     // TODO restore focus
   } catch (error) {
     throw new VError(error, `Failed to close widget ${id}`);
@@ -4774,7 +5055,7 @@ const executeViewletCommand = async (uid, fnName, ...args) => {
   if (commands.length === 0) {
     return;
   }
-  await invoke$c(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
+  await invoke$d(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
 };
 
 // @ts-ignore
@@ -4814,7 +5095,7 @@ const disposeWidgetWithValue = async (id, value) => {
     instance.status = 'disposed';
     remove$8(id);
     remove$8(uid);
-    await invoke$c('Viewlet.sendMultiple', commands);
+    await invoke$d('Viewlet.sendMultiple', commands);
     // return commands
     const parentInstance = getInstance(KeyBindings);
     if (!parentInstance) {
@@ -4847,7 +5128,7 @@ const handleIconThemeChange$4 = async () => {
 
 const initialIconTheme = undefined;
 
-const state$s = {
+const state$r = {
   seenFiles: [],
   seenFolders: [],
   hasWarned: [],
@@ -4858,11 +5139,11 @@ const state$s = {
   extensionPath: ''
 };
 const setTheme = iconTheme => {
-  state$s.iconTheme = iconTheme.json;
-  state$s.extensionPath = iconTheme.extensionPath;
+  state$r.iconTheme = iconTheme.json;
+  state$r.extensionPath = iconTheme.extensionPath;
 };
 const getIconTheme = () => {
-  return state$s.iconTheme;
+  return state$r.iconTheme;
 };
 
 const File$6 = '_file';
@@ -5002,7 +5283,7 @@ const hydrate$4 = async () => {
 };
 
 const getInitData = async () => {
-  const rendererProcessInitData = await invoke$c('InitData.getInitData');
+  const rendererProcessInitData = await invoke$d('InitData.getInitData');
   // TODO get the following items
   // - location.href
   // - workspace
@@ -5019,7 +5300,7 @@ const getInitData = async () => {
 const RendererWorker = 108;
 
 const listen = method => {
-  return create$13({
+  return create$14({
     method,
     type: 'shared-process',
     name: 'Shared Process',
@@ -5050,7 +5331,7 @@ const reloadElectron = () => {
 };
 
 const reloadWeb = () => {
-  return invoke$c('Window.reload');
+  return invoke$d('Window.reload');
 };
 
 const getFn$2 = () => {
@@ -5075,16 +5356,6 @@ const hydrate$3 = async () => {
   }
 };
 
-const state$r = {
-  shouldLaunchMultipleWorkers: false
-};
-const setConfig = shouldLaunchMultipleWorkers => {
-  state$r.shouldLaunchMultipleWorkers = shouldLaunchMultipleWorkers;
-};
-const getConfig = () => {
-  return state$r.shouldLaunchMultipleWorkers;
-};
-
 const Zero = 0;
 const One = 1;
 const Three = 3;
@@ -5170,7 +5441,7 @@ const load$4 = moduleId => {
       return Promise.resolve().then(function () { return DebugSharedProcess_ipc; });
     case Developer:
       return Promise.resolve().then(function () { return Developer_ipc; });
-    case Dialog$2:
+    case Dialog$1:
       return Promise.resolve().then(function () { return Dialog_ipc; });
     case Download:
       return Promise.resolve().then(function () { return Download_ipc; });
@@ -5325,6 +5596,8 @@ const load$4 = moduleId => {
       return Promise.resolve().then(function () { return SearchProcess_ipc; });
     case ExtensionHostTextSearch:
       return Promise.resolve().then(function () { return ExtensionHostTextSearch_ipc; });
+    case ExtensionStateStorage$2:
+      return Promise.resolve().then(function () { return ExtensionStateStorage; });
     default:
       throw new Error(`module ${moduleId} not found`);
   }
@@ -5392,46 +5665,46 @@ const LoadIconTheme = 'code/loadIconTheme';
 // TODO treeshake this function out when targeting electron
 
 const getExtensionsPath = () => {
-  return invoke$b(/* Platform.getExtensionsPath */'Platform.getExtensionsPath');
+  return invoke$c(/* Platform.getExtensionsPath */'Platform.getExtensionsPath');
 };
 const getCachedExtensionsPath = () => {
-  return invoke$b(/* Platform.getCachedExtensionsPath */'Platform.getCachedExtensionsPath');
+  return invoke$c(/* Platform.getCachedExtensionsPath */'Platform.getCachedExtensionsPath');
 };
 const getLogsDir = () => {
-  return invoke$b(/* Platform.getLogsDir */'Platform.getLogsDir');
+  return invoke$c(/* Platform.getLogsDir */'Platform.getLogsDir');
 };
 const getDownloadDir = () => {
-  return invoke$b(/* Platform.getDownloadDir */'Platform.getDownloadDir');
+  return invoke$c(/* Platform.getDownloadDir */'Platform.getDownloadDir');
 };
 const getUserSettingsPath = () => {
   if (platform === Web$1) {
     return 'settings';
   }
-  return invoke$b(/* Platform.getUserSettingsPath */'Platform.getUserSettingsPath');
+  return invoke$c(/* Platform.getUserSettingsPath */'Platform.getUserSettingsPath');
 };
 const getUserKeyBindingsPath = () => {
   if (platform === Web$1) {
     return 'settings';
   }
-  return invoke$b(/* Platform.getUserSettingsPath */'Platform.getUserKeyBindingsPath');
+  return invoke$c(/* Platform.getUserSettingsPath */'Platform.getUserKeyBindingsPath');
 };
 const getRecentlyOpenedPath = () => {
   if (platform === Web$1) {
     return 'recently-opened';
   }
-  return invoke$b(/* Platform.getRecentlyOpenedPath */'Platform.getRecentlyOpenedPath');
+  return invoke$c(/* Platform.getRecentlyOpenedPath */'Platform.getRecentlyOpenedPath');
 };
 const getConfigPath = () => {
-  return invoke$b(/* Platform.getConfigDir */'Platform.getConfigDir');
+  return invoke$c(/* Platform.getConfigDir */'Platform.getConfigDir');
 };
 const getCachePath = () => {
-  return invoke$b(/* Platform.getCacheDir */'Platform.getCacheDir');
+  return invoke$c(/* Platform.getCacheDir */'Platform.getCacheDir');
 };
 const getCacheName = () => {
   return 'lvce-runtime';
 };
 const getTestPathRemote = () => {
-  return invoke$b(/* Platform.getTestPath */'Platform.getTestPath');
+  return invoke$c(/* Platform.getTestPath */'Platform.getTestPath');
 };
 const getTestPathWeb = () => {
   return `${assetDir}/packages/extension-host-worker-tests`;
@@ -5448,7 +5721,7 @@ const getTestPath = () => {
   }
 };
 const getRepository = () => {
-  return invoke$b('Platform.getRepository');
+  return invoke$c('Platform.getRepository');
 };
 
 const addPath = (paths, path) => {
@@ -5502,7 +5775,7 @@ const addToRecentlyOpenedWeb = async path => {
   await setRecentlyOpened(newRecentlyOpened);
 };
 const addToRecentlyOpenedRemote = async path => {
-  await invoke$b(RecentlyOpenedAddPath, path);
+  await invoke$c(RecentlyOpenedAddPath, path);
 };
 const addToRecentlyOpened = async path => {
   switch (platform) {
@@ -5560,7 +5833,7 @@ function promisifyRequest(request) {
       request.removeEventListener('error', error);
     };
     const success = () => {
-      resolve(wrap$8(request.result));
+      resolve(wrap$7(request.result));
       unlisten();
     };
     const error = () => {
@@ -5623,7 +5896,7 @@ let idbProxyTraps = {
       }
     }
     // Else transform whatever we get back.
-    return wrap$8(target[prop]);
+    return wrap$7(target[prop]);
   },
   set(target, prop, value) {
     target[prop] = value;
@@ -5648,7 +5921,7 @@ function wrapFunction(func) {
       // @ts-ignore
       const tx = func.call(unwrap(this), storeNames, ...args);
       transactionStoreNamesMap.set(tx, storeNames.sort ? storeNames.sort() : [storeNames]);
-      return wrap$8(tx);
+      return wrap$7(tx);
     };
   }
   // Cursor methods are special, as the behaviour is a little more different to standard IDB. In
@@ -5663,14 +5936,14 @@ function wrapFunction(func) {
       // @ts-ignore
       func.apply(unwrap(this), args);
       // @ts-ignore
-      return wrap$8(cursorRequestMap.get(this));
+      return wrap$7(cursorRequestMap.get(this));
     };
   }
   return function (...args) {
     // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
     // the original object.
     // @ts-ignore
-    return wrap$8(func.apply(unwrap(this), args));
+    return wrap$7(func.apply(unwrap(this), args));
   };
 }
 function transformCachableValue(value) {
@@ -5682,7 +5955,7 @@ function transformCachableValue(value) {
   // Return the same value back if we're not going to transform it.
   return value;
 }
-function wrap$8(value) {
+function wrap$7(value) {
   // We sometimes generate multiple promises from a single IDBRequest (eg when cursoring), because
   // IDB is weird and a single IDBRequest can yield many responses, so these can't be cached.
   if (value instanceof IDBRequest) return promisifyRequest(value);
@@ -5717,10 +5990,10 @@ function openDB(name, version, {
   terminated
 } = {}) {
   const request = indexedDB.open(name, version);
-  const openPromise = wrap$8(request);
+  const openPromise = wrap$7(request);
   if (upgrade) {
     request.addEventListener('upgradeneeded', event => {
-      upgrade(wrap$8(request.result), event.oldVersion, event.newVersion, wrap$8(request.transaction), event);
+      upgrade(wrap$7(request.result), event.oldVersion, event.newVersion, wrap$7(request.transaction), event);
     });
   }
   if (blocked) {
@@ -5963,10 +6236,6 @@ const sleep = duration => {
   return promise;
 };
 
-const now = () => {
-  return performance.now();
-};
-
 const handleMessage = async (source, timestamp, message) => {
   try {
     const sessionId = getSessionId();
@@ -6150,14 +6419,14 @@ const handleUnhandledError = (message, filename, lineno, colno, error) => {
 
 const map = {
   [About$1]: () => Promise.resolve().then(function () { return ViewletAbout_ipc; }),
-  [ActivityBar$6]: () => Promise.resolve().then(function () { return ViewletActivityBar_ipc; }),
+  [ActivityBar$5]: () => Promise.resolve().then(function () { return ViewletActivityBar_ipc; }),
   [Audio$1]: () => Promise.resolve().then(function () { return ViewletAudio_ipc; }),
   [BrowserViewOverview]: () => Promise.resolve().then(function () { return ViewletBrowserViewOverview_ipc; }),
   [Clock]: () => Promise.resolve().then(function () { return ViewletClock_ipc; }),
   [Confirm$1]: () => Promise.resolve().then(function () { return ViewletConfirm_ipc; }),
   [DebugConsole]: () => Promise.resolve().then(function () { return ViewletDebugConsole_ipc; }),
   [DefineKeyBinding]: () => Promise.resolve().then(function () { return ViewletDefineKeyBinding_ipc; }),
-  [Dialog$1]: () => Promise.resolve().then(function () { return ViewletDialog_ipc; }),
+  [Dialog]: () => Promise.resolve().then(function () { return ViewletDialog_ipc; }),
   [DiffEditor$1]: () => Promise.resolve().then(function () { return ViewletDiffEditor_ipc; }),
   [E2eTest]: () => Promise.resolve().then(function () { return ViewletE2eTest_ipc; }),
   [E2eTests$1]: () => Promise.resolve().then(function () { return ViewletE2eTests_ipc; }),
@@ -6249,7 +6518,7 @@ const startup = async () => {
   mark(DidLoadColorTheme);
   mark$1(Four);
   mark(WillShowLayout);
-  const layout = create$14(load$5, Layout, 0, '', 0, 0, 0, 0);
+  const layout = create$12(load$5, Layout, 0, '', 0, 0, 0, 0);
   layout.uid = create$15();
   const layoutState = await getSavedViewletState(Layout);
   const commands = await load$7({
@@ -6270,7 +6539,7 @@ const startup = async () => {
   const placeholderCommands = layoutModule.factory.getInitialPlaceholderCommands(layoutModule.state);
   commands.push(...placeholderCommands);
   commands.push(['Viewlet.appendToBody', layout.uid]);
-  await invoke$c('Viewlet.executeCommands', commands);
+  await invoke$d('Viewlet.executeCommands', commands);
   // await Layout.hydrate(initData)
   mark(DidShowLayout);
   mark(WillLoadLanguages);
@@ -6481,221 +6750,6 @@ const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompl
 const TextSearchExecuteTextSearchProvider = 'ExtensionHostTextSearch.executeTextSearchProvider';
 const TypeDefinitionExecuteTypeDefinitionProvider = 'ExtensionHostTypeDefinition.executeTypeDefinitionProvider';
 
-const workers = new Map();
-const getOrCreate$2 = fn => {
-  if (!workers.has(fn)) {
-    workers.set(fn, fn());
-  }
-  return workers.get(fn);
-};
-const getOrCreateWorker = fn => {
-  return {
-    async invoke(method, ...params) {
-      const ipc = await getOrCreate$2(fn);
-      return invoke$d(ipc, method, ...params);
-    },
-    async invokeAndTransfer(method, ...params) {
-      const ipc = await getOrCreate$2(fn);
-      return invokeAndTransfer$c(ipc, method, ...params);
-    },
-    async dispose() {
-      const promise = workers.get(fn);
-      workers.delete(fn);
-      const ipc = await promise;
-      ipc.dispose();
-    }
-  };
-};
-
-const extensionHostWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/extension-host-worker/dist/extensionHostWorkerMain.js`;
-
-const ModuleWorkerWithMessagePort = 4;
-const Electron = 5;
-
-const getPortTuple = initialPort => {
-  if (initialPort) {
-    return {
-      port1: undefined,
-      port2: initialPort
-    };
-  }
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  return {
-    port1,
-    port2
-  };
-};
-
-const walkValue = (value, transferrables, isTransferrable) => {
-  if (!value) {
-    return;
-  }
-  if (isTransferrable(value)) {
-    transferrables.push(value);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      walkValue(item, transferrables, isTransferrable);
-    }
-    return;
-  }
-  if (typeof value === 'object') {
-    for (const property of Object.values(value)) {
-      walkValue(property, transferrables, isTransferrable);
-    }
-    return;
-  }
-};
-
-const transferrables = [];
-if (typeof OffscreenCanvas !== 'undefined') {
-  transferrables.push(OffscreenCanvas);
-}
-if (typeof MessagePort !== 'undefined') {
-  transferrables.push(MessagePort);
-}
-
-const isTransferrable = value => {
-  for (const fn of transferrables) {
-    if (value instanceof fn) {
-      return true;
-    }
-  }
-  return false;
-};
-
-const getTransferrables = value => {
-  const transferrables = [];
-  walkValue(value, transferrables, isTransferrable);
-  return transferrables;
-};
-
-const create$12 = async ({
-  url,
-  name,
-  port,
-  id
-}) => {
-  // TODO no need to create port if worker
-  // has been prelaunched in renderer process
-  const {
-    port1,
-    port2
-  } = getPortTuple(port);
-  await invokeAndTransfer$b('IpcParent.create', {
-    method: ModuleWorkerWithMessagePort,
-    url,
-    name,
-    raw: true,
-    port: port2,
-    id
-  });
-  return port1;
-};
-
-// TODO why are some events not instance of message event?
-
-const getData$1 = event => {
-  if (event instanceof MessageEvent) {
-    return event.data;
-  }
-  return event;
-};
-const wrap$7 = port => {
-  return {
-    port,
-    /**
-     * @type {any}
-     */
-    listener: undefined,
-    get onmessage() {
-      return this.listener;
-    },
-    set onmessage(listener) {
-      const wrappedListener = event => {
-        const data = getData$1(event);
-        const syntheticEvent = {
-          data,
-          target: this
-        };
-        listener(syntheticEvent);
-      };
-      this.port.onmessage = wrappedListener;
-    },
-    send(message) {
-      this.port.postMessage(message);
-    },
-    sendAndTransfer(message) {
-      const transfer = getTransferrables(message);
-      this.port.postMessage(message, transfer);
-    },
-    dispose() {
-      this.port.postMessage({
-        jsonrpc: '2.0',
-        method: 'Exit.exit',
-        params: []
-      });
-      this.port.close();
-    }
-  };
-};
-
-const IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug = {
-  __proto__: null,
-  create: create$12,
-  wrap: wrap$7
-};
-
-const objects = Object.create(null);
-const transferToRendererProcess = async (objectId, transferable) => {
-  await invokeAndTransfer$b('Transferrable.transfer', transferable, objectId);
-};
-const transfer = (objectId, transferable) => {
-  number$1(objectId);
-  object(transferable);
-  objects[objectId] = transferable;
-};
-const acquire = objectId => {
-  number$1(objectId);
-  const value = objects[objectId];
-  if (!value) {
-    throw new Error(`transferrable object not found`);
-  }
-  delete objects[objectId];
-  return value;
-};
-
-const launchExtensionHostWorker = async () => {
-  const name = platform === Electron$1 ? 'Extension Host (Electron)' : 'Extension Host';
-  const id = create$15();
-  let ipc = await create$13({
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    name,
-    url: extensionHostWorkerUrl,
-    id
-  });
-  if (getConfig()) {
-    // TODO should renderer process send port to renderer worker or vice versa?
-    const port = acquire(id);
-    ipc = wrap$7(port);
-  }
-  handleIpc(ipc);
-  await invoke$d(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
-  addListener('workspace.change', async () => {
-    await invoke$d(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
-  });
-  return ipc;
-};
-
-const {
-  invoke: invoke$a,
-  invokeAndTransfer: invokeAndTransfer$9
-} = getOrCreateWorker(launchExtensionHostWorker);
-
 const getExtensionAbsolutePath = (id, isWeb, isBuiltin, path, relativePath, origin) => {
   if (path.startsWith('http')) {
     if (path.endsWith('/')) {
@@ -6731,7 +6785,7 @@ const state$m = {
 const actuallyActivateExtension = async extension => {
   if (!(extension.id in state$m.activatedExtensions)) {
     const absolutePath = getExtensionAbsolutePath(extension.id, extension.isWeb, extension.builtin, extension.path, extension.browser, origin);
-    state$m.activatedExtensions[extension.id] = invoke$a(ExtensionActivate, extension, absolutePath);
+    state$m.activatedExtensions[extension.id] = invoke$b(ExtensionActivate, extension, absolutePath);
   }
   return state$m.activatedExtensions[extension.id];
 };
@@ -6783,7 +6837,7 @@ const executeProviders = async ({
   combineResults
 }) => {
   await activateByEvent(event);
-  const result = await invoke$a(method, ...params);
+  const result = await invoke$b(method, ...params);
   return result;
 };
 const executeProvider = async ({
@@ -6793,14 +6847,14 @@ const executeProvider = async ({
   noProviderFoundMessage
 }) => {
   await activateByEvent(event);
-  const result = invoke$a(method, ...params);
+  const result = invoke$b(method, ...params);
   return result;
 };
 const execute$3 = async ({
   method,
   params
 }) => {
-  await invoke$a(method, ...params);
+  await invoke$b(method, ...params);
 };
 
 const readFile$d = uri => {
@@ -7020,7 +7074,7 @@ const FileSystemData = {
 
 const fileSearchWorkerUrl = `${assetDir}/packages/file-search-worker/dist/fileSearchWorkerMain.js`;
 
-const getConfiguredWorkerUrl$5 = () => {
+const getConfiguredWorkerUrl$6 = () => {
   let configuredWorkerUrl = get$d('develop.fileSearchWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -7033,41 +7087,41 @@ const getConfiguredWorkerUrl$5 = () => {
 };
 const launchFileSearchWorker = async () => {
   const name = 'File Search Worker';
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$5()
+    url: getConfiguredWorkerUrl$6()
   });
   handleIpc(ipc);
   return ipc;
 };
 
 const {
-  invoke: invoke$9,
-  invokeAndTransfer: invokeAndTransfer$8
+  invoke: invoke$a,
+  invokeAndTransfer: invokeAndTransfer$9
 } = getOrCreateWorker(launchFileSearchWorker);
 
 const name$2n = 'Memory';
 const readFile$a = uri => {
-  return invoke$9('FileSystemMemory.readFile', uri);
+  return invoke$a('FileSystemMemory.readFile', uri);
 };
 const writeFile$a = (uri, content) => {
-  return invoke$9('FileSystemMemory.writeFile', uri, content);
+  return invoke$a('FileSystemMemory.writeFile', uri, content);
 };
 const mkdir$3 = uri => {
-  return invoke$9('FileSystemMemory.mkdir', uri);
+  return invoke$a('FileSystemMemory.mkdir', uri);
 };
 const getPathSeparator$5 = () => {
   return Slash$1;
 };
 const remove$4 = uri => {
-  return invoke$9('FileSystemMemory.remove', uri);
+  return invoke$a('FileSystemMemory.remove', uri);
 };
 const readDirWithFileTypes$4 = uri => {
-  return invoke$9('FileSystemMemory.readDirWithFileTypes', uri);
+  return invoke$a('FileSystemMemory.readDirWithFileTypes', uri);
 };
 const getBlobUrl$2 = uri => {
-  return invoke$9('FileSystemMemory.getBlobUrl', uri);
+  return invoke$a('FileSystemMemory.getBlobUrl', uri);
 };
 const getBlob$2 = async uri => {
   const content = await readFile$a(uri);
@@ -7075,10 +7129,10 @@ const getBlob$2 = async uri => {
   return blob;
 };
 const chmod$2 = (path, permissions) => {
-  return invoke$9('FileSystemMemory.chmod', path, permissions);
+  return invoke$a('FileSystemMemory.chmod', path, permissions);
 };
 const getFiles = () => {
-  return invoke$9('FileSystemMemory.getFiles');
+  return invoke$a('FileSystemMemory.getFiles');
 };
 
 const FileSystemMemory = {
@@ -7467,29 +7521,29 @@ const getRemoteSrc = uri => {
 
 const name$2k = 'Disk';
 const copy$9 = (source, target) => {
-  return invoke$b(FileSystemCopy, /* source */source, /* target */target);
+  return invoke$c(FileSystemCopy, /* source */source, /* target */target);
 };
 const readFile$7 = (path, encoding) => {
-  return invoke$b(FileSystemReadFile$1, /* path */path, /* encoding */encoding);
+  return invoke$c(FileSystemReadFile$1, /* path */path, /* encoding */encoding);
 };
 const readJson$2 = path => {
-  return invoke$b(FileSystemReadJson, /* path */path);
+  return invoke$c(FileSystemReadJson, /* path */path);
 };
 const remove$1 = path => {
-  return invoke$b(FileSystemRemove$1, /* path */path);
+  return invoke$c(FileSystemRemove$1, /* path */path);
 };
 const rename$3 = (oldUri, newUri) => {
-  return invoke$b(FileSystemRename$1, /* oldPath */oldUri, /* newPath */newUri);
+  return invoke$c(FileSystemRename$1, /* oldPath */oldUri, /* newPath */newUri);
 };
 const mkdir = path => {
-  return invoke$b(FileSystemMkdir$1, /* path */path);
+  return invoke$c(FileSystemMkdir$1, /* path */path);
 };
 const writeFile$7 = async (path, content, encoding) => {
-  await invoke$b(/* FileSystem.writeFile */FileSystemWriteFile$1, /* path */path, /* content */content, /* encoding */encoding);
+  await invoke$c(/* FileSystem.writeFile */FileSystemWriteFile$1, /* path */path, /* content */content, /* encoding */encoding);
 };
 const ensureFile = async () => {};
 const readDirWithFileTypes$1 = path => {
-  return invoke$b(FileSystemReadDirWithFileTypes$1, /* path */path);
+  return invoke$c(FileSystemReadDirWithFileTypes$1, /* path */path);
 };
 const getBlobUrl$1 = path => {
   if (!path.startsWith('/')) {
@@ -7498,7 +7552,7 @@ const getBlobUrl$1 = path => {
   return getRemoteSrc(path);
 };
 const getBlob$1 = async path => {
-  const content = await invoke$b('FileSystem.readFileAsBuffer', path);
+  const content = await invoke$c('FileSystem.readFileAsBuffer', path);
   const array = new Uint8Array(content.data);
   const blob = new Blob([array], {});
   return blob;
@@ -7507,16 +7561,16 @@ const getPathSeparator$2 = () => {
   if (platform === Web$1) {
     return Slash$1;
   }
-  return invoke$b(FileSystemGetPathSeparator$1);
+  return invoke$c(FileSystemGetPathSeparator$1);
 };
 const getRealPath = path => {
-  return invoke$b(FileSystemGetRealPath, /* path */path);
+  return invoke$c(FileSystemGetRealPath, /* path */path);
 };
 const stat = path => {
-  return invoke$b(FileSystemStat, /* path */path);
+  return invoke$c(FileSystemStat, /* path */path);
 };
 const chmod = (path, permissions) => {
-  return invoke$b(FileSystemChmod, /* path */path, /* permissions */permissions);
+  return invoke$c(FileSystemChmod, /* path */path, /* permissions */permissions);
 };
 const canBeRestored$2 = true;
 
@@ -7716,7 +7770,7 @@ const requestPermission = async (handle, options) => {
   // query permission, but from renderer process
   // because handle.requestPermission is not implemented
   // in a worker, see https://github.com/WICG/file-system-access/issues/289
-  const permissionTypeNow = await invoke$c('FileSystemHandle.requestPermission', handle, options);
+  const permissionTypeNow = await invoke$d('FileSystemHandle.requestPermission', handle, options);
   return permissionTypeNow;
 };
 const queryPermission = async (handle, options) => {
@@ -7942,340 +7996,6 @@ const FileSystemHtml = {
   writeFile: writeFile$6
 };
 
-const isImportErrorChrome = error => {
-  return error && error instanceof Error && error.message.startsWith('Failed to fetch dynamically imported module');
-};
-
-const isImportErrorFirefox = error => {
-  return error && error instanceof TypeError && error.message === 'error loading dynamically imported module';
-};
-
-const isSyntaxError = error => {
-  return error instanceof SyntaxError;
-};
-
-const isImportError = error => {
-  return isImportErrorChrome(error) || isImportErrorFirefox(error) || isSyntaxError(error);
-};
-
-const IsImportError = {
-  __proto__: null,
-  isImportError
-};
-
-const RE_LINE_COLUMN = /(.*)(?:\(\d+\:\d+\))/;
-const getBabelErrorMessage = message => {
-  const match = message.match(RE_LINE_COLUMN);
-  if (match) {
-    return match[1].trim();
-  }
-  return message;
-};
-class BabelParseError extends SyntaxError {
-  constructor(url, error) {
-    const message = getBabelErrorMessage(error.message);
-    super(message);
-    this.name = 'BabelParseError';
-    // @ts-ignore
-    const line = error.loc.line;
-    // @ts-ignore
-    const column = error.loc.column + 1;
-    this.stack = `${message}
-  at ${url}:${line}:${column}`;
-  }
-}
-
-const loadBabelParser = () => {
-  const url = `${assetDir}/js/babel-parser.js`;
-  return import(url);
-};
-
-const parse = async (code, options) => {
-  const BabelParse = await loadBabelParser();
-  return BabelParse.parse(code, options);
-};
-
-const Module$2 = 'module';
-
-class ContentSecurityPolicyError extends Error {
-  constructor(violatedDirective, sourceFile, lineNumber, columnNumber) {
-    super(`Content Security Policy Violation: ${violatedDirective}`);
-    this.name = 'ContentSecurityPolicyError';
-    this.stack = `Content Security Policy Violation
-  at ${sourceFile}:${lineNumber}:${columnNumber}`;
-  }
-}
-
-const state$j = {
-  /**
-   * @type {any[]}
-   */
-  errors: []
-};
-const hasRecentErrors = () => {
-  return state$j.errors.length > 0;
-};
-const getRecentError = () => {
-  return state$j.errors.at(-1);
-};
-
-const getLineAndColumn = (text, start, end) => {
-  let index = -1;
-  let line = 0;
-  const column = 0;
-  while ((index = getNewLineIndex$1(text, index + 1)) !== -1) {
-    line++;
-    if (index >= start) {
-      break;
-    }
-  }
-  return {
-    line,
-    column
-  };
-};
-
-const getErrorMessage$1 = dependencyRelativePath => {
-  return `Module not found "${dependencyRelativePath}"`;
-};
-const getErrorStack = (message, sourceUrl, line, column) => {
-  return `${message}
-  at Module (${sourceUrl}:${line}:${column})`;
-};
-class DependencyNotFoundError extends Error {
-  constructor(code, start, end, dependencyRelativePath, dependencyUrl, sourceUrl) {
-    super(getErrorMessage$1(dependencyRelativePath));
-    this.name = 'DependencyNotFoundError';
-    const {
-      line,
-      column
-    } = getLineAndColumn(code, start);
-    this.stack = getErrorStack(this.message, sourceUrl, line, column);
-  }
-}
-
-const ArrowFunctionExpression = 'ArrowFunctionExpression';
-const AwaitExpression = 'AwaitExpression';
-const BlockStatement = 'BlockStatement';
-const CallExpression = 'CallExpression';
-const ExportAllDeclaration = 'ExportAllDeclaration';
-const ExportNamedDeclaration = 'ExportNamedDeclaration';
-const ExpressionStatement = 'ExpressionStatement';
-const File$3 = 'File';
-const Import = 'Import';
-const ImportDeclaration = 'ImportDeclaration';
-const Program = 'Program';
-const StringLiteral = 'StringLiteral';
-const VariableDeclaration = 'VariableDeclaration';
-const VariableDeclarator = 'VariableDeclarator';
-
-const walk = (node, visitor) => {
-  if (!node) {
-    return;
-  }
-  if (Array.isArray(node)) {
-    for (const item of node) {
-      walk(item, visitor);
-    }
-    return;
-  }
-  visitor(node);
-  switch (node.type) {
-    case File$3:
-      walk(node.program, visitor);
-      break;
-    case Program:
-      walk(node.body, visitor);
-      break;
-    case ExportNamedDeclaration:
-      walk(node.declaration, visitor);
-      break;
-    case VariableDeclaration:
-      walk(node.declarations, visitor);
-      break;
-    case VariableDeclarator:
-      walk(node.init, visitor);
-      break;
-    case ArrowFunctionExpression:
-      walk(node.body, visitor);
-      break;
-    case BlockStatement:
-      walk(node.body, visitor);
-      break;
-    case ExpressionStatement:
-      walk(node.expression, visitor);
-      break;
-    case AwaitExpression:
-      walk(node.argument, visitor);
-      break;
-    case CallExpression:
-      walk(node.callee, visitor);
-      break;
-  }
-};
-const getBabelAstDependencies = (code, ast) => {
-  const {
-    program
-  } = ast;
-  const {
-    body
-  } = program;
-  const dependencies = [];
-  for (const node of body) {
-    if (node.type === ImportDeclaration || node.type === ExportAllDeclaration) {
-      const relativePath = node.source.extra.rawValue;
-      const start = node.source.start;
-      const end = node.source.end;
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    } else if (node.type === VariableDeclaration && node.declarations && node.declarations[0] && node.declarations[0].type === VariableDeclarator && node.declarations[0].init && node.declarations[0].init.type === AwaitExpression && node.declarations[0].init.argument && node.declarations[0].init.argument.type === CallExpression && node.declarations[0].init.argument.callee && node.declarations[0].init.argument.callee.type === Import && node.declarations[0].init.argument.arguments && node.declarations[0].init.argument.arguments[0] && node.declarations[0].init.argument.arguments[0].type === StringLiteral) {
-      const relativePath = node.declarations[0].init.argument.arguments[0].extra.rawValue;
-      const start = node.declarations[0].init.argument.arguments[0].start;
-      const end = node.declarations[0].init.argument.arguments[0].end;
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    }
-  }
-  const visitor = node => {
-    if (node && node.type === CallExpression && node.callee && node.callee.type === Import && node.arguments && node.arguments[0] && node.arguments[0].type === StringLiteral) {
-      const relativePath = node.arguments[0].extra.rawValue;
-      const start = node.arguments[0].start;
-      const end = node.arguments[0].end;
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    }
-  };
-  walk(ast, visitor);
-  return dependencies;
-};
-
-const isBabelError = error => {
-  // @ts-ignore
-  return isSyntaxError(error) && error.code === BABEL_PARSER_SYNTAX_ERROR;
-};
-
-const createObjectUrl = blob => {
-  return URL.createObjectURL(blob);
-};
-const revokeObjectUrl = url => {
-  return URL.revokeObjectURL(url);
-};
-const getAbsoluteUrl = (relativePath, sourceUrl) => {
-  if (sourceUrl.startsWith('/')) {
-    const origin = getOrigin();
-    const absoluteSourceUrl = new URL(sourceUrl, origin).toString();
-    return new URL(relativePath, absoluteSourceUrl).toString();
-  }
-  return new URL(relativePath, sourceUrl).toString();
-};
-
-const getErrorInDependencies = async (url, dependencies, seenDependencies) => {
-  for (const dependency of dependencies) {
-    const dependencyUrl = getAbsoluteUrl(dependency.relativePath, url);
-    if (seenDependencies.includes(dependencyUrl)) {
-      continue;
-    }
-    seenDependencies.push(dependencyUrl);
-    // let dependencyResponse
-    // try {
-    const dependencyResponse = await fetch(dependencyUrl);
-    // } catch (error) {}
-    if (dependencyResponse.ok) {
-      await tryToGetActualErrorMessageInternal(null, dependencyUrl, dependencyResponse, seenDependencies);
-    } else {
-      switch (dependencyResponse.status) {
-        case NotFound:
-          throw new DependencyNotFoundError(dependency.code, dependency.start, dependency.end, dependency.relativePath, dependencyUrl, url);
-        // return `Failed to import ${url}: ${error}`
-      }
-    }
-  }
-};
-const tryToGetActualErrorMessageInternal = async (error, url, response, seenDependencies) => {
-  let text;
-  try {
-    text = await response.text();
-  } catch {
-    return `Failed to import ${url}: Unknown Network Error`;
-  }
-  let ast;
-  try {
-    ast = await parse(text, {
-      sourceType: Module$2
-    });
-  } catch (error) {
-    if (isBabelError(error)) {
-      throw new BabelParseError(url, error);
-    }
-    throw error;
-  }
-  const dependencies = getBabelAstDependencies(text, ast);
-  await getErrorInDependencies(url, dependencies, seenDependencies);
-  if (hasRecentErrors()) {
-    const recentError = getRecentError();
-    throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
-  }
-  return `Failed to import ${url}: Unknown Network Error`;
-};
-
-/**
- *
- * @param {string} url
- * @param {Response} response
- * @returns
- */
-const tryToGetActualErrorMessage$1 = async (error, url, response) => {
-  return tryToGetActualErrorMessageInternal(error, url, response, []);
-};
-
-const getUrl = error => {
-  if (error.message.startsWith('Failed to fetch dynamically imported module:')) {
-    return error.message.slice('Failed to fetch dynamically imported module:'.length);
-  }
-  return '';
-};
-const tryToGetActualImportErrorMessage = async (url, error) => {
-  url ||= getUrl(error);
-  if (!url) {
-    return `Failed to import script: ${error}`;
-  }
-  if (error && error instanceof Error) {
-    return `Failed to import script: ${error}`;
-  }
-  let response;
-  try {
-    response = await fetch(url);
-  } catch {
-    return `Failed to import ${url}: ${error}`;
-  }
-  if (response.ok) {
-    return await tryToGetActualErrorMessage$1(error, url, response);
-  }
-  switch (response.status) {
-    case NotFound:
-      throw new Error(`Failed to import ${url}: Not found (404)`);
-    default:
-      return `Failed to import ${url}: ${error}`;
-  }
-};
-
-const TryToGetActualImportErrorMessage = {
-  __proto__: null,
-  tryToGetActualImportErrorMessage
-};
-
 const removeValues = (value, toRemove) => {
   if (!value) {
     return value;
@@ -8326,7 +8046,7 @@ const getPort = async ipcId => {
     port2
   } = getPortTuple();
   // TODO call sendMessagePortToElectron function
-  const webContentsId = await invokeAndTransfer$b('IpcParent.create', {
+  const webContentsId = await invokeAndTransfer$c('IpcParent.create', {
     method: Electron,
     port: port1,
     ipcId
@@ -8494,7 +8214,7 @@ const getWorkerDisplayName = name => {
   return `${name} worker`;
 };
 
-const tryToGetActualErrorMessage = async ({
+const tryToGetActualErrorMessage$1 = async ({
   url,
   name
 }) => {
@@ -8520,14 +8240,14 @@ const tryToGetActualErrorMessage = async ({
   }
 };
 
-const Module$1 = 'module';
+const Module$2 = 'module';
 
 const create$$ = async ({
   url,
   name
 }) => {
   const worker = new Worker(url, {
-    type: Module$1,
+    type: Module$2,
     name
   });
   const {
@@ -8541,7 +8261,7 @@ const create$$ = async ({
       }
       break;
     case Error$1:
-      const actualErrorMessage = await tryToGetActualErrorMessage({
+      const actualErrorMessage = await tryToGetActualErrorMessage$1({
         url,
         name
       });
@@ -8806,7 +8526,7 @@ const IpcParentWithNode = {
 const sendMessagePortToElectron = async (port, initialCommand, ipcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$a(initialCommand, port, ipcId);
+  await invokeAndTransfer$b(initialCommand, port, ipcId);
 };
 
 const create$W = async options => {
@@ -8873,6 +8593,340 @@ const IpcParentWithNodeAlternate = {
   wrap
 };
 
+const isImportErrorChrome = error => {
+  return error && error instanceof Error && error.message.startsWith('Failed to fetch dynamically imported module');
+};
+
+const isImportErrorFirefox = error => {
+  return error && error instanceof TypeError && error.message === 'error loading dynamically imported module';
+};
+
+const isSyntaxError = error => {
+  return error instanceof SyntaxError;
+};
+
+const isImportError = error => {
+  return isImportErrorChrome(error) || isImportErrorFirefox(error) || isSyntaxError(error);
+};
+
+const IsImportError = {
+  __proto__: null,
+  isImportError
+};
+
+const RE_LINE_COLUMN = /(.*)(?:\(\d+\:\d+\))/;
+const getBabelErrorMessage = message => {
+  const match = message.match(RE_LINE_COLUMN);
+  if (match) {
+    return match[1].trim();
+  }
+  return message;
+};
+class BabelParseError extends SyntaxError {
+  constructor(url, error) {
+    const message = getBabelErrorMessage(error.message);
+    super(message);
+    this.name = 'BabelParseError';
+    // @ts-ignore
+    const line = error.loc.line;
+    // @ts-ignore
+    const column = error.loc.column + 1;
+    this.stack = `${message}
+  at ${url}:${line}:${column}`;
+  }
+}
+
+const loadBabelParser = () => {
+  const url = `${assetDir}/js/babel-parser.js`;
+  return import(url);
+};
+
+const parse = async (code, options) => {
+  const BabelParse = await loadBabelParser();
+  return BabelParse.parse(code, options);
+};
+
+const Module$1 = 'module';
+
+class ContentSecurityPolicyError extends Error {
+  constructor(violatedDirective, sourceFile, lineNumber, columnNumber) {
+    super(`Content Security Policy Violation: ${violatedDirective}`);
+    this.name = 'ContentSecurityPolicyError';
+    this.stack = `Content Security Policy Violation
+  at ${sourceFile}:${lineNumber}:${columnNumber}`;
+  }
+}
+
+const state$j = {
+  /**
+   * @type {any[]}
+   */
+  errors: []
+};
+const hasRecentErrors = () => {
+  return state$j.errors.length > 0;
+};
+const getRecentError = () => {
+  return state$j.errors.at(-1);
+};
+
+const getLineAndColumn = (text, start, end) => {
+  let index = -1;
+  let line = 0;
+  const column = 0;
+  while ((index = getNewLineIndex$1(text, index + 1)) !== -1) {
+    line++;
+    if (index >= start) {
+      break;
+    }
+  }
+  return {
+    line,
+    column
+  };
+};
+
+const getErrorMessage$1 = dependencyRelativePath => {
+  return `Module not found "${dependencyRelativePath}"`;
+};
+const getErrorStack = (message, sourceUrl, line, column) => {
+  return `${message}
+  at Module (${sourceUrl}:${line}:${column})`;
+};
+class DependencyNotFoundError extends Error {
+  constructor(code, start, end, dependencyRelativePath, dependencyUrl, sourceUrl) {
+    super(getErrorMessage$1(dependencyRelativePath));
+    this.name = 'DependencyNotFoundError';
+    const {
+      line,
+      column
+    } = getLineAndColumn(code, start);
+    this.stack = getErrorStack(this.message, sourceUrl, line, column);
+  }
+}
+
+const ArrowFunctionExpression = 'ArrowFunctionExpression';
+const AwaitExpression = 'AwaitExpression';
+const BlockStatement = 'BlockStatement';
+const CallExpression = 'CallExpression';
+const ExportAllDeclaration = 'ExportAllDeclaration';
+const ExportNamedDeclaration = 'ExportNamedDeclaration';
+const ExpressionStatement = 'ExpressionStatement';
+const File$3 = 'File';
+const Import = 'Import';
+const ImportDeclaration = 'ImportDeclaration';
+const Program = 'Program';
+const StringLiteral = 'StringLiteral';
+const VariableDeclaration = 'VariableDeclaration';
+const VariableDeclarator = 'VariableDeclarator';
+
+const walk = (node, visitor) => {
+  if (!node) {
+    return;
+  }
+  if (Array.isArray(node)) {
+    for (const item of node) {
+      walk(item, visitor);
+    }
+    return;
+  }
+  visitor(node);
+  switch (node.type) {
+    case File$3:
+      walk(node.program, visitor);
+      break;
+    case Program:
+      walk(node.body, visitor);
+      break;
+    case ExportNamedDeclaration:
+      walk(node.declaration, visitor);
+      break;
+    case VariableDeclaration:
+      walk(node.declarations, visitor);
+      break;
+    case VariableDeclarator:
+      walk(node.init, visitor);
+      break;
+    case ArrowFunctionExpression:
+      walk(node.body, visitor);
+      break;
+    case BlockStatement:
+      walk(node.body, visitor);
+      break;
+    case ExpressionStatement:
+      walk(node.expression, visitor);
+      break;
+    case AwaitExpression:
+      walk(node.argument, visitor);
+      break;
+    case CallExpression:
+      walk(node.callee, visitor);
+      break;
+  }
+};
+const getBabelAstDependencies = (code, ast) => {
+  const {
+    program
+  } = ast;
+  const {
+    body
+  } = program;
+  const dependencies = [];
+  for (const node of body) {
+    if (node.type === ImportDeclaration || node.type === ExportAllDeclaration) {
+      const relativePath = node.source.extra.rawValue;
+      const start = node.source.start;
+      const end = node.source.end;
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    } else if (node.type === VariableDeclaration && node.declarations && node.declarations[0] && node.declarations[0].type === VariableDeclarator && node.declarations[0].init && node.declarations[0].init.type === AwaitExpression && node.declarations[0].init.argument && node.declarations[0].init.argument.type === CallExpression && node.declarations[0].init.argument.callee && node.declarations[0].init.argument.callee.type === Import && node.declarations[0].init.argument.arguments && node.declarations[0].init.argument.arguments[0] && node.declarations[0].init.argument.arguments[0].type === StringLiteral) {
+      const relativePath = node.declarations[0].init.argument.arguments[0].extra.rawValue;
+      const start = node.declarations[0].init.argument.arguments[0].start;
+      const end = node.declarations[0].init.argument.arguments[0].end;
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    }
+  }
+  const visitor = node => {
+    if (node && node.type === CallExpression && node.callee && node.callee.type === Import && node.arguments && node.arguments[0] && node.arguments[0].type === StringLiteral) {
+      const relativePath = node.arguments[0].extra.rawValue;
+      const start = node.arguments[0].start;
+      const end = node.arguments[0].end;
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    }
+  };
+  walk(ast, visitor);
+  return dependencies;
+};
+
+const isBabelError = error => {
+  // @ts-ignore
+  return isSyntaxError(error) && error.code === BABEL_PARSER_SYNTAX_ERROR;
+};
+
+const createObjectUrl = blob => {
+  return URL.createObjectURL(blob);
+};
+const revokeObjectUrl = url => {
+  return URL.revokeObjectURL(url);
+};
+const getAbsoluteUrl = (relativePath, sourceUrl) => {
+  if (sourceUrl.startsWith('/')) {
+    const origin = getOrigin();
+    const absoluteSourceUrl = new URL(sourceUrl, origin).toString();
+    return new URL(relativePath, absoluteSourceUrl).toString();
+  }
+  return new URL(relativePath, sourceUrl).toString();
+};
+
+const getErrorInDependencies = async (url, dependencies, seenDependencies) => {
+  for (const dependency of dependencies) {
+    const dependencyUrl = getAbsoluteUrl(dependency.relativePath, url);
+    if (seenDependencies.includes(dependencyUrl)) {
+      continue;
+    }
+    seenDependencies.push(dependencyUrl);
+    // let dependencyResponse
+    // try {
+    const dependencyResponse = await fetch(dependencyUrl);
+    // } catch (error) {}
+    if (dependencyResponse.ok) {
+      await tryToGetActualErrorMessageInternal(null, dependencyUrl, dependencyResponse, seenDependencies);
+    } else {
+      switch (dependencyResponse.status) {
+        case NotFound:
+          throw new DependencyNotFoundError(dependency.code, dependency.start, dependency.end, dependency.relativePath, dependencyUrl, url);
+        // return `Failed to import ${url}: ${error}`
+      }
+    }
+  }
+};
+const tryToGetActualErrorMessageInternal = async (error, url, response, seenDependencies) => {
+  let text;
+  try {
+    text = await response.text();
+  } catch {
+    return `Failed to import ${url}: Unknown Network Error`;
+  }
+  let ast;
+  try {
+    ast = await parse(text, {
+      sourceType: Module$1
+    });
+  } catch (error) {
+    if (isBabelError(error)) {
+      throw new BabelParseError(url, error);
+    }
+    throw error;
+  }
+  const dependencies = getBabelAstDependencies(text, ast);
+  await getErrorInDependencies(url, dependencies, seenDependencies);
+  if (hasRecentErrors()) {
+    const recentError = getRecentError();
+    throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
+  }
+  return `Failed to import ${url}: Unknown Network Error`;
+};
+
+/**
+ *
+ * @param {string} url
+ * @param {Response} response
+ * @returns
+ */
+const tryToGetActualErrorMessage = async (error, url, response) => {
+  return tryToGetActualErrorMessageInternal(error, url, response, []);
+};
+
+const getUrl = error => {
+  if (error.message.startsWith('Failed to fetch dynamically imported module:')) {
+    return error.message.slice('Failed to fetch dynamically imported module:'.length);
+  }
+  return '';
+};
+const tryToGetActualImportErrorMessage = async (url, error) => {
+  url ||= getUrl(error);
+  if (!url) {
+    return `Failed to import script: ${error}`;
+  }
+  if (error && error instanceof Error) {
+    return `Failed to import script: ${error}`;
+  }
+  let response;
+  try {
+    response = await fetch(url);
+  } catch {
+    return `Failed to import ${url}: ${error}`;
+  }
+  if (response.ok) {
+    return await tryToGetActualErrorMessage(error, url, response);
+  }
+  switch (response.status) {
+    case NotFound:
+      throw new Error(`Failed to import ${url}: Not found (404)`);
+    default:
+      return `Failed to import ${url}: ${error}`;
+  }
+};
+
+const TryToGetActualImportErrorMessage = {
+  __proto__: null,
+  tryToGetActualImportErrorMessage
+};
+
 const emptyObject = {};
 const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 
@@ -8895,7 +8949,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 /**
  * @enum {string}
  */
-const UiStrings$u = {
+const UiStrings$t = {
   Ok: 'Ok',
   Copy: 'Copy',
   Version: 'Version',
@@ -8907,21 +8961,15 @@ const UiStrings$u = {
   CloseDialog: 'Close Dialog'
 };
 const ok$1 = () => {
-  return i18nString(UiStrings$u.Ok);
+  return i18nString(UiStrings$t.Ok);
 };
 const copy$8 = () => {
-  return i18nString(UiStrings$u.Copy);
-};
-const info = () => {
-  return i18nString(UiStrings$u.Info);
-};
-const closeDialog = () => {
-  return i18nString(UiStrings$u.CloseDialog);
+  return i18nString(UiStrings$t.Copy);
 };
 
 const readText = async () => {
   try {
-    return await invoke$c('ClipBoard.readText');
+    return await invoke$d('ClipBoard.readText');
   } catch (error) {
     // @ts-ignore
     if (error.message === 'Read permission denied.') {
@@ -8938,7 +8986,7 @@ const readText = async () => {
 const writeText$1 = async text => {
   try {
     string(text);
-    await invoke$c('ClipBoard.writeText', /* text */text);
+    await invoke$d('ClipBoard.writeText', /* text */text);
   } catch (error) {
     throw new VError(error, 'Failed to write text to clipboard');
   }
@@ -8948,7 +8996,7 @@ const writeNativeFiles = async (type, files) => {
     if (platform === Web$1) {
       throw new Error('not supported');
     }
-    await invoke$b(/* command */'ClipBoard.writeFiles', /* type */type, /* files */files);
+    await invoke$c(/* command */'ClipBoard.writeFiles', /* type */type, /* files */files);
   } catch (error) {
     throw new VError(error, 'Failed to write files to native clipboard');
   }
@@ -8958,21 +9006,21 @@ const readNativeFiles = async () => {
     if (platform === Web$1) {
       throw new Error('not supported');
     }
-    return await invoke$b(/* command */'ClipBoard.readFiles');
+    return await invoke$c(/* command */'ClipBoard.readFiles');
   } catch (error) {
     throw new VError(error, 'Failed to read files from native clipboard');
   }
 };
 const writeImage = async blob => {
   try {
-    return await invoke$c('ClipBoard.writeImage', blob);
+    return await invoke$d('ClipBoard.writeImage', blob);
   } catch (error) {
     throw new VError(error, 'Failed to write image to clipboard');
   }
 };
 const execCopy = async () => {
   try {
-    return await invoke$c('ClipBoard.execCopy');
+    return await invoke$d('ClipBoard.execCopy');
   } catch (error) {
     throw new VError(error, 'Failed to copy selected text');
   }
@@ -8984,7 +9032,7 @@ const getProductNameLong = () => {
 };
 
 const showOpenDialog = (title, properties) => {
-  return invoke$b('ElectronDialog.showOpenDialog', title, properties);
+  return invoke$c('ElectronDialog.showOpenDialog', title, properties);
 };
 const showMessageBox = async options => {
   // TODO maybe request window id here instead of at caller
@@ -8996,326 +9044,43 @@ const showMessageBox = async options => {
     productName,
     windowId
   };
-  return invoke$b('ElectronDialog.showMessageBox', finalOptions);
+  return invoke$c('ElectronDialog.showMessageBox', finalOptions);
 };
 
 const Info = 'info';
 const Question = 'question';
 
-// based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/date.ts (License MIT)
+const aboutViewWorkerUrl = `${assetDir}/packages/about-view-worker/dist/aboutWorkerMain.js`;
 
-/**
- * @enum {string}
- */
-const UiStrings$t = {
-  OneSecondAgo: '1 second ago',
-  SomeSecondsAgo: '{PH1} seconds ago',
-  OneMinuteAgo: '1 minute ago',
-  SomeMinutesAgo: '{PH1} minutes ago',
-  OneHourAgo: '1 hour ago',
-  SomeHoursAgo: '{PH1} hours ago',
-  OneDayAgo: '1 day ago',
-  SomeDaysAgo: '{PH1} days ago',
-  OneWeekAgo: '1 week ago',
-  SomeWeeksAgo: '{PH1} weeks ago',
-  OneMonthAgo: '1 month ago',
-  SomeMonthsAgo: '{PH1} months ago',
-  OneYearAgo: '1 year ago',
-  SomeYearsAgo: '{PH1} years ago',
-  InOneSecond: 'in 1 second',
-  InSomeSeconds: 'in {PH1} seconds',
-  InOneMinute: 'in 1 minute',
-  InSomeMinutes: 'in {PH1} minutes',
-  InOneHour: 'in 1 hour',
-  InSomeHours: 'in {PH1} hours',
-  InOneDay: 'in 1 day',
-  InSomeDays: 'in {PH1} days',
-  InOneWeek: 'in 1 week',
-  InSomeWeeks: 'in {PH1} weeks',
-  InOneMonth: 'in 1 month',
-  InSomeMonths: 'in {PH1} months',
-  InOneYear: 'in 1 year',
-  InSomeYears: 'in {PH1} years'
-};
-const oneSecondAgo = () => {
-  return i18nString(UiStrings$t.OneSecondAgo);
-};
-const someSecondsAgo = seconds => {
-  return i18nString(UiStrings$t.SomeSecondsAgo, {
-    PH1: seconds
-  });
-};
-const oneMinuteAgo = () => {
-  return i18nString(UiStrings$t.OneMinuteAgo);
-};
-const someMinutesAgo = minutes => {
-  return i18nString(UiStrings$t.SomeMinutesAgo, {
-    PH1: minutes
-  });
-};
-const oneHourAgo = () => {
-  return i18nString(UiStrings$t.OneHourAgo);
-};
-const someHoursAgo = hours => {
-  return i18nString(UiStrings$t.SomeHoursAgo, {
-    PH1: hours
-  });
-};
-const oneDayAgo = () => {
-  return i18nString(UiStrings$t.OneDayAgo);
-};
-const someDaysAgo = days => {
-  return i18nString(UiStrings$t.SomeDaysAgo, {
-    PH1: days
-  });
-};
-const oneWeekAgo = () => {
-  return i18nString(UiStrings$t.OneWeekAgo);
-};
-const someWeeksAgo = weeks => {
-  return i18nString(UiStrings$t.SomeWeeksAgo, {
-    PH1: weeks
-  });
-};
-const oneMonthAgo = () => {
-  return i18nString(UiStrings$t.OneMonthAgo);
-};
-const someMonthsAgo = months => {
-  return i18nString(UiStrings$t.SomeMonthsAgo, {
-    PH1: months
-  });
-};
-const oneYearAgo = () => {
-  return i18nString(UiStrings$t.OneYearAgo);
-};
-const someYearsAgo = years => {
-  return i18nString(UiStrings$t.SomeYearsAgo, {
-    PH1: years
-  });
-};
-const inOneSecond = () => {
-  return i18nString(UiStrings$t.InOneSecond);
-};
-const inSomeSeconds = seconds => {
-  return i18nString(UiStrings$t.InSomeSeconds, {
-    PH1: seconds
-  });
-};
-const inOneMinute = () => {
-  return i18nString(UiStrings$t.InOneMinute);
-};
-const inSomeMinutes = minutes => {
-  return i18nString(UiStrings$t.InSomeMinutes, {
-    PH1: minutes
-  });
-};
-const inOneHour = () => {
-  return i18nString(UiStrings$t.InOneHour);
-};
-const inSomeHours = hours => {
-  return i18nString(UiStrings$t.InSomeHours, {
-    PH1: hours
-  });
-};
-const inOneDay = () => {
-  return i18nString(UiStrings$t.InOneDay);
-};
-const inSomeDays = days => {
-  return i18nString(UiStrings$t.InSomeDays, {
-    PH1: days
-  });
-};
-const inOneWeek = () => {
-  return i18nString(UiStrings$t.InOneWeek);
-};
-const inSomeWeeks = weeks => {
-  return i18nString(UiStrings$t.InSomeWeeks, {
-    PH1: weeks
-  });
-};
-const inOneMonth = () => {
-  return i18nString(UiStrings$t.InOneMonth);
-};
-const inSomeMonths = months => {
-  return i18nString(UiStrings$t.InSomeMonths, {
-    PH1: months
-  });
-};
-const inOneYear = () => {
-  return i18nString(UiStrings$t.InOneYear);
-};
-const inSomeYears = years => {
-  return i18nString(UiStrings$t.InSomeYears, {
-    PH1: years
-  });
-};
-
-// based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/date.ts (License MIT)
-const minute = 60;
-const hour = minute * 60;
-const day = hour * 24;
-const week = day * 7;
-const month = day * 30;
-const year = day * 365;
-const formatDatePast = seconds => {
-  if (seconds < minute) {
-    if (seconds === 1) {
-      return oneSecondAgo();
-    }
-    return someSecondsAgo(seconds);
-  }
-  if (seconds < hour) {
-    const minutes = Math.floor(seconds / minute);
-    if (minutes === 1) {
-      return oneMinuteAgo();
-    }
-    return someMinutesAgo(minutes);
-  }
-  if (seconds < day) {
-    const days = Math.floor(seconds / hour);
-    if (days === 1) {
-      return oneHourAgo();
-    }
-    return someHoursAgo(days);
-  }
-  if (seconds < week) {
-    const days = Math.floor(seconds / day);
-    if (days === 1) {
-      return oneDayAgo();
-    }
-    return someDaysAgo(days);
-  }
-  if (seconds < month) {
-    const weeks = Math.floor(seconds / week);
-    if (weeks === 1) {
-      return oneWeekAgo();
-    }
-    return someWeeksAgo(weeks);
-  }
-  if (seconds < year) {
-    const months = Math.floor(seconds / month);
-    if (months === 1) {
-      return oneMonthAgo();
-    }
-    return someMonthsAgo(months);
-  }
-  const years = Math.floor(seconds / year);
-  if (years === 1) {
-    return oneYearAgo();
-  }
-  return someYearsAgo(years);
-};
-const formatDateFuture = seconds => {
-  if (seconds < minute) {
-    if (seconds === 1) {
-      return inOneSecond();
-    }
-    return inSomeSeconds(seconds);
-  }
-  if (seconds < hour) {
-    const minutes = Math.floor(seconds / minute);
-    if (minutes === 1) {
-      return inOneMinute();
-    }
-    return inSomeMinutes(minutes);
-  }
-  if (seconds < day) {
-    const days = Math.floor(seconds / hour);
-    if (days === 1) {
-      return inOneHour();
-    }
-    return inSomeHours(days);
-  }
-  if (seconds < week) {
-    const days = Math.floor(seconds / day);
-    if (days === 1) {
-      return inOneDay();
-    }
-    return inSomeDays(days);
-  }
-  if (seconds < month) {
-    const weeks = Math.floor(seconds / week);
-    if (weeks === 1) {
-      return inOneWeek();
-    }
-    return inSomeWeeks(weeks);
-  }
-  if (seconds < year) {
-    const months = Math.floor(seconds / month);
-    if (months === 1) {
-      return inOneMonth();
-    }
-    return inSomeMonths(months);
-  }
-  const years = Math.floor(seconds / year);
-  if (years === 1) {
-    return inOneYear();
+const getConfiguredWorkerUrl$5 = () => {
+  let configuredWorkerUrl = get$d('develop.aboutViewWorkerPath') || '';
+  if (configuredWorkerUrl) {
+    configuredWorkerUrl = '/remote' + configuredWorkerUrl;
   }
-  return inSomeYears(years);
-};
-
-/**
- * @param {number} date
- * @param {number} now
- */
-const formatDate = (date, now) => {
-  const difference = now - date;
-  const seconds = Math.round(difference / 1000);
-  if (seconds >= 0) {
-    return formatDatePast(seconds);
+  configuredWorkerUrl = configuredWorkerUrl || aboutViewWorkerUrl;
+  {
+    configuredWorkerUrl = aboutViewWorkerUrl;
   }
-  return formatDateFuture(-seconds);
+  return configuredWorkerUrl;
 };
-
-const formatAboutDate = isoDate => {
-  if (!isoDate) {
-    return 'unknown';
-  }
-  const date = new Date(isoDate).getTime();
-  if (isNaN(date)) {
-    return `Invalid Date: ${isoDate}`;
-  }
-  const now = Date.now();
-  const ago = formatDate(date, now);
-  return `${isoDate} (${ago})`;
+const launchKeyBindingsViewWorker$1 = async () => {
+  const name = 'About View Worker';
+  const ipc = await create$14({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    name,
+    url: getConfiguredWorkerUrl$5()
+  });
+  handleIpc(ipc);
+  return ipc;
 };
 
-const version = '0.37.1';
-const commit = '5a580d1';
-const date = '2024-10-20T08:25:26.000Z';
-const getPid = () => {
-  return invoke$b('Process.getPid');
-};
-const getElectronVersion = () => {
-  return invoke$b('ElectronProcess.getElectronVersion');
-};
-const getNodeVersion = () => {
-  return invoke$b('Process.getNodeVersion');
-};
-const getChromeVersion = () => {
-  return invoke$b('ElectronProcess.getChromeVersion');
-};
-const getVersion = () => {
-  return version;
-};
-const getCommit = () => {
-  return commit;
-};
-const getV8Version = () => {
-  return invoke$b('Process.getV8Version');
-};
-const getDate = () => {
-  return date;
-};
-const getArch = () => {
-  return invoke$b('Process.getArch');
-};
+const {
+  invoke: invoke$9,
+  invokeAndTransfer: invokeAndTransfer$8
+} = getOrCreateWorker(launchKeyBindingsViewWorker$1);
 
 const getDetailString = async () => {
-  const [electronVersion, nodeVersion, chromeVersion, version, commit, v8Version, date] = await Promise.all([getElectronVersion(), getNodeVersion(), getChromeVersion(), getVersion(), getCommit(), getV8Version(), getDate()]);
-  const formattedDate = formatAboutDate(date);
-  const lines = [`Version: ${version}`, `Commit: ${commit}`, `Date: ${formattedDate}`, `Electron: ${electronVersion}`, `Chromium: ${chromeVersion}`, `Node: ${nodeVersion}`, `V8: ${v8Version}`];
-  return joinLines(lines);
+  return invoke$9('About.getDetailString');
 };
 
 const showAboutElectron = async () => {
@@ -9369,7 +9134,7 @@ const About_ipc = {
 const name$2i = 'Ajax';
 const Commands$2a = {
   getBlob: getBlob$4,
-  getJson: getJson$5,
+  getJson: getJson$6,
   getText: getText$2
 };
 
@@ -9381,7 +9146,7 @@ const Ajax_ipc = {
 
 const playBell = async () => {
   const src = '/sounds/bell.oga';
-  await invoke$c(/* Audio.play */3211, /* src */src);
+  await invoke$d(/* Audio.play */3211, /* src */src);
 };
 
 const name$2h = 'Audio';
@@ -9429,11 +9194,11 @@ const promptRestart = () => {
 };
 
 const getAutoUpdateType = () => {
-  return invoke$b('AutoUpdater.getAutoUpdateType');
+  return invoke$c('AutoUpdater.getAutoUpdateType');
 };
 
 const getLatestVersion = () => {
-  return invoke$b('AutoUpdater.getLatestVersion');
+  return invoke$c('AutoUpdater.getLatestVersion');
 };
 
 const checkForUpdates$1 = async () => {
@@ -9667,7 +9432,7 @@ const applyBulkReplacement = async (files, ranges, replacement) => {
   array(files);
   array(ranges);
   string(replacement);
-  await invoke$b('BulkReplacement.applyBulkReplacement', files, ranges, replacement);
+  await invoke$c('BulkReplacement.applyBulkReplacement', files, ranges, replacement);
 };
 
 const name$2c = 'BulkReplacement';
@@ -9712,7 +9477,7 @@ const getJson = async key => {
     if (!response) {
       return undefined;
     }
-    const json = await getJson$6(response);
+    const json = await getJson$7(response);
     return json;
   } catch (error) {
     if (shouldIgnoreCacheStorageError(error)) {
@@ -10054,7 +9819,7 @@ const prompt$3 = async (message, confirmMessage, title, cancelMessage) => {
 };
 
 const prompt$2 = async (message, confirmMessage, title) => {
-  const result = await invoke$c('ConfirmPrompt.prompt', message);
+  const result = await invoke$d('ConfirmPrompt.prompt', message);
   return result;
 };
 
@@ -10098,21 +9863,21 @@ const ConfirmPrompt_ipc = {
 };
 
 const startRecording = options => {
-  return invoke$b('ElectronContentTracing.startRecording', options);
+  return invoke$c('ElectronContentTracing.startRecording', options);
 };
 
 /**
  * @returns {Promise<string>}
  */
 const stopRecording = () => {
-  return invoke$b('ElectronContentTracing.stopRecording');
+  return invoke$c('ElectronContentTracing.stopRecording');
 };
 
 const showItemInFolder = fullPath => {
-  return invoke$b('OpenExternal.showItemInFolder', fullPath);
+  return invoke$c('OpenExternal.showItemInFolder', fullPath);
 };
 const openExternal$2 = url => {
-  return invoke$b('OpenExternal.openExternal', url);
+  return invoke$c('OpenExternal.openExternal', url);
 };
 
 const openNativeFolderWeb = absolutePath => {
@@ -10120,7 +9885,7 @@ const openNativeFolderWeb = absolutePath => {
 };
 const openNativeFolderRemote = async absolutePath => {
   try {
-    await invoke$b(OpenNativeFolder, /* path */absolutePath);
+    await invoke$c(OpenNativeFolder, /* path */absolutePath);
   } catch (error) {
     throw new VError(error, `Failed to open folder ${absolutePath}`);
   }
@@ -10322,7 +10087,14 @@ const Debug_ipc = {
 
 const attachDebugger = async pid => {
   number$1(pid);
-  await invoke$b('AttachDebugger.attachDebugger', pid);
+  await invoke$c('AttachDebugger.attachDebugger', pid);
+};
+
+const getPid = () => {
+  return invoke$c('Process.getPid');
+};
+const getArch = () => {
+  return invoke$c('Process.getArch');
 };
 
 const debugSharedProcess = async () => {
@@ -10342,10 +10114,10 @@ const DebugSharedProcess_ipc = {
 };
 
 const crashSharedProcess = () => {
-  return invoke$b('Crash.crashSharedProcess');
+  return invoke$c('Crash.crashSharedProcess');
 };
 const crashMainProcess = () => {
-  return invoke$b('Crash.crashMainProcess');
+  return invoke$c('Crash.crashMainProcess');
 };
 
 const toggleDeveloperTools$1 = () => {
@@ -10361,7 +10133,7 @@ const openCacheFolder = async () => {
   await openNativeFolder(cacheFolder);
 };
 const openDataFolder = async () => {
-  const dataFolder = await invoke$b(/* Platform.getDataDir */'Platform.getDataDir');
+  const dataFolder = await invoke$c(/* Platform.getDataDir */'Platform.getDataDir');
   await openNativeFolder(dataFolder);
 };
 const openLogsFolder = async () => {
@@ -10374,7 +10146,7 @@ const openLogsFolder = async () => {
 };
 
 const getPerformanceEntries = () => {
-  return invoke$b('ElectronDeveloper.getPerformanceEntries');
+  return invoke$c('ElectronDeveloper.getPerformanceEntries');
 };
 
 const toMarkdownTable = (header, rows) => {
@@ -10611,7 +10383,7 @@ const getNodeTiming = () => {
   if (platform === Web$1) {
     return undefined;
   }
-  return invoke$b(/* command */'Performance.getNodeStartupTiming');
+  return invoke$c(/* command */'Performance.getNodeStartupTiming');
 };
 const getMeasureEntries = () => {
   const measureEntries = getEntriesByType(Measure);
@@ -10700,13 +10472,13 @@ const formatRendererProcessData = ({
   return toMarkdownTable(header, rows);
 };
 const getSharedProcessMemoryUsage = () => {
-  return invoke$b(/* Developer.sharedProcessMemoryUsage */'Developer.sharedProcessMemoryUsage');
+  return invoke$c(/* Developer.sharedProcessMemoryUsage */'Developer.sharedProcessMemoryUsage');
 };
 const getPerformanceMemory = () => {
-  return invoke$c('Performance.getMemory');
+  return invoke$d('Performance.getMemory');
 };
 const getPerformanceUserAgentSpecificMemory = () => {
-  return invoke$c('Performance.measureUserAgentSpecificMemory');
+  return invoke$d('Performance.measureUserAgentSpecificMemory');
 };
 
 // TODO handle case when renderer process and renderer worker are same process communicating via messagePort
@@ -10759,13 +10531,13 @@ const showMemoryUsage = async () => {
 
 // TODO not sure if this function is useful
 const allocateMemoryInSharedProcess = () => {
-  return invoke$b(/* Developer.allocateMemoryInSharedProcess */'Developer.allocateMemoryInSharedProcess');
+  return invoke$c(/* Developer.allocateMemoryInSharedProcess */'Developer.allocateMemoryInSharedProcess');
 };
 const createSharedProcessHeapSnapshot = async () => {
-  await invoke$b(/* Developer.createSharedProcessHeapSnapshot */'Developer.createSharedProcessHeapSnapshot');
+  await invoke$c(/* Developer.createSharedProcessHeapSnapshot */'Developer.createSharedProcessHeapSnapshot');
 };
 const createSharedProcessProfile = async () => {
-  await invoke$b(/* Developer.createProfile */'Developer.createProfile');
+  await invoke$c(/* Developer.createProfile */'Developer.createProfile');
 };
 const reloadIconTheme = async () => {
   await hydrate$4();
@@ -10919,7 +10691,7 @@ const showMessage = async (message, options) => {
     }
     await handleClick$c(index);
   } else {
-    await openWidget(Dialog$1, message, options);
+    await openWidget(Dialog, message, options);
   }
 };
 
@@ -10942,12 +10714,12 @@ const Dialog_ipc = {
 const downloadFile = async (fileName, url) => {
   string(fileName);
   string(url);
-  await invoke$c(/* Download.downloadFile */'Download.downloadFile', /* fileName */fileName, /* url */url);
+  await invoke$d(/* Download.downloadFile */'Download.downloadFile', /* fileName */fileName, /* url */url);
 };
 const downloadToDownloadsFolder = async (fileName, url) => {
   const downloadFolder = await getDownloadDir();
   const outFile = `${downloadFolder}/${fileName}`;
-  await invoke$b(DownloadDownload, /* url */url, /* outFile */outFile);
+  await invoke$c(DownloadDownload, /* url */url, /* outFile */outFile);
 };
 const downloadJson = async (json, fileName) => {
   let url = '';
@@ -10968,7 +10740,7 @@ const downloadJson = async (json, fileName) => {
 const downloadUrl = (url, outFile) => {
   string(url);
   string(outFile);
-  return invoke$b('Download.download', url, outFile);
+  return invoke$c('Download.download', url, outFile);
 };
 
 const name$1Z = 'Download';
@@ -11100,7 +10872,7 @@ const show$9 = async (editor, message, rowIndex, columnIndex) => {
   const x$1 = x(editor, rowIndex, columnIndex);
   // @ts-ignore
   const y$1 = y(editor, rowIndex);
-  await invoke$c(/* EditorError.show */'EditorError.show', /* message */message, /* x */x$1, /* y */y$1);
+  await invoke$d(/* EditorError.show */'EditorError.show', /* message */message, /* x */x$1, /* y */y$1);
 };
 
 const Commands$1P = {
@@ -11164,7 +10936,7 @@ const getConfiguredWorkerUrl$4 = (preferenceKey, fallback) => {
 const launchEditorWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$4('developer.editorWorkerPath', editorWorkerUrl);
   const id = create$15();
-  let ipc = await create$13({
+  let ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Editor Worker',
@@ -11174,12 +10946,12 @@ const launchEditorWorker = async () => {
     // TODO should renderer process send port to renderer worker or vice versa?
     const port = acquire(id);
     // TODO wrap port to create ipc
-    ipc = wrap$7(port);
+    ipc = wrap$8(port);
   }
   handleIpc(ipc);
   const syntaxHighlightingWorker = true;
   const syncIncremental = true;
-  await invoke$d(ipc, 'Initialize.initialize', syntaxHighlightingWorker, syncIncremental);
+  await invoke$e(ipc, 'Initialize.initialize', syntaxHighlightingWorker, syncIncremental);
   return ipc;
 };
 
@@ -11257,7 +11029,7 @@ const open$5 = async () => {
     const y$1 = y(editor, rowIndex);
     // const prepareRenameResult = await prepareRename(editor)
     // console.log({ prepareRenameResult })
-    await invoke$c(/* EditorRename.openWidget */4512, /* x */x$1, /* y */y$1);
+    await invoke$d(/* EditorRename.openWidget */4512, /* x */x$1, /* y */y$1);
   } else {
     // TODO also show error when promise rejects
     await execute$4(/* EditorError.show */3900, /* editor */editor, /* message */'You cannot rename this element', /* rowIndex */rowIndex, /* columnIndex */columnIndex);
@@ -11297,7 +11069,7 @@ const finish = async editor => {
   // TODO what happens when file is closed while rename is in progress?
   const rowIndex = editor.selections[0];
   const columnIndex = editor.selections[1];
-  await invoke$c(/* EditorRename.finish */4513);
+  await invoke$d(/* EditorRename.finish */4513);
   // TODO support canceling rename (e.g. when user presses escape)
   const workspaceEdits = await rename$1(editor, rowIndex, columnIndex);
   await applyWorkspaceEdits(editor, workspaceEdits);
@@ -11306,7 +11078,7 @@ const finish = async editor => {
   // console.log({ workspaceEdits })
 };
 const abort = async () => {
-  await invoke$c(/* EditorRename.closeWidget */4514);
+  await invoke$d(/* EditorRename.closeWidget */4514);
 };
 
 const name$1X = 'EditorRename';
@@ -11495,7 +11267,7 @@ const menuEntrySeparator = {
   command: ''
 };
 
-const ActivityBar$5 = 1;
+const ActivityBar$4 = 1;
 const Edit = 2;
 const Editor$1 = 3;
 const Explorer$2 = 4;
@@ -11716,7 +11488,7 @@ const isAutoUpdateSupported = () => {
   if (platform !== Electron$1) {
     return false;
   }
-  return invoke$b('IsAutoUpdateSupported.isAutoUpdateSupported');
+  return invoke$c('IsAutoUpdateSupported.isAutoUpdateSupported');
 };
 
 const id$l = Help$1;
@@ -11989,7 +11761,7 @@ const MenuEntriesView = {
 const Undo = 'undo';
 const Redo = 'redo';
 const Cut$1 = 'cut';
-const Copy$2 = 'copy';
+const Copy$1 = 'copy';
 const Paste = 'paste';
 const SelectAll = 'selectAll';
 const ToggleDevTools = 'toggleDevTools';
@@ -12062,7 +11834,7 @@ const toElectronMenuItem = entry => {
     case UiStrings$l.Copy:
       return {
         label: entry.label,
-        role: Copy$2
+        role: Copy$1
       };
     case UiStrings$l.Paste:
       return {
@@ -12139,7 +11911,7 @@ const state$h = {
 };
 const setItems = async items => {
   const windowId = await getWindowId();
-  return invoke$b('ElectronApplicationMenu.setItems', windowId, items);
+  return invoke$c('ElectronApplicationMenu.setItems', windowId, items);
 };
 const getEntryMap = async modules => {
   const map = Object.create(null);
@@ -12203,7 +11975,7 @@ const ElectronBrowserView_ipc = {
 };
 
 const writeText = text => {
-  return invoke$b('ElectronClipBoard.writeText', text);
+  return invoke$c('ElectronClipBoard.writeText', text);
 };
 
 const name$1U = 'ElectronClipBoard';
@@ -12261,7 +12033,7 @@ const ErrorHandling_ipc = {
 };
 
 const exit = () => {
-  return invoke$b('Exit.exit');
+  return invoke$c('Exit.exit');
 };
 
 const name$1Q = 'Exit';
@@ -12373,7 +12145,7 @@ const Extensions_ipc = {
 
 const showDirectoryPicker = async options => {
   try {
-    return await invoke$c('FilePicker.showDirectoryPicker', options);
+    return await invoke$d('FilePicker.showDirectoryPicker', options);
   } catch (error) {
     if (error &&
     // @ts-ignore
@@ -12384,11 +12156,11 @@ const showDirectoryPicker = async options => {
   }
 };
 const showFilePicker = options => {
-  return invoke$c('FilePicker.showFilePicker', options);
+  return invoke$d('FilePicker.showFilePicker', options);
 };
 const showSaveFilePicker = async options => {
   try {
-    return await invoke$c('FilePicker.showSaveFilePicker', options);
+    return await invoke$d('FilePicker.showSaveFilePicker', options);
   } catch (error) {
     if (error &&
     // @ts-ignore
@@ -12501,15 +12273,15 @@ const show$8 = async (uri, top, left) => {
     if (version !== state$f.versionId) {
       return;
     }
-    await invoke$c(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* imageUrl */blobUrl, /* top */top - TOP, /* left */left - WIDTH - SPACE);
+    await invoke$d(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* imageUrl */blobUrl, /* top */top - TOP, /* left */left - WIDTH - SPACE);
   } catch (error) {
     console.error(error);
-    await invoke$c(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* message */'Image could not be loaded', /* top */top - TOP, /* left */left - WIDTH - SPACE);
+    await invoke$d(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* message */'Image could not be loaded', /* top */top - TOP, /* left */left - WIDTH - SPACE);
   }
 };
 const hide$4 = async () => {
   ++state$f.versionId;
-  await invoke$c(/* Viewlet.dispose */'Viewlet.dispose', /* id */'ImagePreview');
+  await invoke$d(/* Viewlet.dispose */'Viewlet.dispose', /* id */'ImagePreview');
 };
 
 // TODO only use ImagePreview module via ipc -> that way is is always lazyloaded
@@ -12616,7 +12388,7 @@ const IndexedDb_ipc = {
 
 const name$1E = 'IpcParent';
 const Commands$1v = {
-  create: create$13
+  create: create$14
 };
 
 const IpcParent_ipc = {
@@ -12705,9 +12477,9 @@ const Listener_ipc = {
 const name$1B = 'LocalStorage';
 const Commands$1r = {
   clear: clear$4,
-  getJson: getJson$3,
+  getJson: getJson$4,
   getText: getText,
-  setJson: setJson$3,
+  setJson: setJson$4,
   setText: setText
 };
 
@@ -12808,7 +12580,6 @@ const getMenuEntriesWithKeyBindings = async (id, ...args) => {
 
 const Button$4 = 'button';
 const CheckBox$1 = 'checkbox';
-const Dialog = 'dialog';
 const Document = 'document';
 const List$2 = 'list';
 const ListItem$1 = 'listitem';
@@ -12826,7 +12597,7 @@ const Tree = 'tree';
 const TreeItem$1 = 'treeitem';
 
 const Actions = 'Actions';
-const ActivityBar$4 = 'ActivityBar';
+const ActivityBar$3 = 'ActivityBar';
 const TestActive = 'TestActive';
 const ActivityBarItem$1 = 'ActivityBarItem';
 const ActivityBarItemNested = 'ActivityBarItemNested';
@@ -12837,7 +12608,6 @@ const MaskIconDebugPause = 'MaskIconDebugPause';
 const BadgeContent = 'BadgeContent';
 const Button$3 = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
-const ButtonSecondary = 'ButtonSecondary';
 const Chevron = 'Chevron';
 const ChevronRight = 'ChevronRight';
 const CloseMaskIcon = 'MaskIcon MaskIconClose';
@@ -12860,14 +12630,6 @@ const DecorationIcon = 'DecorationIcon';
 const DefineKeyBindingContent = 'DefineKeyBindingContent';
 const DefineKeyBindingHeading = 'DefineKeyBindingHeading';
 const Deletion$1 = 'Deletion';
-const DialogButtonsRow = 'DialogButtonsRow';
-const DialogClose = 'DialogClose';
-const DialogContent = 'DialogContent';
-const DialogContentRight = 'DialogContentRight';
-const DialogHeading = 'DialogHeading';
-const DialogMessage = 'DialogMessage';
-const DialogMessageRow = 'DialogMessageRow';
-const DialogToolBarRow = 'DialogToolBarRow';
 const DiffEditor = 'DiffEditor';
 const DiffEditorContent = 'DiffEditorContent';
 const DiffEditorContentLeft = 'DiffEditorContentLeft';
@@ -13638,7 +13400,7 @@ const show$7 = async (x, y, id, mouseBlocking = false, ...args) => {
   });
   const visible = getVisible$2(menu.items, -1, false, menu.level);
   const dom = getMenuVirtualDom(visible).slice(1);
-  await invoke$c(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
+  await invoke$d(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
 };
 const showSubMenuAtEnter = async (level, index, enterX, enterY) => {
   // TODO delete old menus
@@ -13660,7 +13422,7 @@ const showSubMenuAtEnter = async (level, index, enterX, enterY) => {
   const height = getMenuHeight(subMenuItems);
   const visible = getVisible$2(subMenu.items, -1, false, subMenu.level);
   const dom = getMenuVirtualDom(visible).slice(1);
-  invoke$c(/* Menu.showMenu */'Menu.showMenu', /* x */subMenu.x, /* y */subMenu.y, /* width */width, /* height */height, /* items */subMenu.items, /* level */subMenu.level, /* parentIndex */index, /* dom */dom);
+  invoke$d(/* Menu.showMenu */'Menu.showMenu', /* x */subMenu.x, /* y */subMenu.y, /* width */width, /* height */height, /* items */subMenu.items, /* level */subMenu.level, /* parentIndex */index, /* dom */dom);
 };
 const showSubMenu = async (level, index) => {
   await showSubMenuAtEnter(level, index, -1, -1);
@@ -13720,7 +13482,7 @@ const hide$3 = async (restoreFocus = true) => {
     return;
   }
   state$c.menus = [];
-  await invoke$c(/* Menu.hide */'Menu.hide', /* restoreFocus */restoreFocus);
+  await invoke$d(/* Menu.hide */'Menu.hide', /* restoreFocus */restoreFocus);
 };
 
 // TODO difference between focusing with mouse or keyboard
@@ -13730,7 +13492,7 @@ const hide$3 = async (restoreFocus = true) => {
 const hideSubMenus = async level => {
   if (level < state$c.menus.length) {
     state$c.menus = state$c.menus.slice(0, level + 1);
-    await invoke$c(/* Menu.hideSubMenu */'Menu.hideSubMenu', /* level */level + 1);
+    await invoke$d(/* Menu.hideSubMenu */'Menu.hideSubMenu', /* level */level + 1);
   }
 };
 const MENU_DELAY_TRIANGLE = 300;
@@ -13775,7 +13537,7 @@ const handleMouseLeave$1 = async () => {
   }
   const oldFocusedIndex = menu.focusedIndex;
   menu.focusedIndex = -1;
-  await invoke$c(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */-1);
+  await invoke$d(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */-1);
 };
 const focusIndex$a = async (menu, index) => {
   if (menu.items.length === 0) {
@@ -13783,7 +13545,7 @@ const focusIndex$a = async (menu, index) => {
   }
   const oldFocusedIndex = menu.focusedIndex;
   menu.focusedIndex = index;
-  await invoke$c(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */index);
+  await invoke$d(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */index);
 };
 const getIndexToFocusNextStartingAt = (items, startIndex) => {
   for (let i = startIndex; i < startIndex + items.length; i++) {
@@ -14031,22 +13793,22 @@ const state$a = {
   focusedPart: PART_TITLE_BAR
 };
 const focusActivityBar = async () => {
-  await invoke$c(/* ActivityBar.focus */717115);
+  await invoke$d(/* ActivityBar.focus */717115);
 };
 const focusStatusBar = async () => {
-  await invoke$c(/* StatusBar.focus */8882);
+  await invoke$d(/* StatusBar.focus */8882);
 };
 const focusPanel = async () => {
-  await invoke$c(/* Panel.focus */6664);
+  await invoke$d(/* Panel.focus */6664);
 };
 const focusSideBar = async () => {
-  await invoke$c(/* SideBar.focus */5554);
+  await invoke$d(/* SideBar.focus */5554);
 };
 const focusTitleBar = async () => {
-  await invoke$c(/* TitleBar.focus */1331);
+  await invoke$d(/* TitleBar.focus */1331);
 };
 const focusMain = async () => {
-  await invoke$c(/* Main.focus */2145);
+  await invoke$d(/* Main.focus */2145);
 };
 const focusPart = part => {
   state$a.focusedPart = part;
@@ -14157,7 +13919,7 @@ const create$V = async (type, text) => {
     type,
     text
   });
-  await invoke$c(/* Notification.create */'Notification.create', /* type */type, /* text */text);
+  await invoke$d(/* Notification.create */'Notification.create', /* type */type, /* text */text);
 };
 const showWithOptions = async (type, text, options) => {
   // @ts-ignore
@@ -14166,7 +13928,7 @@ const showWithOptions = async (type, text, options) => {
     text,
     options
   });
-  await invoke$c(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
+  await invoke$d(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
 const handleClick$a = index => {
   console.log('handle click');
@@ -14182,7 +13944,7 @@ const handleClick$a = index => {
   });
 };
 const dispose$w = async id => {
-  await invoke$c(/* Notification.dispose */'Notification.dispose', /* id */id);
+  await invoke$d(/* Notification.dispose */'Notification.dispose', /* id */id);
 };
 
 const name$1w = 'Notification';
@@ -14201,7 +13963,7 @@ const Notification_ipc = {
 
 const openUrlWeb = async url => {
   try {
-    await invoke$c(/* Open.openUrl */'Open.openUrl', /* url */url);
+    await invoke$d(/* Open.openUrl */'Open.openUrl', /* url */url);
   } catch (error) {
     throw new VError(error, `Failed to open url ${url}`);
   }
@@ -14273,7 +14035,7 @@ const Preferences_ipc = {
 };
 
 const prompt = (message, defaultValue) => {
-  return invoke$c('Prompt.prompt', message, defaultValue);
+  return invoke$d('Prompt.prompt', message, defaultValue);
 };
 
 const name$1r = 'Prompt';
@@ -14288,7 +14050,7 @@ const Prompt_ipc = {
 };
 
 const rebuildNodePty = async () => {
-  await invoke$b('RebuildNodePty.rebuildNodePty');
+  await invoke$c('RebuildNodePty.rebuildNodePty');
 };
 
 const name$1q = 'RebuildNodePty';
@@ -14403,7 +14165,7 @@ const SessionReplay_ipc = {
 const name$1k = 'SessionStorage';
 const Commands$1a = {
   clear: clear$3,
-  getJson: getJson$1
+  getJson: getJson$2
 };
 
 const SessionStorage_ipc = {
@@ -14416,7 +14178,7 @@ const testWorkerUrl = `${assetDir}/packages/test-worker/dist/testWorkerMain.js`;
 
 const launchTestWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$4('develop.testWorkerPath', testWorkerUrl);
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Test Worker'
@@ -14427,7 +14189,7 @@ const launchTestWorker = async () => {
 
 const execute = async href => {
   const ipc = await launchTestWorker();
-  await invoke$d(ipc, 'Test.execute', href);
+  await invoke$e(ipc, 'Test.execute', href);
 };
 
 const name$1j = 'Test';
@@ -14442,16 +14204,16 @@ const Test_ipc = {
 };
 
 const checkSingleElementCondition = (locator, fnName, options) => {
-  return invoke$c('TestFrameWork.checkSingleElementCondition', locator, fnName, options);
+  return invoke$d('TestFrameWork.checkSingleElementCondition', locator, fnName, options);
 };
 const checkMultiElementCondition = (locator, fnName, options) => {
-  return invoke$c('TestFrameWork.checkMultiElementCondition', locator, fnName, options);
+  return invoke$d('TestFrameWork.checkMultiElementCondition', locator, fnName, options);
 };
 const showOverlay = (...args) => {
-  return invoke$c('TestFrameWork.showOverlay', ...args);
+  return invoke$d('TestFrameWork.showOverlay', ...args);
 };
 const performAction = (...args) => {
-  return invoke$c('TestFrameWork.performAction', ...args);
+  return invoke$d('TestFrameWork.performAction', ...args);
 };
 
 const name$1i = 'TestFrameWork';
@@ -14543,10 +14305,10 @@ const WindowTitle_ipc = {
 };
 
 const mock = () => {
-  return invoke$c('PointerCapture.mock');
+  return invoke$d('PointerCapture.mock');
 };
 const unmock = () => {
-  return invoke$c('PointerCapture.unmock');
+  return invoke$d('PointerCapture.unmock');
 };
 
 const name$1c = 'PointerCapture';
@@ -14649,7 +14411,7 @@ const set$3 = async (url, contentSecurityPolicy) => {
   if (platform === Web$1) {
     return;
   }
-  await invoke$b('ContentSecurityPolicy.set', url, contentSecurityPolicy);
+  await invoke$c('ContentSecurityPolicy.set', url, contentSecurityPolicy);
 };
 
 const set$2 = async (url, contentSecurityPolicy) => {
@@ -14682,7 +14444,7 @@ const terminalWorkerUrl = `${assetDir}/packages/terminal-worker/dist/terminalWor
 
 const launchTerminalWorker = async () => {
   const name = platform === Electron$1 ? 'Terminal Worker (Electron)' : 'Terminal Worker';
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: terminalWorkerUrl
@@ -14699,7 +14461,7 @@ const {
 const create$U = async canvasId => {
   number$1(canvasId);
   const id = create$15();
-  await invoke$c('OffscreenCanvas.create', canvasId, id);
+  await invoke$d('OffscreenCanvas.create', canvasId, id);
   const canvas = acquire(id);
   return canvas;
 };
@@ -14927,7 +14689,7 @@ const ExtensionHostClosingTagCompletion_ipc = {
 const sendMessagePortToRendererProcess = async (port, initialCommand) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$b(initialCommand, port);
+  await invokeAndTransfer$c(initialCommand, port);
 };
 
 const name$Y = 'SendMessagePortToRendererProcess';
@@ -14971,7 +14733,7 @@ const ExtensionHostHover_ipc = {
 const sendMessagePortToExtensionHostWorker = async (port, initialCommand) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$9(initialCommand, port);
+  await invokeAndTransfer$a(initialCommand, port);
 };
 
 const name$W = 'SendMessagePortToExtensionHostWorker';
@@ -15013,7 +14775,7 @@ const launchSyntaxHighlightingWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$3();
   const name = 'Syntax Highlighting Worker';
   const id = create$15();
-  let ipc = await create$13({
+  let ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: configuredWorkerUrl,
@@ -15022,7 +14784,7 @@ const launchSyntaxHighlightingWorker = async () => {
   if (getConfig()) {
     // TODO should renderer process send port to renderer worker or vice versa?
     const port = acquire(id);
-    ipc = wrap$7(port);
+    ipc = wrap$8(port);
   }
   handleIpc(ipc);
   return ipc;
@@ -15189,7 +14951,7 @@ const launchIframeWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$2();
   const name = 'Iframe Worker';
   const id = create$15();
-  let ipc = await create$13({
+  let ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: configuredWorkerUrl,
@@ -15254,7 +15016,7 @@ const getWebViewOrigin = webViewPort => {
 };
 
 const getWebViewsNode = async () => {
-  const webViews = await invoke$b('ExtensionHost.getWebViews');
+  const webViews = await invoke$c('ExtensionHost.getWebViews');
   return webViews;
 };
 
@@ -15299,17 +15061,37 @@ const getIframeSandbox = webView => {
 
 const isGitpod = getHost().endsWith('.gitpod.io');
 
+const getSavedWebViewState = async id => {
+  const states = await getSavedState();
+  if (!states) {
+    return undefined;
+  }
+  if (!Array.isArray(states)) {
+    return undefined;
+  }
+  for (const item of states) {
+    if (item && item.key && item.key === id && item.value && item.value.state) {
+      return item.value.state;
+    }
+  }
+  console.log({
+    states,
+    id
+  });
+  return undefined;
+};
+
 const registerProtocol = async () => {
-  await invoke$b('WebViewServer.registerProtocol');
+  await invoke$c('WebViewServer.registerProtocol');
 };
 const create$T = async previewServerId => {
-  await invoke$b('WebViewServer.create', previewServerId);
+  await invoke$c('WebViewServer.create', previewServerId);
 };
 const start = async (previewServerId, webViewPort) => {
-  await invoke$b('WebViewServer.start', previewServerId, webViewPort);
+  await invoke$c('WebViewServer.start', previewServerId, webViewPort);
 };
 const setHandler = async (previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent) => {
-  await invoke$b('WebViewServer.setHandler', previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent);
+  await invoke$c('WebViewServer.setHandler', previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent);
 };
 
 const register$3 = async previewServerId => {
@@ -15364,12 +15146,12 @@ const register = async (previewServerId, webViewPort, frameAncestors, webViewRoo
 };
 
 const setPort = async (uid, port, origin, portType) => {
-  await invokeAndTransfer$b('WebView.setPort', uid, port, origin, portType);
+  await invokeAndTransfer$c('WebView.setPort', uid, port, origin, portType);
 };
 const create$S = async (id, webViewPort, webViewId, previewServerId, uri) => {
   let root = '';
   if (platform === Remote) {
-    root = await invoke$b('Platform.getRoot');
+    root = await invoke$c('Platform.getRoot');
   }
   const webViews = await getWebViews();
   const locationProtocol = await invoke$5('Location.getProtocol');
@@ -15380,6 +15162,8 @@ const create$S = async (id, webViewPort, webViewId, previewServerId, uri) => {
     return undefined;
   }
   const webView = getWebView(webViews, webViewId);
+
+  // TODO move all of this to iframe worker
   const {
     iframeSrc,
     webViewRoot,
@@ -15405,16 +15189,15 @@ const create$S = async (id, webViewPort, webViewId, previewServerId, uri) => {
   } = getPortTuple();
   const portId = create$15();
   await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
-  await invoke$c('WebView.create', id, iframeSrc, sandbox, iframeCsp, credentialless);
-  await invoke$c('WebView.load', id);
+  await invoke$d('WebView.create', id, iframeSrc, sandbox, iframeCsp, credentialless);
+  await invoke$d('WebView.load', id);
   const origin = getWebViewOrigin(webViewPort);
   const portType = '';
   // @ts-ignore
   await setPort(id, port1, origin, portType);
-
-  // TODO split up into create and load
-  await invokeAndTransfer$9('ExtensionHostWebView.create', webViewId, port2, uri, id, origin);
-  await invoke$a('ExtensionHostWebView.load', webViewId);
+  await invokeAndTransfer$a('ExtensionHostWebView.create', webViewId, port2, uri, id, origin);
+  const savedState = await getSavedWebViewState(webViewId);
+  await invoke$b('ExtensionHostWebView.load', webViewId, savedState);
   return {
     srcDoc,
     iframeSrc,
@@ -15437,7 +15220,7 @@ const WebView_ipc = {
 };
 
 const launchSearchProcess = async () => {
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: NodeAlternate,
     type: 'search-process',
     name: 'Search Process',
@@ -15462,7 +15245,7 @@ const getOrCreate$1 = () => {
 };
 const invoke$4 = async (method, ...params) => {
   const ipc = await getOrCreate$1();
-  return invoke$d(ipc, method, ...params);
+  return invoke$e(ipc, method, ...params);
 };
 
 const name$R = 'SearchProcess';
@@ -15504,11 +15287,10 @@ const ExtensionHostTextSearch_ipc = {
 
 const None$g = 0;
 const Ok = 1;
-const Copy$1 = 2;
 
 // TODO remove this file and merge with whenExpressions
 const About = FocusAbout;
-const ActivityBar$3 = FocusActivityBar;
+const ActivityBar$2 = FocusActivityBar;
 const Confirm = FocusConfirm;
 const EditorImage = FocusEditorImage;
 const Explorer = FocusExplorer;
@@ -15518,35 +15300,25 @@ const Problems = FocusProblems;
 const SourceControlInput = FocusSourceControlInput;
 const TitleBarMenuBar = FocusTitleBarMenuBar;
 
-const getBrowser = () => {
-  return `${navigator.userAgent}`;
-};
-
-const getDetailStringWeb = () => {
-  const version$1 = version;
-  const commit$1 = commit;
-  const date$1 = date;
-  const formattedDate = formatAboutDate(date$1);
-  const browser = getBrowser();
-  const lines = [`Version: ${version$1}`, `Commit: ${commit$1}`, `Date: ${formattedDate}`, `Browser: ${browser}`];
-  return lines;
-};
-
 const create$R = () => {
   return {
     productName: '',
     lines: [],
-    focusId: None$g
+    focusId: None$g,
+    commands: []
   };
 };
 const loadContent$M = async state => {
-  const lines = getDetailStringWeb();
-  return {
+  const lines = await invoke$9('About.getDetailStringWeb');
+  const newState = {
     ...state,
     productName: productNameLong,
     lines,
     focusId: Ok
   };
+  const commands = await invoke$9('About.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 const handleClickOk$1 = async state => {
   await closeWidget(About$1);
@@ -15568,43 +15340,17 @@ const handleFocusIn$2 = state => {
   setFocus(About);
   return state;
 };
-const getNextFocus = focusId => {
-  switch (focusId) {
-    case Ok:
-      return Copy$1;
-    case Copy$1:
-      return Ok;
-    default:
-      return None$g;
-  }
-};
-const focusNext$b = state => {
-  const {
-    focusId
-  } = state;
-  return {
-    ...state,
-    focusId: getNextFocus(focusId)
-  };
-};
-const getPreviousFocus = focusId => {
-  switch (focusId) {
-    case Ok:
-      return Copy$1;
-    case Copy$1:
-      return Ok;
-    default:
-      return None$g;
-  }
+const focusNext$b = async state => {
+  const newState = await invoke$9('About.focusNext', state);
+  const commands = await invoke$9('About.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
-const focusPrevious$b = state => {
-  const {
-    focusId
-  } = state;
-  return {
-    ...state,
-    focusId: getPreviousFocus(focusId)
-  };
+const focusPrevious$b = async state => {
+  const newState = await invoke$9('About.focusPrevious', state);
+  const commands = await invoke$9('About.render', state, newState);
+  newState.commands = commands;
+  return newState;
 };
 
 const Commands$F = {
@@ -15636,177 +15382,34 @@ const getKeyBindings$h = () => {
 
 const name$P = 'About';
 
-const HandleAudioError = 'handleAudioError';
-const HandleBlur = 'handleBlur';
-const HandleClearFilterClick = 'handleClearFilterClick';
-const HandleClick = 'handleClick';
-const HandleClickAt = 'handleClickAt';
-const HandleClickBackward = 'handleClickBackward';
-const HandleClickClose = 'handleClickClose';
-const HandleClickCopy = 'handleClickCopy';
-const HandleClickForward = 'handleClickForward';
-const HandleClickOk = 'handleClickOk';
-const HandleClickOpenExternal = 'handleClickOpenExternal';
-const handleClickOpenFolder$1 = 'handleClickOpenFolder';
-const HandleClickReload = 'handleClickReload';
-const HandleClickScopeValue = 'handleClickScopeValue';
-const HandleContextMenu = 'handleContextMenu';
-const HandleFilterInput = 'handleFilterInput';
-const HandleFocus = 'handleFocus';
-const HandleFocusIn = 'handleFocusIn';
-const HandleFocusOut = 'handleFocusOut';
-const HandleHeaderClick = 'handleHeaderClick';
-const HandleHeaderFocusIn = 'handleHeaderFocusIn';
-const HandleInput = 'handleInput';
-const HandleKeyDown = 'handleKeyDown';
-const HandleListBlur = 'handleListBlur';
-const HandleMouseDown = 'handleMouseDown';
-const HandleMouseOut = 'handleMouseOut';
-const HandleMouseOver = 'handleMouseOver';
-const HandlePointerDown = 'handlePointerDown';
-const HandlePointerOut = 'handlePointerOut';
-const HandlePointerOver = 'handlePointerOver';
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleTitleBarButtonsClick = 'handleTitleBarButtonsClick';
-const HandleTouchStart = 'handleTouchStart';
-const HandleVideoError = 'handleVideoError';
-const HandleWheel = 'handleWheel';
-
-const br = {
-  type: Br$1,
-  childCount: 0
-};
-const renderLine$2 = (line, index) => {
-  if (index === 0) {
-    return [text(line)];
+const apply = (oldState, newState) => {
+  const commands = newState.commands;
+  newState.commands = [];
+  if (!commands) {
+    return [];
   }
-  return [br, text(line)];
-};
-const getAboutContentVirtualDom = lines => {
-  const dom = [{
-    type: Div$1,
-    className: DialogMessage,
-    childCount: lines.length * 2 - 1
-  }, ...lines.flatMap(renderLine$2)];
-  return dom;
-};
-
-const getPrimaryButtonVirtualDom = (message, onClick) => {
-  return [{
-    type: Button$2,
-    className: `${Button$3} ${ButtonPrimary}`,
-    onClick,
-    childCount: 1
-  }, text(message)];
-};
-const getSecondaryButtonVirtualDom = (message, onClick) => {
-  return [{
-    type: Button$2,
-    className: `${Button$3} ${ButtonSecondary}`,
-    onClick,
-    childCount: 1
-  }, text(message)];
-};
-
-const Focusable = -1;
-
-const getDialogVirtualDom = (content, closeMessage, infoMessage, okMessage, copyMessage, productName) => {
-  const dom = [{
-    type: Div$1,
-    className: DialogContent,
-    tabIndex: Focusable,
-    role: Dialog,
-    ariaModal: 'true',
-    ariaLabelledBy: 'DialogIcon DialogHeading',
-    onFocusIn: HandleFocusIn,
-    childCount: 3
-  }, {
-    type: Div$1,
-    className: DialogToolBarRow,
-    childCount: 1
-  }, {
-    type: Div$1,
-    className: DialogClose,
-    ariaLabel: closeMessage,
-    role: Button$4,
-    onClick: HandleClickClose,
-    childCount: 1
-  }, {
-    type: Div$1,
-    className: 'MaskIcon MaskIconClose',
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: DialogMessageRow,
-    childCount: 2
-  }, {
-    type: Div$1,
-    className: 'DialogIcon DialogInfoIcon MaskIcon MaskIconInfo',
-    id: 'DialogIcon',
-    ariaLabel: infoMessage,
-    childCount: 0
-  }, {
-    type: Div$1,
-    className: DialogContentRight,
-    childCount: 2
-  }, {
-    type: Div$1,
-    id: 'DialogHeading',
-    className: DialogHeading,
-    childCount: 1
-  }, text(productName), ...content, {
-    type: Div$1,
-    className: DialogButtonsRow,
-    childCount: 2
-  }, ...getSecondaryButtonVirtualDom(okMessage, HandleClickOk), ...getPrimaryButtonVirtualDom(copyMessage, HandleClickCopy)];
-  return dom;
-};
-
-const getAboutVirtualDom = (productName, lines, closeMessage, okMessage, copyMessage, infoMessage) => {
-  const content = getAboutContentVirtualDom(lines);
-  return [{
-    type: Div$1,
-    className: 'Viewlet About',
-    onContextMenu: HandleContextMenu,
-    childCount: 1
-  }, ...getDialogVirtualDom(content, closeMessage, infoMessage, okMessage, copyMessage, productName)];
+  const adjustedCommands = commands.map(command => {
+    if (command[0] === 'Viewlet.setDom2') {
+      return ['Viewlet.setDom2', newState.uid, ...command.slice(1)];
+    }
+    if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.setDom2') {
+      return command;
+    }
+    return ['Viewlet.send', newState.uid, ...command];
+  });
+  return adjustedCommands;
 };
 
 const hasFunctionalRender$G = true;
 const hasFunctionalRootRender$n = true;
 const renderDialog$1 = {
   isEqual(oldState, newState) {
-    return oldState.productName === newState.productName && oldState.lines === newState.lines;
-  },
-  apply(oldState, newState) {
-    const okMessage = ok$1();
-    const copyMessage = copy$8();
-    const closeMessage = closeDialog();
-    const infoMessage = info();
-    const dom = getAboutVirtualDom(newState.productName, newState.lines, closeMessage, okMessage, copyMessage, infoMessage);
-    return ['Viewlet.setDom2', dom];
-  }
-};
-const getFocusSelector = focusId => {
-  switch (focusId) {
-    case Copy$1:
-      return '.ButtonPrimary';
-    case Ok:
-      return '.ButtonSecondary';
-    default:
-      return '';
-  }
-};
-const renderFocus$5 = {
-  isEqual(oldState, newState) {
-    return oldState.focusId === newState.focusId;
+    return false;
   },
-  apply(oldState, newState) {
-    const selector = getFocusSelector(newState.focusId);
-    return ['setFocused', selector];
-  }
+  apply: apply,
+  multiple: true
 };
-const render$I = [renderDialog$1, renderFocus$5];
+const render$I = [renderDialog$1];
 
 const ViewletAbout_ipc = {
   __proto__: null,
@@ -15825,8 +15428,7 @@ const ViewletAbout_ipc = {
   loadContent: loadContent$M,
   name: name$P,
   render: render$I,
-  renderDialog: renderDialog$1,
-  renderFocus: renderFocus$5
+  renderDialog: renderDialog$1
 };
 
 const Tab = 1;
@@ -16263,7 +15865,7 @@ const menuEntryMoveSideBar = sideBarLocation => {
       throw new Error('unexpected side bar location');
   }
 };
-const id$c = ActivityBar$5;
+const id$c = ActivityBar$4;
 const getMenuEntries$g = async (layoutState, activityBarState) => {
   const {
     activityBarItems
@@ -16278,7 +15880,7 @@ const getMenuEntries$g = async (layoutState, activityBarState) => {
     command: /* Layout.hideActivityBar */'Layout.hideActivityBar'
   }];
 };
-const inject = [Layout, ActivityBar$6];
+const inject = [Layout, ActivityBar$5];
 
 const MenuEntriesActivityBar = {
   __proto__: null,
@@ -16312,7 +15914,40 @@ const getQuickPickMenuEntries$4 = () => {
 
 const Vertical$2 = 'vertical';
 
-const ActivityBar$2 = 'ActivityBar';
+const HandleAudioError = 'handleAudioError';
+const HandleBlur = 'handleBlur';
+const HandleClearFilterClick = 'handleClearFilterClick';
+const HandleClick = 'handleClick';
+const HandleClickAt = 'handleClickAt';
+const HandleClickBackward = 'handleClickBackward';
+const HandleClickForward = 'handleClickForward';
+const HandleClickOpenExternal = 'handleClickOpenExternal';
+const handleClickOpenFolder$1 = 'handleClickOpenFolder';
+const HandleClickReload = 'handleClickReload';
+const HandleClickScopeValue = 'handleClickScopeValue';
+const HandleContextMenu = 'handleContextMenu';
+const HandleFilterInput = 'handleFilterInput';
+const HandleFocus = 'handleFocus';
+const HandleFocusIn = 'handleFocusIn';
+const HandleFocusOut = 'handleFocusOut';
+const HandleHeaderClick = 'handleHeaderClick';
+const HandleHeaderFocusIn = 'handleHeaderFocusIn';
+const HandleInput = 'handleInput';
+const HandleKeyDown = 'handleKeyDown';
+const HandleListBlur = 'handleListBlur';
+const HandleMouseDown = 'handleMouseDown';
+const HandleMouseOut = 'handleMouseOut';
+const HandleMouseOver = 'handleMouseOver';
+const HandlePointerDown = 'handlePointerDown';
+const HandlePointerOut = 'handlePointerOut';
+const HandlePointerOver = 'handlePointerOver';
+const HandleReadmeContextMenu = 'handleReadmeContextMenu';
+const HandleTitleBarButtonsClick = 'handleTitleBarButtonsClick';
+const HandleTouchStart = 'handleTouchStart';
+const HandleVideoError = 'handleVideoError';
+const HandleWheel = 'handleWheel';
+
+const ActivityBar$1 = 'ActivityBar';
 const Filter$3 = 'Filter';
 
 const getIconVirtualDom = (icon, type = Div$1) => {
@@ -16416,8 +16051,8 @@ const mergeClassNames = (...classNames) => {
 const getActivityBarVirtualDom = visibleItems => {
   return [{
     type: Div$1,
-    id: ActivityBar$2,
-    className: mergeClassNames(Viewlet, ActivityBar$4),
+    id: ActivityBar$1,
+    className: mergeClassNames(Viewlet, ActivityBar$3),
     role: ToolBar,
     ariaRoleDescription: activityBar(),
     ariaOrientation: Vertical$2,
@@ -16502,8 +16137,6 @@ const resize$n = (state, dimensions) => {
   };
 };
 
-const ActivityBar$1 = 'ActivityBar';
-
 const Events$6 = {
   'SourceControl.changeBadgeCount': updateSourceControlCount,
   'Layout.hideSideBar': handleSideBarHidden,
@@ -16512,7 +16145,7 @@ const Events$6 = {
 
 const ViewletActivityBar_ipc = {
   __proto__: null,
-  ActivityBar: ActivityBar$1,
+  ActivityBar: ActivityBar$6,
   Commands: Commands$E,
   Css: Css$F,
   Events: Events$6,
@@ -16664,7 +16297,7 @@ const create$O = (id, uri, x, y, width, height) => {
   };
 };
 const loadContent$J = async state => {
-  const browserViewMap = await invoke$b('ElectronBrowserView.getAll');
+  const browserViewMap = await invoke$c('ElectronBrowserView.getAll');
   console.log({
     browserViewMap
   });
@@ -16717,7 +16350,7 @@ const create$N = (id, uri, x, y, width, height) => {
 };
 const loadContent$I = state => {
   const update = async () => {
-    await invoke$c(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
+    await invoke$d(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
   };
   return {
     ...state,
@@ -16799,11 +16432,7 @@ const renderDialog = {
     return oldState.productName === newState.productName && oldState.lines === newState.lines;
   },
   apply(oldState, newState) {
-    const okMessage = ok$1();
-    const copyMessage = copy$8();
-    const closeMessage = closeDialog();
-    const infoMessage = info();
-    const dom = getAboutVirtualDom(newState.productName, newState.lines, closeMessage, okMessage, copyMessage, infoMessage);
+    const dom = [];
     return ['Viewlet.setDom2', dom];
   }
 };
@@ -17443,7 +17072,7 @@ const ViewletDialog_ipc = {
 const diffWorkerUrl = `${assetDir}/packages/diff-worker/dist/diffWorkerMain.js`;
 
 const launchDiffWorker = async () => {
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: diffWorkerUrl,
     name: 'Diff Worker'
@@ -18510,8 +18139,8 @@ const create$E = (id, uri, x, y, width, height) => {
   };
 };
 const getTests = async () => {
-  const root = await invoke$b('Platform.getRoot');
-  const testPath = await invoke$b('Platform.getTestPath');
+  const root = await invoke$c('Platform.getRoot');
+  const testPath = await invoke$c('Platform.getTestPath');
   const absolutePath = `${root}/${testPath}/src`;
   const dirents = await readDirWithFileTypes$8(absolutePath);
   const filteredDirents = dirents.slice(1);
@@ -19920,13 +19549,13 @@ const wrapEditorCommands = ids => {
   }
   return all;
 };
-const ids = ['addCursorAbove', 'addCursorBelow', 'applyEdit', 'braceCompletion', 'cancelSelection', 'closeCompletion', 'closeCompletion', 'ColorPicker.handleSliderPointerDown', 'ColorPicker.handleSliderPointerMove', 'compositionEnd', 'compositionStart', 'compositionUpdate', 'contextMenu', 'copy', 'copyLineDown', 'copyLineUp', 'cursorCharacterLeft', 'cursorCharacterRight', 'cursorDown', 'cursorEnd', 'cursorHome', 'cursorLeft', 'cursorRight', 'cursorSet', 'cursorUp', 'cursorWordLeft', 'cursorWordPartLeft', 'cursorWordPartRight', 'cursorWordRight', 'cut', 'deleteAllLeft', 'deleteAllRight', 'deleteCharacterLeft', 'deleteCharacterRight', 'deleteHorizontalRight', 'deleteLeft', 'deleteRight', 'deleteWordLeft', 'deleteWordPartLeft', 'deleteWordPartRight', 'closeSourceActions', 'closeSourceAction', 'deleteWordRight', 'closeFind', 'EditorCompletion.closeDetails', 'EditorCompletion.dispose', 'EditorCompletion.focusFirst', 'EditorCompletion.focusIndex', 'EditorCompletion.focusLast', 'EditorCompletion.focusNext', 'EditorCompletion.focusNextPage', 'EditorCompletion.focusPrevious', 'EditorCompletion.focusPreviousPage', 'EditorCompletion.handleClickAt', 'EditorCompletion.handleScrollBarCaptureLost', 'EditorCompletion.handleScrollBarClick', 'EditorCompletion.handleScrollBarMove', 'EditorCompletion.handleScrollBarThumbPointerMove', 'EditorCompletion.handleWheel', 'EditorCompletion.openDetails', 'EditorCompletion.scrollDown', 'EditorCompletion.selectCurrent', 'EditorCompletion.selectIndex', 'EditorCompletion.toggleDetails', 'EditorSourceActions.close', 'EditorSourceActions.focusFirst', 'EditorSourceActions.focusLast', 'EditorSourceActions.focusNext', 'EditorSourceActions.focusPrevious', 'EditorSourceActions.selectCurrent', 'findAllReferences', 'FindWidget.close', 'FindWidget.focusCloseButton', 'FindWidget.focusFind', 'FindWidget.focusNext', 'FindWidget.focusNextMatchButton', 'FindWidget.focusPrevious', 'FindWidget.focusPreviousMatchButton', 'FindWidget.focusReplace', 'FindWidget.focusReplaceAllButton', 'FindWidget.focusReplaceButton', 'FindWidget.focusToggleReplace', 'FindWidget.handleBlur', 'FindWidget.handleFocus', 'FindWidget.handleFocusClose', 'FindWidget.handleFocusNext', 'FindWidget.handleFocusPrevious', 'FindWidget.handleFocusReplaceAll', 'FindWidget.handleInput', 'FindWidget.handleReplaceFocus', 'FindWidget.handleReplaceInput', 'FindWidget.handleToggleReplaceFocus', 'FindWidget.replaceAll', 'FindWidget.toggleMatchCase', 'FindWidget.toggleMatchWholeWord', 'FindWidget.toggleReplace', 'FindWidget.toggleUseRegularExpression', 'format', 'getWordAt', 'getWordBefore', 'goToDefinition', 'goToTypeDefinition', 'handleBeforeInput', 'handleBeforeInputFromContentEditable', 'handleBlur', 'handleContextMenu', 'handleDoubleClick', 'handleFocus', 'handleMouseDown', 'handleMouseMove', 'handleMouseMoveWithAltKey', 'handleNativeSelectionChange', 'handlePointerCaptureLost', 'handleScrollBarClick', 'handleScrollBarHorizontalMove', 'handleScrollBarHorizontalPointerDown', 'handleScrollBarMove', 'handleScrollBarPointerDown', 'handleScrollBarVerticalMove', 'handleScrollBarVerticalPointerDown', 'handleSingleClick', 'handleTab', 'handleTouchEnd', 'handleTouchMove', 'handleTouchStart', 'handleTripleClick', 'indentLess', 'indentMore', 'insertLineBreak', 'moveLineDown', 'moveLineUp', 'moveRectangleSelection', 'moveRectangleSelectionPx', 'moveSelection', 'moveSelectionPx', 'openColorPicker', 'openCompletion', 'openFind', 'openFind2', 'organizeImports', 'paste', 'pasteText', 'replaceRange', 'save', 'save', 'selectAll', 'selectAllLeft', 'selectAllOccurrences', 'selectAllRight', 'selectCharacterLeft', 'selectCharacterRight', 'selectDown', 'selectInsideString', 'selectionGrow', 'selectLine', 'selectNextOccurrence', 'selectUp', 'selectWord', 'selectWordLeft', 'selectWordRight', 'setDecorations', 'setDelta', 'setDeltaY', 'setLanguageId', 'setSelections', 'showHover', 'showHover2', 'showSourceActions', 'showSourceActions2', 'sortLinesAscending', 'tabCompletion', 'toggleBlockComment', 'toggleComment', 'toggleLineComment', 'type', 'undo', 'unIndent'];
+const ids = ['addCursorAbove', 'addCursorBelow', 'applyEdit', 'braceCompletion', 'cancelSelection', 'closeCompletion', 'closeCompletion', 'closeFind', 'closeSourceAction', 'closeSourceActions', 'ColorPicker.handleSliderPointerDown', 'ColorPicker.handleSliderPointerMove', 'compositionEnd', 'compositionStart', 'compositionUpdate', 'contextMenu', 'copy', 'copyLineDown', 'copyLineUp', 'cursorCharacterLeft', 'cursorCharacterRight', 'cursorDown', 'cursorEnd', 'cursorHome', 'cursorLeft', 'cursorRight', 'cursorSet', 'cursorUp', 'cursorWordLeft', 'cursorWordPartLeft', 'cursorWordPartRight', 'cursorWordRight', 'cut', 'deleteAllLeft', 'deleteAllRight', 'deleteCharacterLeft', 'deleteCharacterRight', 'deleteHorizontalRight', 'deleteLeft', 'deleteRight', 'deleteWordLeft', 'deleteWordPartLeft', 'deleteWordPartRight', 'deleteWordRight', 'EditorCompletion.closeDetails', 'EditorCompletion.dispose', 'EditorCompletion.focusFirst', 'EditorCompletion.focusIndex', 'EditorCompletion.focusLast', 'EditorCompletion.focusNext', 'EditorCompletion.focusNextPage', 'EditorCompletion.focusPrevious', 'EditorCompletion.focusPreviousPage', 'EditorCompletion.handleClickAt', 'EditorCompletion.handleScrollBarCaptureLost', 'EditorCompletion.handleScrollBarClick', 'EditorCompletion.handleScrollBarMove', 'EditorCompletion.handleScrollBarThumbPointerMove', 'EditorCompletion.handleWheel', 'EditorCompletion.openDetails', 'EditorCompletion.scrollDown', 'EditorCompletion.selectCurrent', 'EditorCompletion.selectIndex', 'EditorCompletion.toggleDetails', 'EditorSourceActions.close', 'EditorSourceActions.focusFirst', 'EditorSourceActions.focusLast', 'EditorSourceActions.focusNext', 'EditorSourceActions.focusPrevious', 'EditorSourceActions.selectCurrent', 'findAllReferences', 'FindWidget.close', 'FindWidget.replaceAll', 'FindWidget.focusCloseButton', 'FindWidget.focusFind', 'FindWidget.focusNext', 'FindWidget.focusNextMatchButton', 'FindWidget.focusPrevious', 'FindWidget.focusPreviousMatchButton', 'FindWidget.focusReplace', 'FindWidget.focusReplaceAllButton', 'FindWidget.focusReplaceButton', 'FindWidget.focusToggleReplace', 'FindWidget.handleBlur', 'FindWidget.handleFocus', 'FindWidget.handleFocusClose', 'FindWidget.handleFocusNext', 'FindWidget.handleFocusPrevious', 'FindWidget.handleFocusReplaceAll', 'FindWidget.handleInput', 'FindWidget.handleReplaceFocus', 'FindWidget.handleReplaceInput', 'FindWidget.handleToggleReplaceFocus', 'FindWidget.replaceAll', 'FindWidget.toggleMatchCase', 'FindWidget.toggleMatchWholeWord', 'FindWidget.toggleReplace', 'FindWidget.toggleUseRegularExpression', 'format', 'getText', 'getWordAt', 'getWordBefore', 'goToDefinition', 'goToTypeDefinition', 'handleBeforeInput', 'handleBeforeInputFromContentEditable', 'handleBlur', 'handleContextMenu', 'handleDoubleClick', 'handleFocus', 'handleMouseDown', 'handleMouseMove', 'handleMouseMoveWithAltKey', 'handleNativeSelectionChange', 'handlePointerCaptureLost', 'handleScrollBarClick', 'handleScrollBarHorizontalMove', 'handleScrollBarHorizontalPointerDown', 'handleScrollBarMove', 'handleScrollBarPointerDown', 'handleScrollBarVerticalMove', 'handleScrollBarVerticalPointerDown', 'handleSingleClick', 'handleTab', 'handleTouchEnd', 'handleTouchMove', 'handleTouchStart', 'handleTripleClick', 'indentLess', 'indentMore', 'insertLineBreak', 'moveLineDown', 'moveLineUp', 'moveRectangleSelection', 'moveRectangleSelectionPx', 'moveSelection', 'moveSelectionPx', 'openColorPicker', 'openCompletion', 'openFind', 'openFind2', 'organizeImports', 'paste', 'pasteText', 'replaceRange', 'save', 'save', 'selectAll', 'selectAllLeft', 'selectAllOccurrences', 'selectAllRight', 'selectCharacterLeft', 'selectCharacterRight', 'selectDown', 'selectInsideString', 'selectionGrow', 'selectLine', 'selectNextOccurrence', 'selectUp', 'selectWord', 'selectWordLeft', 'selectWordRight', 'setDecorations', 'setDelta', 'setDeltaY', 'setLanguageId', 'setSelections', 'showHover', 'showHover2', 'showSourceActions', 'showSourceActions2', 'sortImports', 'sortLinesAscending', 'tabCompletion', 'toggleBlockComment', 'toggleComment', 'toggleLineComment', 'type', 'undo', 'unIndent'];
 const Commands$s = {
   // TODO command to set cursor position
   ...wrapEditorCommands(ids),
   // TODO
   async showOverlayMessage(state, editor, ...args) {
-    await invoke$c(...args);
+    await invoke$d(...args);
     return state;
   }
 };
@@ -19987,6 +19616,10 @@ const getKeyBindings$b = () => {
     key: Tab$2,
     command: 'FindWidget.focusPreviousMatchButton',
     when: FocusFindWidgetReplace
+  }, {
+    key: Alt$1 | CtrlCmd | Enter$2,
+    command: 'FindWidget.replaceAll',
+    when: FocusFindWidgetReplace
   }, {
     key: Tab$2,
     command: 'FindWidget.focusNextMatchButton',
@@ -22671,26 +22304,26 @@ const getId$2 = extension => {
 };
 
 const install$1 = id => {
-  return invoke$b(InstallExtensionInstallExtension, /* id */id);
+  return invoke$c(InstallExtensionInstallExtension, /* id */id);
 };
 
 const install = id => {
   return install$1(id);
 };
 const uninstall$1 = id => {
-  return invoke$b(/* ExtensionManagement.uninstall */'ExtensionManagement.uninstall', /* id */id);
+  return invoke$c(/* ExtensionManagement.uninstall */'ExtensionManagement.uninstall', /* id */id);
 };
 const disable$1 = async id => {
-  return invoke$b(/* ExtensionManagement.disable */'ExtensionManagement.disable', /* id */id);
+  return invoke$c(/* ExtensionManagement.disable */'ExtensionManagement.disable', /* id */id);
 };
 const enable$1 = async id => {
-  return invoke$b(/* ExtensionManagement.enable */'ExtensionManagement.enable', /* id */id);
+  return invoke$c(/* ExtensionManagement.enable */'ExtensionManagement.enable', /* id */id);
 };
 const getAllExtensions = async () => {
   if (platform === Web$1) {
     return [];
   }
-  return invoke$b(/* ExtensionManagement.getAllExtensions */'ExtensionManagement.getAllExtensions');
+  return invoke$c(/* ExtensionManagement.getAllExtensions */'ExtensionManagement.getAllExtensions');
 };
 const getExtension = async id => {
   const allExtensions = await getAllExtensions();
@@ -23749,30 +23382,30 @@ const dispose$m = () => {};
 
 // TODO show error / warning  when installment fails / times out
 const handleInstall = async (state, id) => {
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installing');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installing');
   try {
     await install(/* id */id);
   } catch (error) {
     // TODO have multi send command
-    await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
+    await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
     // TODO use command.execute
     handleError$2(error);
     return;
   }
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
 };
 
 // TODO lazyload this
 const handleUninstall = async (state, id) => {
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalling');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalling');
   try {
     await uninstall$1(id);
   } catch (error) {
-    await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
+    await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'installed');
     handleError$2(error);
     return;
   }
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'uninstalled');
 };
 
 // TODO lazyload this
@@ -23780,11 +23413,11 @@ const handleEnable = async (state, id) => {
   try {
     await enable$1(id);
   } catch (error) {
-    await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
+    await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
     handleError$2(error);
     return;
   }
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'enabled');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'enabled');
 };
 
 // TODO lazyload this
@@ -23796,16 +23429,16 @@ const handleDisable = async (state, id) => {
     handleError$2(error);
     return;
   }
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'setExtensionState', /* id */id, /* state */'disabled');
 };
 const openSuggest = async state => {
   const filteredSuggestions = SUGGESTIONS;
   state.suggestionState = /* Open */1;
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'openSuggest', /* suggestions */filteredSuggestions);
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'openSuggest', /* suggestions */filteredSuggestions);
 };
 const closeSuggest = async state => {
   state.suggestionState = /* Closed */0;
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'closeSuggest');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */Extensions$2, /* method */'closeSuggest');
 };
 const toggleSuggest = async state => {
   switch (state.suggestionState) {
@@ -25036,7 +24669,7 @@ const getConfiguredWorkerUrl$1 = () => {
 };
 const launchKeyBindingsViewWorker = async () => {
   const name = 'KeyBindings View Worker';
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1()
@@ -25455,23 +25088,7 @@ const renderKeyBindings = {
   isEqual(oldState, newState) {
     return newState.commands && newState.commands.length === 0;
   },
-  apply(oldState, newState) {
-    const commands = newState.commands;
-    newState.commands = [];
-    if (!commands) {
-      return [];
-    }
-    const adjustedCommands = commands.map(command => {
-      if (command[0] === 'Viewlet.setDom2') {
-        return ['Viewlet.setDom2', newState.uid, ...command.slice(1)];
-      }
-      if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.setDom2') {
-        return command;
-      }
-      return ['Viewlet.send', newState.uid, ...command];
-    });
-    return adjustedCommands;
-  },
+  apply: apply,
   multiple: true
 };
 const render$n = [renderKeyBindings];
@@ -25593,7 +25210,7 @@ const Main$1 = {
   kHeight: MainHeight
 };
 const ActivityBar = {
-  moduleId: ActivityBar$6,
+  moduleId: ActivityBar$5,
   kVisible: ActivityBarVisible,
   kTop: ActivityBarTop,
   kLeft: ActivityBarLeft,
@@ -26040,9 +25657,9 @@ const toggleMain = state => {
 };
 const getReferenceNodes = sideBarLocation => {
   if (sideBarLocation === Left$2) {
-    return [TitleBar$2, ActivityBar$6, 'SashSideBar', SideBar$2, Main$3, 'SashPanel', Panel$2, StatusBar$1];
+    return [TitleBar$2, ActivityBar$5, 'SashSideBar', SideBar$2, Main$3, 'SashPanel', Panel$2, StatusBar$1];
   }
-  return [TitleBar$2, Main$3, SideBar$2, 'SashSideBar', ActivityBar$6, 'SashPanel', Panel$2, StatusBar$1];
+  return [TitleBar$2, Main$3, SideBar$2, 'SashSideBar', ActivityBar$5, 'SashPanel', Panel$2, StatusBar$1];
 };
 const loadIfVisible = async (state, module) => {
   try {
@@ -26285,7 +25902,7 @@ const showAsync = async (uid, points, module) => {
     if (commands) {
       commands.push(['Viewlet.append', uid, viewletUid]);
     }
-    await invoke$c('Viewlet.sendMultiple', commands);
+    await invoke$d('Viewlet.sendMultiple', commands);
     // TODO
     // 2. load module
     // 3. if module is still visible, replace placeholder with actual viewlet
@@ -27534,7 +27151,7 @@ const focusIndex$6 = async (state, index) => {
     };
   }
   const instanceUid = create$15();
-  const instance = create$14(load$5, id, uid, editor.uri, x, y, width, contentHeight);
+  const instance = create$12(load$5, id, uid, editor.uri, x, y, width, contentHeight);
   instance.show = false;
   instance.setBounds = false;
   instance.uid = instanceUid;
@@ -27702,7 +27319,7 @@ const openUri = async (state, uri, focus = true, {
     disposeCommands = hideFunctional(previousUid);
   }
   const instanceUid = create$15();
-  const instance = create$14(load$5, moduleId, state.uid, uri, x, y, width, contentHeight);
+  const instance = create$12(load$5, moduleId, state.uid, uri, x, y, width, contentHeight);
   instance.uid = instanceUid;
   // const oldActiveIndex = state.activeIndex
   const tabLabel = getLabel$6(uri);
@@ -28006,7 +27623,7 @@ const loadContent$o = async (state, savedState) => {
   once(Twelve, hydrateLazy);
   addListener('editor.change', handleEditorChange$1);
   addListener('titleUpdated', handleTitleUpdated$1);
-  await invoke$c('Viewlet.loadModule', MainTabs);
+  await invoke$d('Viewlet.loadModule', MainTabs);
   return {
     ...state,
     groups,
@@ -28098,7 +27715,7 @@ const openBackgroundTab$1 = async (state, initialUri, props) => {
   const id = getModuleId(initialUri);
   const tabLabel = 'Loading';
   const tabTitle = 'Loading';
-  await invoke$c(/* Viewlet.send */'Viewlet.send', /* id */Main$3, /* method */'openViewlet', /* tabLabel */tabLabel, /* tabTitle */tabTitle, /* oldActiveIndex */-1, /* background */true);
+  await invoke$d(/* Viewlet.send */'Viewlet.send', /* id */Main$3, /* method */'openViewlet', /* tabLabel */tabLabel, /* tabTitle */tabTitle, /* oldActiveIndex */-1, /* background */true);
   const y = state.y + state.tabHeight;
   const x = state.x;
   const width = state.width;
@@ -28123,7 +27740,7 @@ const openBackgroundTab$1 = async (state, initialUri, props) => {
     title,
     ...props
   });
-  await invoke$c('Viewlet.send', 'Main', 'updateTab', 1, title);
+  await invoke$d('Viewlet.send', 'Main', 'updateTab', 1, title);
   // TODO update tab title with new title
   return state;
 };
@@ -28701,7 +28318,7 @@ const create$n = (id, uri, x, y, width, height) => {
 };
 const loadContent$n = state => {
   const update = async () => {
-    await invoke$c(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
+    await invoke$d(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
   };
   return {
     ...state,
@@ -28756,10 +28373,10 @@ const ViewletNoop_ipc = {
 };
 
 const open$4 = async (id, file) => {
-  await invoke$b(/* OutputChannel.open */'OutputChannel.open', id, /* path */file);
+  await invoke$c(/* OutputChannel.open */'OutputChannel.open', id, /* path */file);
 };
 const close$3 = async id => {
-  await invoke$b(/* OutputChannel.close */'OutputChannel.close', /* id */id);
+  await invoke$c(/* OutputChannel.close */'OutputChannel.close', /* id */id);
 };
 
 const getOutputChannels = () => {
@@ -28820,7 +28437,7 @@ const contentLoaded$4 = async state => {
 const setOutputChannel = async (state, option) => {
   state.selectedOption = option;
   // TODO race condition
-  await invoke$c(/* viewletSend */'Viewlet.send', /* id */'Output', /* method */'clear');
+  await invoke$d(/* viewletSend */'Viewlet.send', /* id */'Output', /* method */'clear');
   // TODO race condition
   // TODO should use invoke
   await open$4('Output', state.selectedOption);
@@ -29107,7 +28724,7 @@ const openViewlet$1 = async (state, id, focus = false) => {
     const currentViewletUid = currentViewletState.uid;
     number$1(currentViewletUid);
     commands.unshift(...disposeFunctional(currentViewletUid));
-    await invoke$c('Viewlet.sendMultiple', commands);
+    await invoke$d('Viewlet.sendMultiple', commands);
     if (commands.at(-1).includes(Error$2)) {
       state.currentViewletId = Error$2;
     }
@@ -32954,18 +32571,18 @@ const ViewletRunAndDebug_ipc = {
 };
 
 const getSources = async options => {
-  const sources = await invoke$b('DesktopCapturer.getSources', options);
+  const sources = await invoke$c('DesktopCapturer.getSources', options);
   return sources;
 };
 
 const getUserMedia = async (captureId, options) => {
   number$1(captureId);
   object(options);
-  await invoke$c('ScreenCapture.start', captureId, options);
+  await invoke$d('ScreenCapture.start', captureId, options);
 };
 const dispose$a = async captureId => {
   number$1(captureId);
-  await invoke$c('ScreenCapture.dispose', captureId);
+  await invoke$d('ScreenCapture.dispose', captureId);
 };
 
 const createScreenCaptureStream = async captureId => {
@@ -33079,7 +32696,7 @@ const getConfiguredWorkerUrl = () => {
 };
 const launchTextSearchWorker = async () => {
   const name = 'Text Search Worker';
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl()
@@ -34257,7 +33874,7 @@ const openViewlet = async (state, moduleId, focus = false, args) => {
     const currentViewletUid = currentViewletState.uid;
     number$1(currentViewletUid);
     commands.unshift(...disposeFunctional(currentViewletUid));
-    const activityBar = getInstance(ActivityBar$6);
+    const activityBar = getInstance(ActivityBar$5);
     if (activityBar) {
       const oldState = activityBar.state;
       const newState = activityBar.factory.handleSideBarViewletChange(oldState, moduleId);
@@ -34265,7 +33882,7 @@ const openViewlet = async (state, moduleId, focus = false, args) => {
       activityBar.state = newState;
       commands.push(...extraCommands);
     }
-    await invoke$c('Viewlet.sendMultiple', commands);
+    await invoke$d('Viewlet.sendMultiple', commands);
   }
 
   // // TODO race condition (check if disposed after created)
@@ -34395,7 +34012,7 @@ const ViewletSideBar_ipc = {
 const embedsWorkerUrl = `${assetDir}/packages/embeds-worker/dist/embedsWorkerMain.js`;
 
 const launchEmbedsWorker = async () => {
-  const ipc = await create$13({
+  const ipc = await create$14({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: embedsWorkerUrl,
     name: 'Embeds Worker'
@@ -34428,7 +34045,7 @@ const disposeWebContentsView = async id => {
 const getWindowZoomLevel = async () => {
   // TODO speed up resizing by avoid too many round trips
   const windowId = await getWindowId();
-  const zoomLevel = await invoke$b('ElectronWindow.getZoom', windowId);
+  const zoomLevel = await invoke$c('ElectronWindow.getZoom', windowId);
   return zoomLevel;
 };
 
@@ -36156,7 +35773,7 @@ const ViewletStorage_ipc = {
 };
 
 const getTerminalSpawnOptions = () => {
-  return invoke$b('GetTerminalSpawnOptions.getTerminalSpawnOptions');
+  return invoke$c('GetTerminalSpawnOptions.getTerminalSpawnOptions');
 };
 
 // TODO implement a functional terminal component, maybe using offscreencanvas
@@ -36274,7 +35891,7 @@ const resizeEffect = async state => {
   // Terminal.resize(state, width, height)
 };
 const clear = async state => {
-  await invoke$c(/* ViewletTerminal.write */'Terminal.write', /* data */new TextEncoder().encode('TODO clear terminal'));
+  await invoke$d(/* ViewletTerminal.write */'Terminal.write', /* data */new TextEncoder().encode('TODO clear terminal'));
 };
 
 const getActions = state => {
@@ -36422,7 +36039,7 @@ const addTerminal = async state => {
   const oldTab = tabs[selectedIndex];
   const disposeCommands = disposeFunctional(oldTab.uid);
   commands.push(...disposeCommands);
-  await invoke$c('Viewlet.sendMultiple', commands);
+  await invoke$d('Viewlet.sendMultiple', commands);
   return {
     ...state,
     tabs: newTabs,
@@ -36463,7 +36080,7 @@ const focusIndex$4 = async (state, index) => {
   const oldTab = tabs[selectedIndex];
   const disposeCommands = disposeFunctional(oldTab.uid);
   commands.push(...disposeCommands);
-  await invoke$c('Viewlet.sendMultiple', commands);
+  await invoke$d('Viewlet.sendMultiple', commands);
   return {
     ...state,
     selectedIndex: index
@@ -37518,7 +37135,7 @@ const resize = (state, dimensions) => {
   };
 };
 const dispose = async state => {
-  await invoke$c('WebView.dispose', state.uid);
+  await invoke$d('WebView.dispose', state.uid);
   return state;
 };
 
@@ -37714,11 +37331,11 @@ const FileSystemAppKeyBindings = {
 
 const downloadUpdate$2 = version => {
   string(version);
-  return invoke$b('AutoUpdaterAppImage.downloadUpdate', version);
+  return invoke$c('AutoUpdaterAppImage.downloadUpdate', version);
 };
 const installAndRestart$2 = downloadPath => {
   string(downloadPath);
-  return invoke$b('AutoUpdaterAppImage.installAndRestart', downloadPath);
+  return invoke$c('AutoUpdaterAppImage.installAndRestart', downloadPath);
 };
 
 const AutoUpdaterAppImage = {
@@ -37729,11 +37346,11 @@ const AutoUpdaterAppImage = {
 
 const downloadUpdate$1 = version => {
   string(version);
-  return invoke$b('AutoUpdaterWindowsNsis.downloadUpdate', version);
+  return invoke$c('AutoUpdaterWindowsNsis.downloadUpdate', version);
 };
 const installAndRestart$1 = downloadPath => {
   string(downloadPath);
-  return invoke$b('AutoUpdaterWindowsNsis.installAndRestart', downloadPath);
+  return invoke$c('AutoUpdaterWindowsNsis.installAndRestart', downloadPath);
 };
 
 const AutoUpdaterNsis = {
@@ -37746,7 +37363,7 @@ const exec = (command, args, options) => {
   string(command);
   array(args);
   object(options);
-  return invoke$b('Exec.exec', command, args, options);
+  return invoke$c('Exec.exec', command, args, options);
 };
 
 const getDebArch = processArch => {
@@ -37771,7 +37388,7 @@ const getDownloadUrl = (repository, version, applicationName, debArch) => {
 };
 
 const getTmpDir = () => {
-  return invoke$b('Os.getTmpDir');
+  return invoke$c('Os.getTmpDir');
 };
 
 // TODO remove this code when auto update through apt is supported
@@ -37839,7 +37456,7 @@ const getItem = (items, label) => {
 const openContextMenu = async (x, y, id, ...args) => {
   const entries = await getMenuEntries$j(id, ...args);
   const electronMenuItems = convertMenuItems(entries);
-  const event = await invoke$b('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
+  const event = await invoke$c('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
   if (event.type === 'close') {
     return;
   }
@@ -37876,7 +37493,7 @@ const ContextMenuBrowser = {
 
 const open$3 = async () => {
   try {
-    await invoke$b('ElectronWindowProcessExplorer.open');
+    await invoke$c('ElectronWindowProcessExplorer.open');
   } catch (error) {
     throw new VError(error, 'Failed to open process explorer');
   }
@@ -38417,7 +38034,7 @@ const ViewletActivityBarSelectCurrent = {
 };
 
 const handleFocus$3 = state => {
-  setFocus(ActivityBar$3);
+  setFocus(ActivityBar$2);
   return state;
 };
 
@@ -38427,7 +38044,7 @@ const ViewletActivityBarHandleFocus = {
 };
 
 const handleContextMenu$8 = async (state, button, x, y) => {
-  await show$a(x, y, ActivityBar$5);
+  await show$a(x, y, ActivityBar$4);
   return state;
 };
 
@@ -39760,7 +39377,7 @@ const closeTabsRight = async state => {
     const uri = newActiveEditor.uri;
     const moduleId = await getModuleId(uri);
     const uid = newActiveEditor.uid;
-    const instance = create$14(load$5, moduleId, state.uid, uri, x, y, width, contentHeight);
+    const instance = create$12(load$5, moduleId, state.uid, uri, x, y, width, contentHeight);
     // @ts-ignore
     instance.show = false;
     instance.setBounds = false;
@@ -39832,7 +39449,7 @@ const closeOthers = async state => {
     // @ts-ignore
     const contentHeight = state.height - state.tabHeight;
     // @ts-ignore
-    const instance = create$14(load$5, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
+    const instance = create$12(load$5, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
     instance.uid = instanceUid;
     instance.show = false;
     instance.setBounds = false;
@@ -40110,7 +39727,7 @@ const handleDropFilePathSplit = async (state, eventX, eventY, filePath, splitDir
   create$15();
   // @ts-ignore
   create$15();
-  create$14(load$5, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
+  create$12(load$5, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
   // const sashGridItem = {
   //   x: sashX,
   //   y: sashY,
@@ -40322,7 +39939,7 @@ const splitRight = async state => {
   const realEditor = lastGroup.editors.at(-1);
   const moduleId = await getModuleId(realEditor.uri);
   const instanceUid = create$15();
-  const instance = create$14(load$5, moduleId, state.uid, realEditor.uri, x, y, width, contentHeight);
+  const instance = create$12(load$5, moduleId, state.uid, realEditor.uri, x, y, width, contentHeight);
   // @ts-ignore
   instance.show = false;
   instance.setBounds = false;
@@ -40635,7 +40252,7 @@ const getColorThemeNames = async () => {
     const url = `${assetDir}/config/themes.json`;
     return execute$4(/* Ajax.getJson */'Ajax.getJson', /* url */url);
   }
-  return invoke$b(/* ExtensionHost.getColorThemeNames */'ExtensionHost.getColorThemeNames');
+  return invoke$c(/* ExtensionHost.getColorThemeNames */'ExtensionHost.getColorThemeNames');
 };
 
 const setColorTheme = id => {
@@ -41089,7 +40706,7 @@ const QuickPickEntriesGoToLine = {
 };
 
 const searchFile$1 = async (path, value, prepare) => {
-  return invoke$9('SearchFile.searchFile', path, value, prepare, assetDir);
+  return invoke$a('SearchFile.searchFile', path, value, prepare, assetDir);
 };
 
 const searchFile = async (path, value) => {
@@ -42377,7 +41994,7 @@ const acceptInput = async state => {
     enabledProviderIds
   } = state;
   if (enabledProviderIds.length === 0) {
-    info$1('[ViewletSourceControl] no source control provider found');
+    info('[ViewletSourceControl] no source control provider found');
     return state;
   }
   const providerId = enabledProviderIds[0];
@@ -43129,7 +42746,7 @@ const ViewletTitleBarMenuBarHandleFocus = {
 };
 
 const getFilePathElectron = async file => {
-  return invoke$c('GetFilePathElectron.getFilePathElectron', file);
+  return invoke$d('GetFilePathElectron.getFilePathElectron', file);
 };
 
 const mergeDirents$1 = (oldDirents, newDirents) => {