@lvce-editor/static-server 0.67.5 → 0.68.0

package/static/{fd11a0c → 52d769d}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -96,7 +96,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/fd11a0c';
+    return '/52d769d';
   }
 };
 const assetDir = getAssetDir();
@@ -466,7 +466,7 @@ const KeyBindings$1 = 26;
 const KeyBindingsInitial = 27;
 const Listener = 29;
 const LocalStorage$1 = 30;
-const Menu$2 = 31;
+const Menu = 31;
 const Navigation = 32;
 const Notification = 33;
 const Open$1 = 34;
@@ -666,7 +666,7 @@ const getModuleId$1 = commandId => {
     case 'LocalStorage':
       return LocalStorage$1;
     case 'Menu':
-      return Menu$2;
+      return Menu;
     case 'Mime':
       return Mime;
     case 'NativeHost':
@@ -1746,6 +1746,13 @@ const canBeRestored$6 = async uri => {
 
 const Slash = Slash$1;
 
+const state$A = {
+  isTest: false
+};
+const isTest = () => {
+  return state$A.isTest;
+};
+
 const stringify = value => {
   return JSON.stringify(value, null, 2) + NewLine$1;
 };
@@ -1764,7 +1771,11 @@ const parse = content => {
   }
 };
 
-const state$A = {
+const openUri$1 = async (path, focus = true, props = {}) => {
+  await execute$4(/* Main.openUri */'Main.openUri', /* uri */path, /* focus */focus, props);
+};
+
+const state$z = {
   /**
    * @type {any}
    */
@@ -1775,14 +1786,14 @@ const state$A = {
 const invoke$s = async (method, ...params) => {
   const {
     ipc
-  } = state$A;
+  } = state$z;
   const result = await invoke$v(ipc, method, ...params);
   return result;
 };
 const invokeAndTransfer$9 = async (method, ...params) => {
   const {
     ipc
-  } = state$A;
+  } = state$z;
   const result = await invokeAndTransfer$c(ipc, method, ...params);
   return result;
 };
@@ -1796,10 +1807,6 @@ const RecentlyOpenedAddPath = 'RecentlyOpened.addPath';
 
 const WorkspaceResolveRoot = 'Workspace.resolveRoot';
 
-const openUri$1 = async (path, focus = true, props = {}) => {
-  await execute$4(/* Main.openUri */'Main.openUri', /* uri */path, /* focus */focus, props);
-};
-
 const openSettingsJson = async () => {
   await openUri$1('app://settings.json');
 };
@@ -1866,19 +1873,12 @@ const update$1 = async settings => {
     ...settings
   };
   const content = stringify(newSettings);
-  await writeFile$f('app://settings.json', content);
+  if (!isTest()) {
+    await writeFile$f('app://settings.json', content);
+  }
   await emitEvent('preferences.changed');
 };
 
-const state$z = {
-  workspacePath: '',
-  homeDir: '',
-  pathSeparator: '',
-  workspaceUri: '',
-  source: '',
-  isTest: false
-};
-
 const getResolvedRootFromSharedProcess = async () => {
   const resolvedRoot = await invoke$s(/* Workspace.resolveRoot */WorkspaceResolveRoot);
   return resolvedRoot;
@@ -1896,7 +1896,7 @@ const getResolveRootFromSessionStorage = async () => {
 const getResolvedRootFromRendererProcess = async href => {
   const url = new URL(href);
   if (href.includes('tests/')) {
-    state$z.isTest = true;
+    state$A.isTest = true;
     return {
       path: href,
       homeDir: '',
@@ -1962,6 +1962,13 @@ const set$f = title => {
   return invoke$u('WindowTitle.set', title);
 };
 
+const state$y = {
+  workspacePath: '',
+  homeDir: '',
+  pathSeparator: '',
+  workspaceUri: '',
+  source: ''};
+
 /**
  * @param {string|undefined} path
  */
@@ -1970,35 +1977,32 @@ const setPath = async path => {
   // TODO not in electron
   const pathSeparator = await getPathSeparator$9(path);
   // @ts-ignore
-  state$z.workspacePath = path;
+  state$y.workspacePath = path;
   // @ts-ignore
-  state$z.workspaceUri = path;
-  state$z.pathSeparator = pathSeparator;
+  state$y.workspaceUri = path;
+  state$y.pathSeparator = pathSeparator;
   await onWorkspaceChange();
 };
 const setUri = async uri => {
   const path = uri.slice('file://'.length);
-  state$z.workspacePath = path;
-  state$z.workspaceUri = uri;
+  state$y.workspacePath = path;
+  state$y.workspaceUri = uri;
   await onWorkspaceChange();
 };
 const getPath = () => {
-  return state$z.workspacePath;
+  return state$y.workspacePath;
 };
 const getUri$1 = () => {
-  return state$z.workspaceUri;
+  return state$y.workspaceUri;
 };
 const close$4 = () => {
   return setPath('');
 };
-const isTest = () => {
-  return state$z.isTest;
-};
 const getTitle$1 = workspacePath => {
   if (!workspacePath) {
     return '';
   }
-  const pathSeparator = state$z.pathSeparator;
+  const pathSeparator = state$y.pathSeparator;
   return workspacePath.slice(workspacePath.lastIndexOf(pathSeparator) + 1);
 };
 const getPathName = workspacePath => {
@@ -2011,51 +2015,48 @@ const getPathName = workspacePath => {
   return '';
 };
 const onWorkspaceChange = async () => {
-  const title = getTitle$1(state$z.workspacePath);
+  const title = getTitle$1(state$y.workspacePath);
   await set$f(title);
   if (platform === Web$1 || platform === Remote) {
-    const pathName = getPathName(state$z.workspacePath);
+    const pathName = getPathName(state$y.workspacePath);
     await setPathName(pathName);
   }
-  await emitEvent('workspace.change', state$z.workspacePath);
+  await emitEvent('workspace.change', state$y.workspacePath);
 };
 const hydrate$9 = async ({
   href
 }) => {
-  if (state$z.workspacePath) {
+  if (state$y.workspacePath) {
     return;
   }
   const resolvedRoot = await getResolvedRoot(href);
-  if (state$z.isTest) {
-    return;
-  }
-  if (state$z.workspacePath) {
+  if (state$y.workspacePath) {
     return;
   }
   // TODO why is this if statement here?
-  if (state$z.homeDir !== resolvedRoot.homeDir) {
-    state$z.homeDir = resolvedRoot.homeDir;
+  if (state$y.homeDir !== resolvedRoot.homeDir) {
+    state$y.homeDir = resolvedRoot.homeDir;
   }
   if (!canBeRestored$6(resolvedRoot.path)) {
     return;
   }
   // TODO how to check that path from renderer process is valid?
   // TODO also need to check whether it is a folder or file
-  state$z.workspacePath = resolvedRoot.path;
-  state$z.homeDir = resolvedRoot.homeDir;
-  state$z.pathSeparator = resolvedRoot.pathSeparator;
-  state$z.workspaceUri = resolvedRoot.uri;
-  state$z.source = resolvedRoot.source;
-  if (state$z.workspaceUri && state$z.workspaceUri.startsWith('/')) {
-    state$z.workspaceUri = `file://${state$z.workspaceUri}`;
+  state$y.workspacePath = resolvedRoot.path;
+  state$y.homeDir = resolvedRoot.homeDir;
+  state$y.pathSeparator = resolvedRoot.pathSeparator;
+  state$y.workspaceUri = resolvedRoot.uri;
+  state$y.source = resolvedRoot.source;
+  if (state$y.workspaceUri && state$y.workspaceUri.startsWith('/')) {
+    state$y.workspaceUri = `file://${state$y.workspaceUri}`;
   }
   await onWorkspaceChange();
 };
 const getWorkspaceUri = () => {
-  return state$z.workspaceUri;
+  return state$y.workspaceUri;
 };
 const getHomeDir = () => {
-  return state$z.homeDir;
+  return state$y.homeDir;
 };
 
 // TODO this should be in FileSystem module
@@ -2068,7 +2069,7 @@ const pathBaseName = path => {
 
 // TODO this should be in FileSystem module
 const pathDirName = path => {
-  const pathSeparator = state$z.pathSeparator || '/';
+  const pathSeparator = state$y.pathSeparator || '/';
   const index = path.lastIndexOf(pathSeparator);
   if (index === -1) {
     return EmptyString;
@@ -2091,9 +2092,9 @@ const launchExtensionHostWorker = async () => {
     ipc = wrap$7(port);
   }
   handleIpc(ipc);
-  await invoke$v(ipc, 'Workspace.setWorkspacePath', state$z.workspacePath);
+  await invoke$v(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
   addListener('workspace.change', async () => {
-    await invoke$v(ipc, 'Workspace.setWorkspacePath', state$z.workspacePath);
+    await invoke$v(ipc, 'Workspace.setWorkspacePath', state$y.workspacePath);
   });
   return ipc;
 };
@@ -2155,7 +2156,7 @@ const setThemeColor = async themeColor => {
 // TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
 // actual color theme can be computed after workbench has loaded (most times will be the same and doesn't need to be computed)
 
-const state$y = {
+const state$x = {
   watchedTheme: ''
 };
 const FALLBACK_COLOR_THEME_ID = 'slime';
@@ -2166,7 +2167,7 @@ const FALLBACK_COLOR_THEME_ID = 'slime';
 const applyColorTheme = async colorThemeId => {
   try {
     string(colorThemeId);
-    state$y.colorTheme = colorThemeId;
+    state$x.colorTheme = colorThemeId;
     const colorThemeCss = await getColorThemeCss(colorThemeId);
     if (!colorThemeCss) {
       return new Error(`Color theme is empty`);
@@ -2194,10 +2195,10 @@ const setColorTheme = async colorThemeId => {
   return undefined;
 };
 const watch$1 = async id => {
-  if (state$y.watchedTheme === id) {
+  if (state$x.watchedTheme === id) {
     return;
   }
-  state$y.watchedTheme = id;
+  state$x.watchedTheme = id;
   await invoke$s('ExtensionHost.watchColorTheme', id);
 };
 const getPreferredColorTheme = () => {
@@ -2225,7 +2226,7 @@ const hydrate$8 = async () => {
   }
 };
 
-const state$x = {
+const state$w = {
   ipc: undefined
 };
 
@@ -2234,10 +2235,10 @@ const state$x = {
  * @returns {any}
  */
 const get$d = () => {
-  return state$x.ipc;
+  return state$w.ipc;
 };
 const set$e = ipc => {
-  state$x.ipc = ipc;
+  state$w.ipc = ipc;
 };
 
 const map$3 = Object.create(null);
@@ -2272,14 +2273,14 @@ const watchFile = async (rpcId, callBackCommandId, uri) => {
   return map$3[id];
 };
 
-const state$w = {
+const state$v = {
   id: 0
 };
 const set$d = value => {
-  state$w.id = value;
+  state$v.id = value;
 };
 const get$c = () => {
-  return state$w.id;
+  return state$v.id;
 };
 
 // TODO cache window id
@@ -2537,15 +2538,15 @@ const remove$9 = key => {
   delete contexts[key];
 };
 
-const state$v = {
+const state$u = {
   // TODO use numeric focus key
   currentFocus: ''
 };
 const get$a = () => {
-  return state$v.currentFocus;
+  return state$u.currentFocus;
 };
 const set$b = value => {
-  state$v.currentFocus = value;
+  state$u.currentFocus = value;
 };
 
 const warn = (...args) => {
@@ -2555,7 +2556,7 @@ const error = (...args) => {
   console.error(...args);
 };
 
-const state$u = {
+const state$t = {
   keyBindingSets: Object.create(null),
   /**
    * @type {Uint32Array}
@@ -2567,7 +2568,7 @@ const state$u = {
   matchingKeyBindings: []
 };
 const getKeyBinding = identifier => {
-  for (const keyBinding of state$u.matchingKeyBindings) {
+  for (const keyBinding of state$t.matchingKeyBindings) {
     if (keyBinding.key === identifier) {
       return keyBinding;
     }
@@ -2590,26 +2591,26 @@ const getAvailableKeyBindings = keyBindings => {
   return new Uint32Array(keyBindings.map(getKey$1));
 };
 const update = () => {
-  const matchingKeyBindings = getMatchingKeyBindings(state$u.keyBindingSets);
+  const matchingKeyBindings = getMatchingKeyBindings(state$t.keyBindingSets);
   const keyBindingIdentifiers = getAvailableKeyBindings(matchingKeyBindings);
   invoke$u('KeyBindings.setIdentifiers', keyBindingIdentifiers);
-  state$u.matchingKeyBindings = matchingKeyBindings;
-  state$u.keyBindingIdentifiers = keyBindingIdentifiers;
+  state$t.matchingKeyBindings = matchingKeyBindings;
+  state$t.keyBindingIdentifiers = keyBindingIdentifiers;
 };
-const addKeyBindings$1 = (id, keyBindings) => {
+const addKeyBindings = (id, keyBindings) => {
   string(id);
   array(keyBindings);
-  if (id in state$u.keyBindingSets) {
+  if (id in state$t.keyBindingSets) {
     warn(`cannot add keybindings multiple times: ${id}`);
     return;
   }
-  state$u.keyBindingSets[id] = keyBindings;
+  state$t.keyBindingSets[id] = keyBindings;
   update();
 };
 const removeKeyBindings = id => {
   const {
     keyBindingSets
-  } = state$u;
+  } = state$t;
   if (!(id in keyBindingSets)) {
     warn(`cannot remove keybindings that are not registered: ${id}`);
     return;
@@ -2725,14 +2726,14 @@ class CancelationError extends Error {
   }
 }
 
-const state$t = {
+const state$s = {
   idMap: Object.create(null)
 };
 const register$1 = (id, module) => {
-  state$t.idMap[id] = module;
+  state$s.idMap[id] = module;
 };
 const get$9 = id => {
-  return state$t.idMap[id];
+  return state$s.idMap[id];
 };
 
 const registry = Object.create(null);
@@ -2856,7 +2857,7 @@ const serializeInstances = async instances => {
 // to allow having multiple instances of the same
 // type. for example multiple editors
 
-const state$s = {
+const state$r = {
   instances: Object.create(null)};
 const set$a = (key, value) => {
   // TODO separate factories from state
@@ -2864,10 +2865,10 @@ const set$a = (key, value) => {
   object(value.factory);
   object(value.state);
   object(value.renderedState);
-  state$s.instances[key] = value;
+  state$r.instances[key] = value;
 };
 const getByUid = uid => {
-  for (const value of Object.values(state$s.instances)) {
+  for (const value of Object.values(state$r.instances)) {
     if (value.renderedState.uid === uid) {
       return value;
     }
@@ -2875,7 +2876,7 @@ const getByUid = uid => {
   return undefined;
 };
 const getInstance = key => {
-  const fast = state$s.instances[key];
+  const fast = state$r.instances[key];
   if (fast) {
     return fast;
   }
@@ -2888,7 +2889,7 @@ const getInstance = key => {
   if (key === 'EditorCompletion') {
     key = 'Editor';
   }
-  for (const value of Object.values(state$s.instances)) {
+  for (const value of Object.values(state$r.instances)) {
     if (value.moduleId === key) {
       return value;
     }
@@ -2896,16 +2897,16 @@ const getInstance = key => {
   return undefined;
 };
 const hasInstance = key => {
-  return key in state$s.instances;
+  return key in state$r.instances;
 };
 const remove$8 = key => {
-  delete state$s.instances[key];
+  delete state$r.instances[key];
 };
 const getAllInstances = () => {
-  return state$s.instances;
+  return state$r.instances;
 };
 const getValues = () => {
-  return Object.values(state$s.instances);
+  return Object.values(state$r.instances);
 };
 const getState$1 = key => {
   const instance = getInstance(key);
@@ -2945,10 +2946,10 @@ const getStateToSave = async () => {
     instances: savedInstances,
     mainEditors: [],
     workspace: {
-      path: state$z.workspacePath,
-      homeDir: state$z.homeDir,
-      pathSeparator: state$z.pathSeparator,
-      uri: state$z.workspaceUri
+      path: state$y.workspacePath,
+      homeDir: state$y.homeDir,
+      pathSeparator: state$y.pathSeparator,
+      uri: state$y.workspaceUri
     }
   };
 };
@@ -3078,17 +3079,17 @@ const launchFileSearchWorker = async () => {
 const {
   invoke: invoke$q} = getOrCreateWorker(launchFileSearchWorker);
 
-const state$r = {
+const state$q = {
   /**
    * @type {any[]}
    */
   menuEntries: []
 };
 const getAll = () => {
-  return state$r.menuEntries;
+  return state$q.menuEntries;
 };
 const add$1 = async menuEntries => {
-  state$r.menuEntries = [...state$r.menuEntries, ...menuEntries];
+  state$q.menuEntries = [...state$q.menuEntries, ...menuEntries];
   // TODO store menu entries here or in file search worker?
   // Usually don't want to start worker for the menu entries
   // But also quickpick menu entries would be better stored there
@@ -3242,7 +3243,7 @@ const ViewletModuleId = {
 };
 
 // @ts-nocheck
-const state$q = {
+const state$p = {
   pendingModules: Object.create(null)
 };
 const ViewletState = {
@@ -3580,10 +3581,10 @@ const actuallyLoadModule = async (getModule, id) => {
   return module;
 };
 const loadModule = (getModule, id) => {
-  if (!(id in state$q.pendingModules)) {
-    state$q.pendingModules[id] = actuallyLoadModule(getModule, id);
+  if (!(id in state$p.pendingModules)) {
+    state$p.pendingModules[id] = actuallyLoadModule(getModule, id);
   }
-  return state$q.pendingModules[id];
+  return state$p.pendingModules[id];
 };
 
 // TODO add lots of unit tests for this
@@ -3673,7 +3674,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
     const extraCommands = [];
     if (module.getKeyBindings) {
       const keyBindings = await module.getKeyBindings(viewletUid);
-      addKeyBindings$1(viewlet.id, keyBindings);
+      addKeyBindings(viewlet.id, keyBindings);
     }
     if (module.Commands && module.Commands.getMouseActions) {
       const mouseActions = await module.Commands.getMouseActions(viewletUid);
@@ -3907,15 +3908,15 @@ const handleKeyBinding$1 = async identifier => {
   // }
 };
 
-const state$p = {
+const state$o = {
   isQuickPickOpen: false
 };
 const isQuickPickOpen = () => {
-  return state$p.isQuickPickOpen;
+  return state$o.isQuickPickOpen;
 };
 const closeWidgetElectronQuickPick = async () => {
   const id = QuickPick;
-  state$p.isQuickPickOpen = false;
+  state$o.isQuickPickOpen = false;
   remove$8(id);
   await disposeBrowserViewQuickPick();
   // TODO restore focus to previously focused element
@@ -4511,7 +4512,7 @@ const create$Y = (rawLines, loc, opts = {}) => {
   return frame;
 };
 
-const state$o = {
+const state$n = {
   /**
    * @type {any[]}
    */
@@ -4538,7 +4539,7 @@ const getLanguageConfigurationPathFromExtensions = (extensions, languageId) => {
   return '';
 };
 const getLanguageConfigurationFromWebExtension = async languageId => {
-  const languageConfigurationPath = getLanguageConfigurationPathFromExtensions(state$o.webExtensions, languageId);
+  const languageConfigurationPath = getLanguageConfigurationPathFromExtensions(state$n.webExtensions, languageId);
   if (!languageConfigurationPath) {
     return undefined;
   }
@@ -4593,7 +4594,7 @@ const splitLines = lines => {
 
 // TODO merge all of this with extension host languages module
 
-const state$n = {
+const state$m = {
   isHydrating: false,
   fileNameMap: Object.create(null),
   extensionMap: Object.create(null),
@@ -4608,53 +4609,53 @@ const state$n = {
   hasWarned: []
 };
 const getFirstLines = () => {
-  return state$n.firstLines;
+  return state$m.firstLines;
 };
 const hasLanguageByExtension = extension => {
-  return extension in state$n.extensionMap;
+  return extension in state$m.extensionMap;
 };
 const getLanguageByExtension = extension => {
-  return state$n.extensionMap[extension];
+  return state$m.extensionMap[extension];
 };
 const hasLanguageByFileName = fileName => {
-  return fileName in state$n.fileNameMap;
+  return fileName in state$m.fileNameMap;
 };
 const getLanguageByFileName = fileName => {
-  return state$n.fileNameMap[fileName];
+  return state$m.fileNameMap[fileName];
 };
 const getTokenizeFunctionPath$1 = languageId => {
   // TODO what if language.tokenize is not of type string? -> handle error gracefully
-  return state$n.tokenizerMap[languageId] || '';
+  return state$m.tokenizerMap[languageId] || '';
 };
 const setHydrating = value => {
-  state$n.isHydrating = value;
+  state$m.isHydrating = value;
 };
 const setLoaded = value => {
-  state$n.loaded = true;
+  state$m.loaded = true;
 };
 const addExtension = (extension, languageId) => {
-  state$n.extensionMap[extension] = languageId;
+  state$m.extensionMap[extension] = languageId;
 };
 const addFirstLine = (regex, languageId) => {
-  state$n.firstLines.push({
+  state$m.firstLines.push({
     regex,
     languageId
   });
 };
 const hasWarned = languageId => {
-  return state$n.hasWarned.includes(languageId);
+  return state$m.hasWarned.includes(languageId);
 };
 const addWarned = languageId => {
-  return state$n.hasWarned.push(languageId);
+  return state$m.hasWarned.push(languageId);
 };
 const addFileName = (fileName, languageId) => {
-  state$n.fileNameMap[fileName] = languageId;
+  state$m.fileNameMap[fileName] = languageId;
 };
 const addTokenizer = (languageId, tokenizer) => {
-  state$n.tokenizerMap[languageId] = tokenizer;
+  state$m.tokenizerMap[languageId] = tokenizer;
 };
 const hasLoaded$1 = () => {
-  return state$n.loaded;
+  return state$m.loaded;
 };
 
 // TODO merge all of this with extension host languages module
@@ -4856,7 +4857,7 @@ const listen = method => {
 const launchSharedProcess = async () => {
   const ipc = await listen(Node);
   handleIpc(ipc);
-  state$A.ipc = ipc;
+  state$z.ipc = ipc;
 };
 
 const Zero = 0;
@@ -4876,27 +4877,27 @@ const Fourteen = 14;
 const Fifteen = 15;
 const Sixteen = 16;
 
-const state$m = {
+const state$l = {
   listenerMap: Object.create(null),
   phase: Zero
 };
 const once = (event, listener) => {
-  if (state$m.phase >= event) {
+  if (state$l.phase >= event) {
     listener();
   } else {
     // TODO could also statically allocate listenermap at start as array[13]
-    state$m.listenerMap[event] ||= [];
-    state$m.listenerMap[event].push(listener);
+    state$l.listenerMap[event] ||= [];
+    state$l.listenerMap[event].push(listener);
   }
 };
 const mark$1 = event => {
-  const listeners = state$m.listenerMap[event] || [];
+  const listeners = state$l.listenerMap[event] || [];
   for (const listener of listeners) {
     listener();
   }
-  state$m.phase = event;
+  state$l.phase = event;
   if (event === Twelve) {
-    state$m.listenerMap = Object.create(null);
+    state$l.listenerMap = Object.create(null);
   }
 };
 
@@ -5000,7 +5001,7 @@ const load$3 = moduleId => {
       return Promise.resolve().then(function () { return Listener_ipc; });
     case LocalStorage$1:
       return Promise.resolve().then(function () { return LocalStorage_ipc; });
-    case Menu$2:
+    case Menu:
       return Promise.resolve().then(function () { return Menu_ipc; });
     case Mime:
       return Promise.resolve().then(function () { return Mime_ipc; });
@@ -5298,12 +5299,12 @@ const creareSessionId = () => {
   return `session-${new Date().toISOString()}`;
 };
 
-const state$l = {
+const state$k = {
   sessionId: ''
 };
 const getSessionId = () => {
-  state$l.sessionId ||= creareSessionId();
-  return state$l.sessionId;
+  state$k.sessionId ||= creareSessionId();
+  return state$k.sessionId;
 };
 
 const withResolvers = () => {
@@ -5360,7 +5361,7 @@ const addSearchParam = (href, key, value) => {
   return parsedUrl.toString();
 };
 const replayCurrentSession = async () => {
-  if (!state$l.sessionId) {
+  if (!state$k.sessionId) {
     throw new VError('session replay is disabled in settings');
   }
   // TODO
@@ -5494,7 +5495,7 @@ const wrapIpc = (ipc, name, getData) => {
 };
 const startRecording$1 = () => {
   state$G.ipc = wrapIpc(state$G.ipc, 'renderer-process', event => event.data);
-  state$A.ipc = wrapIpc(state$A.ipc, 'shared-process', event => event);
+  state$z.ipc = wrapIpc(state$z.ipc, 'shared-process', event => event);
 };
 const openSession = async () => {
   await execute$4(/* Main.openUri */'Main.openUri', /* uri */'app://session.json');
@@ -6528,14 +6529,14 @@ const TypeDefinitionExecuteTypeDefinitionProvider = 'ExtensionHostTypeDefinition
 const Resolved = 'resolved';
 const Rejected = 'rejected';
 
-const state$k = {
+const state$j = {
   webViews: []
 };
 const addMany = webViews => {
-  state$k.webViews = [...state$k.webViews, ...webViews];
+  state$j.webViews = [...state$j.webViews, ...webViews];
 };
 const get$3 = () => {
-  return state$k.webViews;
+  return state$j.webViews;
 };
 
 const addWebExtension = async path => {
@@ -6547,7 +6548,7 @@ const addWebExtension = async path => {
     }
   }
   manifest.status = Resolved;
-  state$o.webExtensions.push(manifest);
+  state$n.webExtensions.push(manifest);
   if (manifest.languages) {
     // TODO handle case when languages is not of type array
     await addLanguages(manifest.languages);
@@ -6685,7 +6686,7 @@ const getExtensionAbsolutePath = (id, isWeb, isBuiltin, path, relativePath, orig
 
 const origin = typeof location === 'undefined' ? '' : location.origin;
 
-const state$j = {
+const state$i = {
   cachedActivationEvents: Object.create(null),
   /**
    * @type {any}
@@ -6693,11 +6694,11 @@ const state$j = {
   activatedExtensions: Object.create(null)
 };
 const actuallyActivateExtension = async (extension, event) => {
-  if (!(extension.id in state$j.activatedExtensions)) {
+  if (!(extension.id in state$i.activatedExtensions)) {
     const absolutePath = getExtensionAbsolutePath(extension.id, extension.isWeb, extension.builtin, extension.path, extension.browser, origin, platform);
-    state$j.activatedExtensions[extension.id] = invoke$r(ExtensionActivate, extension, absolutePath, event);
+    state$i.activatedExtensions[extension.id] = invoke$r(ExtensionActivate, extension, absolutePath, event);
   }
-  return state$j.activatedExtensions[extension.id];
+  return state$i.activatedExtensions[extension.id];
 };
 const actuallyActivateByEvent = async event => {
   // TODO should not query extensions multiple times
@@ -6717,7 +6718,7 @@ const actuallyActivateByEvent = async event => {
   for (const extension of extensionsToActivate) {
     await actuallyActivateExtension(extension, event);
   }
-  const additionalExtensions = state$o.webExtensions;
+  const additionalExtensions = state$n.webExtensions;
   const additionalExtensionsToActivate = filterByMatchingEvent(additionalExtensions, event);
   for (const extension of additionalExtensionsToActivate) {
     await actuallyActivateExtension(extension);
@@ -6728,14 +6729,14 @@ const actuallyActivateByEvent = async event => {
 const activateByEvent = async event => {
   string(event);
   if (event === 'none') {
-    const all = await Promise.all(Object.values(state$j.cachedActivationEvents));
+    const all = await Promise.all(Object.values(state$i.cachedActivationEvents));
     const flatAll = all.flat(1);
     return [flatAll[0]];
   }
-  if (!(event in state$j.cachedActivationEvents)) {
-    state$j.cachedActivationEvents[event] = actuallyActivateByEvent(event);
+  if (!(event in state$i.cachedActivationEvents)) {
+    state$i.cachedActivationEvents[event] = actuallyActivateByEvent(event);
   }
-  return state$j.cachedActivationEvents[event];
+  return state$i.cachedActivationEvents[event];
 };
 
 const executeProviders = async ({
@@ -7054,24 +7055,24 @@ const FileSystemMemory = {
 const Directory$1 = 3;
 const DirectoryExpanded = 4;
 const File$2 = 7;
-const Unknown$1 = 12;
+const Unknown = 12;
 
 // TODO when it rejects, it should throw a custom error,
 // FileSystemError
 
 const name$2p = 'Web';
-const state$i = {
+const state$h = {
   watchers: Object.create(null),
   saveListeners: [],
   files: Object.create(null)
 };
-state$i.files['/languages/index.dart'] = `void main() {
+state$h.files['/languages/index.dart'] = `void main() {
   print('Hello, World!');
 }`;
-state$i.files['/languages/index.js'] = `const add = (a, b) => {
+state$h.files['/languages/index.js'] = `const add = (a, b) => {
   return a + b;
 }`;
-state$i.files['/languages/scrolling.txt'] = `line 1
+state$h.files['/languages/scrolling.txt'] = `line 1
 line 2
 line 3
 line 4
@@ -7172,8 +7173,8 @@ line 98
 line 99
 line 100
 `;
-state$i.files['/languages/index.html'] = '<h1 class="abc">hello world</h1>';
-state$i.files['/languages/index.css'] = `h1 {
+state$h.files['/languages/index.html'] = '<h1 class="abc">hello world</h1>';
+state$h.files['/languages/index.css'] = `h1 {
   font-size: 24px;
 }
 
@@ -7193,7 +7194,7 @@ state$i.files['/languages/index.css'] = `h1 {
   tab-size: 2;
 }
 `;
-state$i.files['/languages/index.ex'] = `defmodule RealWorld do
+state$h.files['/languages/index.ex'] = `defmodule RealWorld do
   @moduledoc """
   RealWorld keeps the contexts that define your domain
   and business logic.
@@ -7201,7 +7202,7 @@ state$i.files['/languages/index.ex'] = `defmodule RealWorld do
   if it comes from the database, an external API or others.
   """
 end`;
-state$i.files['/languages/index.jl'] = `function mandelbrot(a)
+state$h.files['/languages/index.jl'] = `function mandelbrot(a)
 z = 0
 for i=1:50
 z = z^2 + a
@@ -7215,7 +7216,7 @@ abs(mandelbrot(complex(x, y))) < 2 ? print("*") : print(" ")
 end
 println()
 end`;
-state$i.files['/languages/index.pl'] = `#!/usr/bin/perl
+state$h.files['/languages/index.pl'] = `#!/usr/bin/perl
 #
 # The traditional first program.
 
@@ -7225,15 +7226,15 @@ use warnings;
 
 # Print a message.
 print "Hello, World!\n";`;
-state$i.files['/languages/index.kt'] = `fun main(args : Array<String>) {
+state$h.files['/languages/index.kt'] = `fun main(args : Array<String>) {
   println("Hello, World!")
 }`;
-state$i.files['/languages/index.java'] = `class HelloWorld {
+state$h.files['/languages/index.java'] = `class HelloWorld {
   public static void main(String[] args) {
       System.out.println("Hello, World!");
   }
 }`;
-state$i.files['/languages/index.cpp'] = `using namespace std;
+state$h.files['/languages/index.cpp'] = `using namespace std;
 
 template <class ANYTYPE>
 void thing(int a, Blah other_thing, double c=10, ANYTYPE f) {
@@ -7252,17 +7253,17 @@ int main(char arg_num, char** vargs) {
 
     #error I should be able to write single quotes in here: Don't make errors
 }`;
-state$i.files['/languages/index.env'] = 'KEY=42';
-state$i.files['/sample-folder/a.txt'] = '';
-state$i.files['/sample-folder/b.txt'] = '';
-state$i.files['/sample-folder/c.txt'] = '';
+state$h.files['/languages/index.env'] = 'KEY=42';
+state$h.files['/sample-folder/a.txt'] = '';
+state$h.files['/sample-folder/b.txt'] = '';
+state$h.files['/sample-folder/c.txt'] = '';
 
 // const getRelativePath = (path) => {
 //   return path.slice('/workspace'.length)
 // }
 
 const readFile$a = async path => {
-  const file = state$i.files[path];
+  const file = state$h.files[path];
   if (file === undefined) {
     throw new Error(`file not found ${path}`);
   }
@@ -7284,7 +7285,7 @@ const createFolder = async path => {
   throw new Error('not implemented');
 };
 const writeFile$a = async (path, content) => {
-  state$i.files[path] = content;
+  state$h.files[path] = content;
 };
 const getDirent$1 = (path, relativePath) => {
   const rest = path.slice(relativePath.length + 1);
@@ -7301,7 +7302,7 @@ const getDirent$1 = (path, relativePath) => {
 };
 const readDirWithFileTypes$4 = path => {
   const dirents = [];
-  for (const key in state$i.files) {
+  for (const key in state$h.files) {
     if (key.startsWith(path)) {
       const dirent = getDirent$1(key, path);
       if (!dirents.some(otherDirent => otherDirent.name === dirent.name)) {
@@ -7343,7 +7344,7 @@ const FileSystemWeb = {
   readFile: readFile$a,
   remove: remove$3,
   rename: rename$2,
-  state: state$i,
+  state: state$h,
   unwatch,
   unwatchAll,
   watch,
@@ -7372,7 +7373,7 @@ const {
 
 const canBeRestored$3 = true;
 const name$2o = 'Fetch';
-const state$h = {
+const state$g = {
   files: Object.create(null)
 };
 const readFile$9 = async uri => {
@@ -7427,7 +7428,7 @@ const FileSystemFetch = {
   readFile: readFile$9,
   readJson: readJson$4,
   remove: remove$2,
-  state: state$h,
+  state: state$g,
   writeFile: writeFile$9
 };
 
@@ -7573,7 +7574,7 @@ const getDirentType = fileHandleKind => {
     case File$1:
       return File$2;
     default:
-      return Unknown$1;
+      return Unknown;
   }
 };
 
@@ -9639,7 +9640,7 @@ const openFolder$4 = async () => {
 };
 
 // @ts-ignore
-const state$g = {
+const state$f = {
   dialog: undefined
 };
 const openFileWeb = () => {
@@ -9666,7 +9667,7 @@ const handleClick$4 = async index => {
   // @ts-ignore
   const {
     options
-  } = state$g.dialog;
+  } = state$f.dialog;
   const option = options[index];
   // TODO handle case when index is out of bounds
   switch (option) {
@@ -9679,7 +9680,7 @@ const handleClick$4 = async index => {
   }
 };
 const showMessage = async (message, options) => {
-  if (state$g.dialog) {
+  if (state$f.dialog) {
     console.info('cannot show multiple dialogs at the same time', message);
     return;
   }
@@ -9688,7 +9689,7 @@ const showMessage = async (message, options) => {
   // TODO on electron use native dialog
   options ||= ['Show Command Output', 'Cancel', 'Open Git Log'];
   // @ts-ignore
-  state$g.dialog = {
+  state$f.dialog = {
     message,
     options
   };
@@ -9919,11 +9920,9 @@ const sourceAction = () => {
   return i18nString(UiStrings$f.SourceActions);
 };
 
-const Separator$3 = 1;
+const Separator$2 = 1;
 const None$a = 0;
 const SubMenu$1 = 4;
-const Checked = 2;
-const Unchecked = 3;
 const Disabled = 5;
 const RestoreFocus = 6;
 const Ignore = 7;
@@ -9931,7 +9930,7 @@ const Ignore = 7;
 const menuEntrySeparator = {
   id: 'separator',
   label: '',
-  flags: Separator$3,
+  flags: Separator$2,
   command: ''
 };
 
@@ -9945,7 +9944,7 @@ const ManageExtension = 8;
 const OpenRecent = 9;
 const Run = 10;
 const Selection = 11;
-const Tab$3 = 13;
+const Tab$2 = 13;
 const Terminal = 14;
 const TitleBar$1 = 15;
 const View$1 = 16;
@@ -10310,7 +10309,7 @@ const FileMenu = 'fileMenu';
 const EditMenu = 'editMenu';
 
 // based on https://www.electronjs.org/docs/latest/api/menu-item#new-menuitemoptions
-const Separator$2 = 'separator';
+const Separator$1 = 'separator';
 const SubMenu = 'submenu';
 
 /**
@@ -10390,9 +10389,9 @@ const toElectronMenuItem = entry => {
       };
   }
   switch (entry.flags) {
-    case Separator$3:
+    case Separator$2:
       return {
-        type: Separator$2
+        type: Separator$1
       };
     case SubMenu$1:
       return {
@@ -10443,7 +10442,7 @@ const toElectronMenu = (map, rootId) => {
 };
 
 const menuEntries = [MenuEntriesFile, MenuEntriesEdit, MenuEntriesSelection, MenuEntriesView, MenuEntriesGo, MenuEntriesRun, MenuEntriesTerminal, MenuEntriesHelp, MenuEntriesTitleBar];
-const state$f = {
+const state$e = {
   commandMap: Object.create(null)
 };
 const setItems = async items => {
@@ -10465,14 +10464,14 @@ const hydrate = async () => {
     electronMenu,
     commandMap
   } = toElectronMenu(map, TitleBar$1);
-  state$f.commandMap = commandMap;
+  state$e.commandMap = commandMap;
   await setItems(electronMenu);
   // TODO get all menu items
   // TODO send menu items to electron
   // TODO add listener for when menu items change
 };
 const handleClick$3 = async label => {
-  const commandPair = state$f.commandMap[label];
+  const commandPair = state$e.commandMap[label];
   if (!commandPair) {
     throw new Error(`no command found for ${label}`);
   }
@@ -10620,7 +10619,7 @@ const searchFileWithMemory = (...args) => {
   return invoke$r('SearchFileWithMemory.searchFileWithMemory', ...args);
 };
 
-const state$e = {
+const state$d = {
   /**
    * @type {any}
    */
@@ -10639,9 +10638,9 @@ const getWebExtensionManifest = async path => {
   };
 };
 const loadWebExtension = async path => {
-  object(state$e.extensionHostWorker);
+  object(state$d.extensionHostWorker);
   const manifest = await getWebExtensionManifest(path);
-  state$e.webExtensions.push(manifest);
+  state$d.webExtensions.push(manifest);
   // TODO use invoke
   // await new Promise((resolve) => {
   //   setTimeout(resolve, 120)
@@ -10810,7 +10809,7 @@ const IconTheme_ipc = {
   name: name$1L
 };
 
-const state$d = {
+const state$c = {
   uri: '',
   versionId: 0
 };
@@ -10822,11 +10821,11 @@ const TREE_ITEM_HEIGHT = 22;
 const TOP = TRIANGLE_OFFSET_TOP + (TREE_ITEM_HEIGHT - TRIANGLE_HEIGHT) / 2;
 const show$8 = async (uri, top, left) => {
   try {
-    const version = ++state$d.versionId;
+    const version = ++state$c.versionId;
     // TODO what to do on web? probably need to create blob url
     // or use https url for external images
     const blobUrl = await getBlobUrl$4(uri);
-    if (version !== state$d.versionId) {
+    if (version !== state$c.versionId) {
       return;
     }
     await invoke$u(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* imageUrl */blobUrl, /* top */top - TOP, /* left */left - WIDTH - SPACE);
@@ -10836,7 +10835,7 @@ const show$8 = async (uri, top, left) => {
   }
 };
 const hide$4 = async () => {
-  ++state$d.versionId;
+  ++state$c.versionId;
   await invoke$u(/* Viewlet.dispose */'Viewlet.dispose', /* id */'ImagePreview');
 };
 
@@ -10867,24 +10866,24 @@ const Focus_ipc = {
   name: name$1J
 };
 
-const state$c = {
+const state$b = {
   searches: Object.create(null)
 };
 const handleFinished = id => {
-  const search = state$c.searches[id];
+  const search = state$b.searches[id];
   if (!search) {
     return;
   }
   search.dispatchEvent(new Event('finished'));
-  delete state$c.searches[id];
+  delete state$b.searches[id];
 };
 const handleExit = id => {
-  const search = state$c.searches[id];
+  const search = state$b.searches[id];
   if (!search) {
     return;
   }
   search.dispatchEvent(new Event('exit'));
-  delete state$c.searches[id];
+  delete state$b.searches[id];
 };
 class RawDataEvent extends Event {
   constructor(data) {
@@ -10893,23 +10892,23 @@ class RawDataEvent extends Event {
   }
 }
 const handleData$1 = (id, data) => {
-  const search = state$c.searches[id];
+  const search = state$b.searches[id];
   if (!search) {
     return;
   }
   search.dispatchEvent(new RawDataEvent(data));
-  delete state$c.searches[id];
+  delete state$b.searches[id];
 };
 const handleCanceled = id => {
-  const search = state$c.searches[id];
+  const search = state$b.searches[id];
   if (!search) {
     return;
   }
   search.dispatchEvent(new Event('canceled'));
-  delete state$c.searches[id];
+  delete state$b.searches[id];
 };
 const handleError = (id, error) => {
-  const search = state$c.searches[id];
+  const search = state$b.searches[id];
   if (!search) {
     return;
   }
@@ -11121,15 +11120,15 @@ const KeyBindingsInitial_ipc = {
   name: name$1E
 };
 
-const state$b = Object.create(null);
+const state$a = Object.create(null);
 const register = listener => {
   const id = create$$();
-  state$b[id] = listener;
+  state$a[id] = listener;
   return id;
 };
 const execute$1 = (id, ...args) => {
   number(id);
-  const listener = state$b[id];
+  const listener = state$a[id];
   if (!listener) {
     warn(`listener with id ${id} not found`);
     return;
@@ -11169,7 +11168,7 @@ const load$1 = id => {
       return Promise.resolve().then(function () { return MenuEntriesTitleBar; });
     case Editor$1:
       return Promise.resolve().then(function () { return MenuEntriesEditor; });
-    case Tab$3:
+    case Tab$2:
       return Promise.resolve().then(function () { return MenuEntriesTab; });
     case Main$2:
       return Promise.resolve().then(function () { return MenuEntriesMain; });
@@ -11206,980 +11205,92 @@ const getMenuEntries2 = async (uid, menuId, ...args) => {
   }
 };
 
-const executeMenuItemCommand = async item => {
-  if (!item.command) {
-    warn('item has missing command', item);
-    return;
-  }
-  const args = item.args || [];
-  await execute$4(item.command, ...args);
+const menuWorkerUrl = `${assetDir}/packages/menu-worker/dist/menuWorkerMain.js`;
+
+const launchMenuWorker = async () => {
+  const name = 'Menu Worker';
+  const ipc = await create$10({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    name,
+    url: getConfiguredWorkerUrl$1('develop.menuWorkerPath', menuWorkerUrl)
+  });
+  handleIpc(ipc);
+  return ipc;
 };
 
-const matchesArgs = (a, b) => {
-  if (!a && !b) {
-    return true;
-  }
-  if (!a && b || !b && a) {
-    return false;
-  }
-  if (a.length !== b.length) {
-    return false;
-  }
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) {
-      return false;
-    }
-  }
-  return true;
+const {
+  invoke: invoke$j
+} = getOrCreateWorker(launchMenuWorker);
+
+const show$7 = async (x, y, menuId, mouseBlocking = false, ...args) => {
+  await invoke$j('Menu.show', menuId, x, y, mouseBlocking, ...args);
 };
-const getCommandKeyBinding = (keyBindings, command, args) => {
-  for (const keyBinding of keyBindings) {
-    if (keyBinding.command === command && matchesArgs(keyBinding.args, args)) {
-      return keyBinding;
-    }
-  }
-  return undefined;
+const show2$1 = async (uid, menuId, x, y, mouseBlocking = false, ...args) => {
+  await invoke$j('Menu.show2', uid, menuId, x, y, mouseBlocking, ...args);
+};
+const selectIndex$2 = async (level, index) => {
+  await invoke$j('Menu.selectIndex', level, index);
+};
+const selectItem = async text => {
+  await invoke$j('Menu.selectItem', text);
+};
+const hide$3 = async (restoreFocus = true) => {
+  await invoke$j('Menu.hide', restoreFocus);
 };
 
-const addKeyBindings = menuEntries => {
-  const keyBindings = state$u.matchingKeyBindings;
-  const newMenuEntries = [];
-  for (const menuEntry of menuEntries) {
-    const keyBinding = getCommandKeyBinding(keyBindings, menuEntry.command, menuEntry.args);
-    const key = keyBinding ? keyBinding.key : 0;
-    const newMenuEntry = {
-      ...menuEntry,
-      key
-    };
-    newMenuEntries.push(newMenuEntry);
-  }
-  return newMenuEntries;
+// TODO difference between focusing with mouse or keyboard
+// with mouse -> open submenu
+// with keyboard -> don't open submenu, only focus
+
+const handleMouseEnter = async (level, index, enterX, enterY, enterTimeStamp) => {
+  await invoke$j('Menu.handleMouseEnter', level, index, enterX, enterY, enterTimeStamp);
+};
+const handleMouseLeave = async () => {
+  await invoke$j('Menu.handleMouseLeave');
+};
+const focusIndex$3 = async (menu, index) => {
+  await invoke$j('Menu.focusIndex', menu, index);
+};
+const focusFirst$2 = async () => {
+  await invoke$j('Menu.focusFirst');
 };
-const getMenuEntriesWithKeyBindings = async (id, ...args) => {
-  const menuEntries = await getMenuEntries$c(id, ...args);
-  const newMenuEntries = addKeyBindings(menuEntries);
-  return newMenuEntries;
+const focusLast$2 = async () => {
+  await invoke$j('Menu.focusLast');
+};
+const focusPrevious$2 = async () => {
+  await invoke$j('Menu.focusPrevious');
 };
-const getMenuEntriesWithKeyBindings2 = async (uid, menuId, ...args) => {
-  const menuEntries = await getMenuEntries2(uid, menuId, ...args);
-  const newMenuEntries = addKeyBindings(menuEntries);
-  return newMenuEntries;
+const focusNext$2 = async () => {
+  await invoke$j('Menu.focusNext');
 };
 
-const Button$3 = 'button';
-const List = 'list';
-const ListItem$1 = 'listitem';
-const Menu$1 = 'menu';
-const MenuItem$1 = 'menuitem';
-const MenuItemCheckBox = 'menuitemcheckbox';
-const None$9 = 'none';
-const Separator$1 = 'separator';
-const Tab$2 = 'tab';
-const ToolBar = 'toolbar';
+// TODO handle printable letter and focus item that starts with that letter
 
-const Actions = 'Actions';
-const TestActive = 'TestActive';
-const Badge = 'Badge';
-const MaskIconPlay = 'MaskIconPlay';
-const MaskIconDebugPause = 'MaskIconDebugPause';
-const DebugConsoleBottom = 'DebugConsoleBottom';
-const DebugConsoleTop = 'DebugConsoleTop';
-const DefineKeyBindingContent = 'DefineKeyBindingContent';
-const DefineKeyBindingHeading = 'DefineKeyBindingHeading';
-const Deletion$1 = 'Deletion';
-const DiffEditor = 'DiffEditor';
-const DiffEditorContent = 'DiffEditorContent';
-const DiffEditorContentLeft = 'DiffEditorContentLeft';
-const DiffEditorContentRight = 'DiffEditorContentRight';
-const Editor = 'Editor';
-const EditorContent = 'EditorContent';
-const EditorRow = 'EditorRow';
-const EditorRowDeletion = 'EditorRow Deletion';
-const EditorRowInsertion = 'EditorRow Insertion';
-const EditorRows = 'EditorRows';
-const EditorTabCloseButton = 'EditorTabCloseButton';
-const FileIcon = 'FileIcon';
-const Filter$2 = 'Filter';
-const FilterBadge = 'FilterBadge';
-const IconButton = 'IconButton';
-const InlineDiffEditor = 'InlineDiffEditor';
-const InlineDiffEditorContent = 'InlineDiffEditorContent';
-const InputBox = 'InputBox';
-const Insertion$1 = 'Insertion';
-const Label = 'Label';
-const MainTab = 'MainTab';
-const MainTabSelected = 'MainTabSelected';
-const MaskIcon = 'MaskIcon';
-const MediaContent = 'MediaContent';
-const MediaElement = 'MediaElement';
-const MediaErrorMessage = 'MediaErrorMessage';
-const Menu = 'Menu';
-const MenuItem = 'MenuItem';
-const MenuItemFocused = 'MenuItemFocused';
-const MenuItemSeparator = 'MenuItemSeparator';
-const MenuItemSeparatorLine = 'MenuItemSeparatorLine';
-const MenuItemSubMenu = 'MenuItemSubMenu';
-const MenuItemSubMenuArrowRight = 'MenuItemSubMenuArrowRight';
-const Option$1 = 'Option';
-const PanelTab = 'PanelTab';
-const PanelTabSelected = 'PanelTabSelected';
-const Sash = 'Sash';
-const SashVertical = 'SashVertical';
-const ScrollBar = 'ScrollBar';
-const ScrollBarLarge = 'ScrollBarLarge';
-const ScrollBarThumb = 'ScrollBarThumb';
-const Select$2 = 'Select';
-const SimpleBrowserHeader = 'SimpleBrowserHeader';
-const StatusBarItem = 'StatusBarItem';
-const StatusBarItemsLeft = 'StatusBarItemsLeft';
-const StatusBarItemsRight = 'StatusBarItemsRight';
-const TabLabel = 'TabLabel';
-const TerminalTab = 'TerminalTab';
-const TerminalTabIcon = 'TerminalTabIcon';
-const TerminalTabs = 'TerminalTabs';
-const TerminalTabSelected = 'TerminalTabSelected';
-const TreeItem = 'TreeItem';
-const Viewlet = 'Viewlet';
+// TODO pageup / pagedown keys
 
-/**
- *
- * @param {string} key
- * @param {boolean} altKey
- * @param {boolean} ctrlKey
- * @param {boolean} shiftKey
- * @param {boolean} metaKey
- * @returns {string}
- */
-const getKeyBindingString = (key, altKey, ctrlKey, shiftKey, metaKey) => {
-  let string = '';
-  if (ctrlKey) {
-    string += 'Ctrl+';
-  }
-  if (altKey) {
-    string += 'Alt+';
-  }
-  if (shiftKey) {
-    string += 'Shift+';
-  }
-  string += key.toUpperCase();
-  return string;
-};
+// TODO more tests
 
-const Backspace$1 = 1;
-const Tab$1 = 2;
-const Enter$2 = 3;
-const Escape$2 = 8;
-const Space$1 = 9;
-const PageUp$1 = 10;
-const PageDown$1 = 11;
-const End$1 = 255;
-const Home$1 = 12;
-const LeftArrow$1 = 13;
-const UpArrow$1 = 14;
-const RightArrow$1 = 15;
-const DownArrow$1 = 16;
-const Insert$1 = 17;
-const Delete$1 = 18;
-const Digit0$1 = 19;
-const Digit1$1 = 20;
-const Digit2$1 = 21;
-const Digit3$1 = 22;
-const Digit4$1 = 23;
-const Digit5$1 = 24;
-const Digit6$1 = 25;
-const Digit7$1 = 26;
-const Digit8$1 = 27;
-const Digit9$1 = 28;
-const KeyA$1 = 29;
-const KeyB$1 = 30;
-const KeyC$1 = 31;
-const KeyD$1 = 32;
-const KeyE$1 = 33;
-const KeyF$1 = 34;
-const KeyG$1 = 35;
-const KeyH$1 = 36;
-const KeyI$1 = 37;
-const KeyJ$1 = 38;
-const KeyK$1 = 39;
-const KeyL$1 = 40;
-const KeyM$1 = 41;
-const KeyN$1 = 42;
-const KeyO$1 = 43;
-const KeyP$1 = 44;
-const KeyQ$1 = 45;
-const KeyR$1 = 46;
-const KeyS$1 = 47;
-const KeyT$1 = 48;
-const KeyU$1 = 49;
-const KeyV$1 = 50;
-const KeyW$1 = 51;
-const KeyX$1 = 52;
-const KeyY$1 = 53;
-const KeyZ$1 = 54;
-const F1$1 = 57;
-const F2$1 = 58;
-const F3$1 = 59;
-const F4$1 = 60;
-const F5$1 = 61;
-const F6$1 = 62;
-const Equal$1 = 84;
-const Comma$1 = 85;
-const Minus$1 = 86;
-const Backquote$1 = 89;
-const Backslash$1 = 91;
-const Star$1 = 131;
-const Plus$1 = 132;
-
-const Unknown = 'Unknown';
-const Backspace = 'Backspace';
-const Tab = 'Tab';
-const Enter$1 = 'Enter';
-const Escape$1 = 'Escape';
-const Space = 'Space';
-const PageUp = 'PageUp';
-const PageDown = 'PageDown';
-const End = 'End';
-const Home = 'Home';
-const LeftArrow = 'LeftArrow';
-const UpArrow = 'UpArrow';
-const RightArrow = 'RightArrow';
-const DownArrow = 'DownArrow';
-const Insert = 'Insert';
-const Delete = 'Delete';
-const Digit0 = '0';
-const Digit1 = '1';
-const Digit2 = '2';
-const Digit3 = '3';
-const Digit4 = '4';
-const Digit5 = '5';
-const Digit6 = '6';
-const Digit7 = '7';
-const Digit8 = '8';
-const Digit9 = '9';
-const KeyA = 'a';
-const KeyB = 'b';
-const KeyC = 'c';
-const KeyD = 'd';
-const KeyE = 'e';
-const KeyF = 'f';
-const KeyG = 'g';
-const KeyH = 'h';
-const KeyI = 'i';
-const KeyJ = 'j';
-const KeyK = 'k';
-const KeyL = 'l';
-const KeyM = 'm';
-const KeyN = 'n';
-const KeyO = 'o';
-const KeyP = 'p';
-const KeyQ = 'q';
-const KeyR = 'r';
-const KeyS = 's';
-const KeyT = 't';
-const KeyU = 'u';
-const KeyV = 'v';
-const KeyW = 'w';
-const KeyX = 'x';
-const KeyY = 'y';
-const KeyZ = 'z';
-const F1 = 'F1';
-const F2 = 'F2';
-const F3 = 'F3';
-const F4 = 'F4';
-const F5 = 'F5';
-const F6 = 'F6';
-const Equal = '=';
-const Comma = ',';
-const Minus = 'Minus';
-const Backquote = 'Backquote';
-const Backslash = 'Backslash';
-const Star = '*';
-const Plus = '+';
-
-const getKeyCodeString = keyCode => {
-  switch (keyCode) {
-    case Backspace$1:
-      return Backspace;
-    case Tab$1:
-      return Tab;
-    case Escape$2:
-      return Escape$1;
-    case Enter$2:
-      return Enter$1;
-    case Space$1:
-      return Space;
-    case PageUp$1:
-      return PageUp;
-    case PageDown$1:
-      return PageDown;
-    case End$1:
-      return End;
-    case Home$1:
-      return Home;
-    case LeftArrow$1:
-      return LeftArrow;
-    case UpArrow$1:
-      return UpArrow;
-    case RightArrow$1:
-      return RightArrow;
-    case DownArrow$1:
-      return DownArrow;
-    case Insert$1:
-      return Insert;
-    case Delete$1:
-      return Delete;
-    case Digit0$1:
-      return Digit0;
-    case Digit1$1:
-      return Digit1;
-    case Digit2$1:
-      return Digit2;
-    case Digit3$1:
-      return Digit3;
-    case Digit4$1:
-      return Digit4;
-    case Digit5$1:
-      return Digit5;
-    case Digit6$1:
-      return Digit6;
-    case Digit7$1:
-      return Digit7;
-    case Digit8$1:
-      return Digit8;
-    case Digit9$1:
-      return Digit9;
-    case KeyA$1:
-      return KeyA;
-    case KeyB$1:
-      return KeyB;
-    case KeyC$1:
-      return KeyC;
-    case KeyD$1:
-      return KeyD;
-    case KeyE$1:
-      return KeyE;
-    case KeyF$1:
-      return KeyF;
-    case KeyG$1:
-      return KeyG;
-    case KeyH$1:
-      return KeyH;
-    case KeyI$1:
-      return KeyI;
-    case KeyJ$1:
-      return KeyJ;
-    case KeyK$1:
-      return KeyK;
-    case KeyL$1:
-      return KeyL;
-    case KeyM$1:
-      return KeyM;
-    case KeyN$1:
-      return KeyN;
-    case KeyO$1:
-      return KeyO;
-    case KeyP$1:
-      return KeyP;
-    case KeyQ$1:
-      return KeyQ;
-    case KeyR$1:
-      return KeyR;
-    case KeyS$1:
-      return KeyS;
-    case KeyT$1:
-      return KeyT;
-    case KeyU$1:
-      return KeyU;
-    case KeyV$1:
-      return KeyV;
-    case KeyW$1:
-      return KeyW;
-    case KeyX$1:
-      return KeyX;
-    case KeyY$1:
-      return KeyY;
-    case KeyZ$1:
-      return KeyZ;
-    case F1$1:
-      return F1;
-    case F2$1:
-      return F2;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case Backslash$1:
-      return Backslash;
-    case Equal$1:
-      return Equal;
-    case Comma$1:
-      return Comma;
-    case Backquote$1:
-      return Backquote;
-    case Plus$1:
-      return Plus;
-    case Star$1:
-      return Star;
-    case Minus$1:
-      return Minus;
-    default:
-      return Unknown;
-  }
+const name$1C = 'Menu';
+const Commands$1w = {
+  focusFirst: focusFirst$2,
+  focusIndex: focusIndex$3,
+  focusLast: focusLast$2,
+  focusNext: focusNext$2,
+  focusPrevious: focusPrevious$2,
+  handleMouseEnter: handleMouseEnter,
+  handleMouseLeave: handleMouseLeave,
+  hide: hide$3,
+  selectIndex: selectIndex$2,
+  selectItem: selectItem,
+  show: show$7,
+  getMenuEntries: getMenuEntries$c,
+  getMenuEntries2
 };
 
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift$1 = 1 << 10 >>> 0;
-
-const parseKey = rawKey => {
-  number(rawKey);
-  const isCtrl = Boolean(rawKey & CtrlCmd);
-  const isShift = Boolean(rawKey & Shift$1);
-  const keyCode = rawKey & 0x000000ff;
-  const key = getKeyCodeString(keyCode);
-  return {
-    key,
-    isCtrl,
-    isShift
-  };
-};
-
-const Audio = 0;
-const Button$2 = 1;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Span = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img = 17;
-const Select$1 = 63;
-const Option = 64;
-
-const h = (type, props, childCount) => {
-  return {
-    type,
-    ...props,
-    childCount
-  };
-};
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-const div = (props, childCount) => {
-  return h(Div, props, childCount);
-};
-
-const separator = {
-  type: Div,
-  className: MenuItemSeparator,
-  role: Separator$1,
-  childCount: 1
-};
-const separatorLine = {
-  type: Div,
-  className: MenuItemSeparatorLine,
-  childCount: 0
-};
-const checkboxUnchecked = {
-  type: Div,
-  className: MenuItem,
-  role: MenuItemCheckBox,
-  ariaChecked: false,
-  tabIndex: -1,
-  childCount: 1
-};
-const checkboxChecked = {
-  type: Div,
-  className: `${MenuItem} MenuItemCheckMark`,
-  role: MenuItemCheckBox,
-  ariaChecked: true,
-  tabIndex: -1,
-  childCount: 2
-};
-const disabled = {
-  type: Div,
-  className: MenuItem,
-  role: MenuItem$1,
-  tabIndex: -1,
-  disabled: true,
-  childCount: 1
-};
-const arrowRight = {
-  type: Div,
-  className: MenuItemSubMenuArrowRight,
-  childCount: 0
-};
-const getMenuItemSeparatorDom = menuItem => {
-  return [separator, separatorLine];
-};
-const getMenuItemCheckedDom = menuItem => {
-  const {
-    label
-  } = menuItem;
-  return [checkboxChecked, {
-    type: Div,
-    className: 'MenuItemCheckmarkIcon MaskIconCheck'
-  }, text(label)];
-};
-const getMenuItemUncheckedDom = menuItem => {
-  const {
-    label
-  } = menuItem;
-  return [checkboxUnchecked, text(label)];
-};
-const getMenuItemDisabledDom = menuItem => {
-  const {
-    label
-  } = menuItem;
-  return [disabled, text(label)];
-};
-const getMenuItemDefaultDom = menuItem => {
-  const {
-    label,
-    isFocused,
-    key
-  } = menuItem;
-  let className = MenuItem;
-  if (isFocused) {
-    className += ' ' + MenuItemFocused;
-  }
-  const dom = [];
-  dom.push({
-    type: Div,
-    className,
-    role: MenuItem$1,
-    tabIndex: -1,
-    childCount: 1
-  }, text(label));
-  if (key) {
-    dom[0].childCount++;
-    const parsedKey = parseKey(key);
-    const keyBindingsString = getKeyBindingString(parsedKey.key, false, parsedKey.isCtrl, parsedKey.isShift);
-    dom.push({
-      type: Span,
-      className: 'MenuItemKeyBinding',
-      childCount: 1
-    }, text(keyBindingsString));
-  }
-  return dom;
-};
-const getMenuItemSubMenuDom = menuItem => {
-  const {
-    label,
-    isFocused,
-    isExpanded,
-    level
-  } = menuItem;
-  let className = MenuItem;
-  className += ' ' + MenuItemSubMenu;
-  if (isFocused) {
-    className += ' ' + MenuItemFocused;
-  }
-  return [{
-    type: Div,
-    className,
-    role: MenuItem$1,
-    tabIndex: -1,
-    ariaHasPopup: true,
-    ariaExpanded: isExpanded,
-    ariaOwns: isExpanded ? `Menu-${level + 1}` : undefined,
-    childCount: 2
-  }, text(label), arrowRight];
-};
-const getMenuItemVirtualDom = menuItem => {
-  const {
-    flags
-  } = menuItem;
-  switch (flags) {
-    case None$a:
-    case RestoreFocus:
-    case Ignore:
-      return getMenuItemDefaultDom(menuItem);
-    case Separator$3:
-      return getMenuItemSeparatorDom();
-    case Checked:
-      return getMenuItemCheckedDom(menuItem);
-    case Unchecked:
-      return getMenuItemUncheckedDom(menuItem);
-    case Disabled:
-      return getMenuItemDisabledDom(menuItem);
-    case SubMenu$1:
-      return getMenuItemSubMenuDom(menuItem);
-    default:
-      return [];
-  }
-};
-const getMenuVirtualDom = menuItems => {
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: Menu,
-    role: Menu$1,
-    tabIndex: -1,
-    childCount: menuItems.length
-  });
-  dom.push(...menuItems.flatMap(getMenuItemVirtualDom));
-  return dom;
-};
-
-const getVisible = (items, focusedIndex, expanded, level) => {
-  const visibleItems = [];
-  const length = items.length;
-  for (let i = 0; i < length; i++) {
-    const item = items[i];
-    const {
-      flags,
-      label
-    } = item;
-    visibleItems.push({
-      label,
-      flags,
-      isFocused: i === focusedIndex,
-      isExpanded: i === focusedIndex && expanded,
-      level,
-      key: item.key
-    });
-  }
-  return visibleItems;
-};
-
-const menuWorkerUrl = `${assetDir}/packages/menu-worker/dist/menuWorkerMain.js`;
-
-const launchMenuWorker = async () => {
-  const name = 'Menu Worker';
-  const ipc = await create$10({
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    name,
-    url: getConfiguredWorkerUrl$1('develop.menuWorkerPath', menuWorkerUrl)
-  });
-  handleIpc(ipc);
-  return ipc;
-};
-
-const {
-  invoke: invoke$j
-} = getOrCreateWorker(launchMenuWorker);
-
-const state$a = {
-  /**
-   * @type {any[]}
-   */
-  menus: [],
-  latestTimeStamp: 0};
-const MENU_WIDTH = 150;
-const CONTEXT_MENU_ITEM_HEIGHT = 26;
-const CONTEXT_MENU_SEPARATOR_HEIGHT = 11;
-const CONTEXT_MENU_PADDING = 8;
-const CONTEXT_MENU_WIDTH = 250;
-const getMenuWidth = () => {
-  return CONTEXT_MENU_WIDTH;
-};
-const getMenuHeight = items => {
-  let height = CONTEXT_MENU_PADDING;
-  for (const item of items) {
-    switch (item.flags) {
-      case Separator$3:
-        height += CONTEXT_MENU_SEPARATOR_HEIGHT;
-        break;
-      default:
-        height += CONTEXT_MENU_ITEM_HEIGHT;
-        break;
-    }
-  }
-  return height;
-};
-const getCurrentMenu = () => {
-  if (state$a.menus.length === 0) {
-    warn('menu not available');
-  }
-  return state$a.menus.at(-1);
-};
-const addMenuInternal = menu => {
-  if (state$a.menus.length > 5) {
-    throw new Error('too many menus');
-  }
-  state$a.menus.push(menu);
-  return menu;
-};
-const show$7 = async (x, y, menuId, mouseBlocking = false, ...args) => {
-  const items = await getMenuEntriesWithKeyBindings(menuId, ...args);
-  const {
-    commands,
-    menu
-  } = await invoke$j('Menu.getShowCommands', items, menuId, x, y, mouseBlocking);
-  addMenuInternal(menu);
-  await invoke$u(...commands);
-};
-const show2$1 = async (uid, menuId, x, y, mouseBlocking = false, ...args) => {
-  const items = await getMenuEntriesWithKeyBindings2(uid, menuId, ...args);
-  const {
-    commands,
-    menu
-  } = await invoke$j('Menu.getShowCommands', items, menuId, x, y, mouseBlocking);
-  addMenuInternal(menu);
-  await invoke$u(...commands);
-};
-const showSubMenuAtEnter = async (level, index, enterX, enterY) => {
-  // TODO delete old menus
-  state$a.menus = state$a.menus.slice(0, level + 1);
-  const parentMenu = state$a.menus[level];
-  const item = parentMenu.items[index];
-  const subMenuItems = await getMenuEntries$c(item.id);
-  const subMenu = addMenuInternal({
-    id: item.id,
-    items: subMenuItems,
-    focusedIndex: -1,
-    level: state$a.menus.length,
-    y: parentMenu.y + index * 25,
-    x: parentMenu.x + MENU_WIDTH,
-    enterX,
-    enterY
-  });
-  const width = getMenuWidth();
-  const height = getMenuHeight(subMenuItems);
-  const visible = getVisible(subMenu.items, -1, false, subMenu.level);
-  const dom = getMenuVirtualDom(visible).slice(1);
-  invoke$u(/* 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);
-};
-const selectIndexNone = async (menu, item) => {
-  await Promise.all([hide$3(/* restoreFocus */false), executeMenuItemCommand(item)]);
-};
-const selectIndexRestoreFocus = async (menu, item) => {
-  await Promise.all([hide$3(/* restoreFocus */true), executeMenuItemCommand(item)]);
-};
-const selectIndexSubMenu = async (menu, item, index) => {
-  if (menu.focusedIndex === index) {
-    return;
-  }
-  await showSubMenu(menu.level, menu.focusedIndex);
-};
-const selectIndexDefault = async () => {};
-const selectIndexIgnore = async (menu, item) => {
-  await executeMenuItemCommand(item);
-};
-const getSelectIndexFunction = flags => {
-  switch (flags) {
-    case None$a:
-      return selectIndexNone;
-    case SubMenu$1:
-      return selectIndexSubMenu;
-    case RestoreFocus:
-      return selectIndexRestoreFocus;
-    case Ignore:
-      return selectIndexIgnore;
-    default:
-      return selectIndexDefault;
-  }
-};
-const selectIndex$2 = async (level, index) => {
-  const menu = state$a.menus[level];
-  // TODO avoid assignment
-  menu.focusedIndex = index;
-  const item = menu.items[menu.focusedIndex];
-  const fn = getSelectIndexFunction(item.flags);
-  await fn(menu, item, index);
-};
-const selectItem = text => {
-  for (let level = 0; level < state$a.menus.length; level++) {
-    const menu = state$a.menus[level];
-    for (let i = 0; i < menu.items.length; i++) {
-      const item = menu.items[i];
-      if (item.label === text) {
-        return selectIndex$2(level, i);
-      }
-    }
-  }
-  throw new Error(`menu item not found: ${text}`);
-};
-const hide$3 = async (restoreFocus = true) => {
-  const {
-    commands,
-    newMenus
-  } = await invoke$j('Menu.getHideCommands', restoreFocus);
-  state$a.menus = newMenus;
-  if (commands.length > 0) {
-    await invoke$u(...commands);
-  }
-};
-
-// TODO difference between focusing with mouse or keyboard
-// with mouse -> open submenu
-// with keyboard -> don't open submenu, only focus
-
-const hideSubMenus = async level => {
-  if (level < state$a.menus.length) {
-    state$a.menus = state$a.menus.slice(0, level + 1);
-    await invoke$u(/* Menu.hideSubMenu */'Menu.hideSubMenu', /* level */level + 1);
-  }
-};
-const MENU_DELAY_TRIANGLE = 300;
-const resolveAfterTimeout = fn => {
-  setTimeout(fn, MENU_DELAY_TRIANGLE);
-};
-const handleMouseEnter = async (level, index, enterX, enterY, enterTimeStamp) => {
-  state$a.latestTimeStamp = enterTimeStamp;
-  if (level >= state$a.menus.length) {
-    return;
-  }
-  const menu = state$a.menus[level];
-  if (menu.focusedIndex === index) {
-    return;
-  }
-  if (level < state$a.menus.length - 1) {
-    const subMenu = state$a.menus[level + 1];
-    const subMenuEnterX = subMenu.enterX;
-    // TODO should check for triangle position here
-    if (enterX >= subMenuEnterX) {
-      await new Promise(resolveAfterTimeout);
-      if (state$a.latestTimeStamp !== enterTimeStamp) {
-        return;
-      }
-    }
-  }
-  const item = menu.items[index];
-  await focusIndex$3(menu, index);
-  switch (item.flags) {
-    case /* SubMenu */4:
-      await showSubMenuAtEnter(menu.level, index, enterX, enterY);
-      break;
-    default:
-      await hideSubMenus(menu.level);
-      break;
-  }
-};
-const handleMouseLeave = async () => {
-  const menu = state$a.menus[0];
-  if (menu.items.length === 0) {
-    return;
-  }
-  const oldFocusedIndex = menu.focusedIndex;
-  menu.focusedIndex = -1;
-  await invoke$u(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */-1);
-};
-const focusIndex$3 = async (menu, index) => {
-  if (menu.items.length === 0) {
-    return;
-  }
-  const oldFocusedIndex = menu.focusedIndex;
-  menu.focusedIndex = index;
-  await invoke$u(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */index);
-};
-const getIndexToFocusNextStartingAt = (items, startIndex) => {
-  for (let i = startIndex; i < startIndex + items.length; i++) {
-    const index = i % items.length;
-    const item = items[index];
-    if (canBeFocused(item)) {
-      return index;
-    }
-  }
-  return -1;
-};
-const getIndexToFocusFirst = items => {
-  return getIndexToFocusNextStartingAt(items, 0);
-};
-const focusFirst$2 = async () => {
-  const menu = getCurrentMenu();
-  if (menu.items.length === 0) {
-    return;
-  }
-  const indexToFocus = getIndexToFocusFirst(menu.items);
-  await focusIndex$3(menu, indexToFocus);
-};
-const focusLast$2 = async () => {
-  const menu = getCurrentMenu();
-  const indexToFocus = getIndexToFocusPreviousStartingAt(menu.items, menu.items.length - 1);
-  await focusIndex$3(menu, indexToFocus);
-};
-
-// TODO this code seems a bit too complicated, maybe it can be simplified
-const getIndexToFocusPreviousStartingAt = (items, startIndex) => {
-  for (let i = startIndex; i > startIndex - items.length; i--) {
-    const index = (i + items.length) % items.length;
-    const item = items[index];
-    if (canBeFocused(item)) {
-      return index;
-    }
-  }
-  return -1;
-};
-const getIndexToFocusPrevious = menu => {
-  const startIndex = menu.focusedIndex === -1 ? menu.items.length - 1 : menu.focusedIndex - 1;
-  return getIndexToFocusPreviousStartingAt(menu.items, startIndex);
-};
-const focusPrevious$2 = async () => {
-  const menu = getCurrentMenu();
-  if (menu.items.length === 0) {
-    return;
-  }
-  const indexToFocus = getIndexToFocusPrevious(menu);
-  await focusIndex$3(menu, indexToFocus);
-};
-const canBeFocused = item => {
-  switch (item.flags) {
-    case Separator$3:
-    case Disabled:
-      return false;
-    default:
-      return true;
-  }
-};
-const getIndexToFocusNext = menu => {
-  const startIndex = menu.focusedIndex + 1;
-  return getIndexToFocusNextStartingAt(menu.items, startIndex);
-};
-const focusNext$2 = async () => {
-  const menu = getCurrentMenu();
-  if (menu.items.length === 0) {
-    return;
-  }
-  const indexToFocus = getIndexToFocusNext(menu);
-  await focusIndex$3(menu, indexToFocus);
-};
-
-// TODO handle printable letter and focus item that starts with that letter
-
-// TODO pageup / pagedown keys
-
-// TODO more tests
-
-const name$1C = 'Menu';
-const Commands$1w = {
-  focusFirst: focusFirst$2,
-  focusIndex: focusIndex$3,
-  focusLast: focusLast$2,
-  focusNext: focusNext$2,
-  focusPrevious: focusPrevious$2,
-  handleMouseEnter: handleMouseEnter,
-  handleMouseLeave: handleMouseLeave,
-  hide: hide$3,
-  selectIndex: selectIndex$2,
-  selectItem: selectItem,
-  show: show$7,
-  getMenuEntries: getMenuEntries$c,
-  getMenuEntries2
-};
-
-const Menu_ipc = {
-  __proto__: null,
-  Commands: Commands$1w,
-  name: name$1C
+const Menu_ipc = {
+  __proto__: null,
+  Commands: Commands$1w,
+  name: name$1C
 };
 
 // based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/mime.ts (License MIT)
@@ -14021,7 +13132,7 @@ const {
   restart: restart$8
 } = getOrCreateWorker(launchActivityBarWorker);
 
-const ListItem = 22;
+const ListItem$1 = 22;
 const ActivityBarItem = 48;
 
 // TODO rename viewlet parameter to something else (e.g. clicking settings opens context menu not settings viewlet)
@@ -14121,37 +13232,74 @@ const getCommands$e = async () => {
 const Css$C = [];
 const Variables$6 = ['ActivityBarForeground', 'ActivityBarActiveForeground', 'ActvityBarActiveBackground', 'BadgeBackground', 'BadgeForeground'];
 
+const Tab$1 = 2;
+const Enter$1 = 3;
+const Escape$1 = 8;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+const Digit0 = 19;
+const Digit1 = 20;
+const KeyB = 30;
+const KeyD = 32;
+const KeyE = 33;
+const KeyF = 34;
+const KeyG = 35;
+const KeyI = 37;
+const KeyM = 41;
+const KeyN = 42;
+const KeyP = 44;
+const KeyR = 46;
+const KeyS = 47;
+const KeyW = 51;
+const KeyX = 52;
+const KeyY = 53;
+const F1 = 57;
+const F6 = 62;
+const Equal = 84;
+const Comma = 85;
+const Minus = 86;
+const Backquote = 89;
+const Backslash = 91;
+const Plus = 132;
+
 const getKeyBindings$h = () => {
   return [{
-    key: DownArrow$1,
+    key: DownArrow,
     command: 'ActivityBar.focusNext',
     when: FocusActivityBar
   }, {
-    key: UpArrow$1,
+    key: UpArrow,
     command: 'ActivityBar.focusPrevious',
     when: FocusActivityBar
   }, {
-    key: Home$1,
+    key: Home,
     command: 'ActivityBar.focusFirst',
     when: FocusActivityBar
   }, {
-    key: PageUp$1,
+    key: PageUp,
     command: 'ActivityBar.focusFirst',
     when: FocusActivityBar
   }, {
-    key: PageDown$1,
+    key: PageDown,
     command: 'ActivityBar.focusLast',
     when: FocusActivityBar
   }, {
-    key: End$1,
+    key: End,
     command: 'ActivityBar.focusLast',
     when: FocusActivityBar
   }, {
-    key: Space$1,
+    key: Space,
     command: 'ActivityBar.selectCurrent',
     when: FocusActivityBar
   }, {
-    key: Enter$2,
+    key: Enter$1,
     command: 'ActivityBar.selectCurrent',
     when: FocusActivityBar
   }];
@@ -14226,7 +13374,7 @@ const renderEventListeners$e = async () => {
   return listeners;
 };
 
-const Button$1 = 1 << 1;
+const Button$3 = 1 << 1;
 
 const Add = 'Add';
 const ClearAll = 'ClearAll';
@@ -14260,7 +13408,7 @@ const getFilteredActivityBarItems = (items, height, itemHeight) => {
     title: additionalViews(),
     icon: Ellipsis,
     enabled: true,
-    flags: Button$1,
+    flags: Button$3,
     keyShortCuts: ''
   };
   return [...items.slice(0, numberOfVisibleItems - 2), showMoreItem, items.at(-1)];
@@ -14354,6 +13502,99 @@ const Commands$B = {
 
 const Css$B = ["/css/parts/ViewletMedia.css"];
 
+const Actions = 'Actions';
+const TestActive = 'TestActive';
+const Badge = 'Badge';
+const MaskIconPlay = 'MaskIconPlay';
+const MaskIconDebugPause = 'MaskIconDebugPause';
+const DebugConsoleBottom = 'DebugConsoleBottom';
+const DebugConsoleTop = 'DebugConsoleTop';
+const DefineKeyBindingContent = 'DefineKeyBindingContent';
+const DefineKeyBindingHeading = 'DefineKeyBindingHeading';
+const Deletion$1 = 'Deletion';
+const DiffEditor = 'DiffEditor';
+const DiffEditorContent = 'DiffEditorContent';
+const DiffEditorContentLeft = 'DiffEditorContentLeft';
+const DiffEditorContentRight = 'DiffEditorContentRight';
+const Editor = 'Editor';
+const EditorContent = 'EditorContent';
+const EditorRow = 'EditorRow';
+const EditorRowDeletion = 'EditorRow Deletion';
+const EditorRowInsertion = 'EditorRow Insertion';
+const EditorRows = 'EditorRows';
+const EditorTabCloseButton = 'EditorTabCloseButton';
+const FileIcon = 'FileIcon';
+const Filter$2 = 'Filter';
+const FilterBadge = 'FilterBadge';
+const IconButton = 'IconButton';
+const InlineDiffEditor = 'InlineDiffEditor';
+const InlineDiffEditorContent = 'InlineDiffEditorContent';
+const InputBox = 'InputBox';
+const Insertion$1 = 'Insertion';
+const Label = 'Label';
+const MainTab = 'MainTab';
+const MainTabSelected = 'MainTabSelected';
+const MaskIcon = 'MaskIcon';
+const MediaContent = 'MediaContent';
+const MediaElement = 'MediaElement';
+const MediaErrorMessage = 'MediaErrorMessage';
+const Option$1 = 'Option';
+const PanelTab = 'PanelTab';
+const PanelTabSelected = 'PanelTabSelected';
+const Sash = 'Sash';
+const SashVertical = 'SashVertical';
+const ScrollBar = 'ScrollBar';
+const ScrollBarLarge = 'ScrollBarLarge';
+const ScrollBarThumb = 'ScrollBarThumb';
+const Select$2 = 'Select';
+const SimpleBrowserHeader = 'SimpleBrowserHeader';
+const StatusBarItem = 'StatusBarItem';
+const StatusBarItemsLeft = 'StatusBarItemsLeft';
+const StatusBarItemsRight = 'StatusBarItemsRight';
+const TabLabel = 'TabLabel';
+const TerminalTab = 'TerminalTab';
+const TerminalTabIcon = 'TerminalTabIcon';
+const TerminalTabs = 'TerminalTabs';
+const TerminalTabSelected = 'TerminalTabSelected';
+const TreeItem = 'TreeItem';
+const Viewlet = 'Viewlet';
+
+const Audio = 0;
+const Button$2 = 1;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Select$1 = 63;
+const Option = 64;
+
+const h = (type, props, childCount) => {
+  return {
+    type,
+    ...props,
+    childCount
+  };
+};
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+const div = (props, childCount) => {
+  return h(Div, props, childCount);
+};
+
 const getMediaVirtualDom = (element, src, errorMessage) => {
   if (errorMessage) {
     return [{
@@ -14678,7 +13919,7 @@ const Css$y = ["/css/parts/ViewletDebugConsole.css"];
 
 const getKeyBindings$f = () => {
   return [{
-    key: Enter$2,
+    key: Enter$1,
     command: 'Debug Console.evaluate',
     when: FocusDebugConsoleInput
   }];
@@ -14725,6 +13966,13 @@ const renderText = {
 };
 const render$z = [renderText];
 
+const Button$1 = 'button';
+const List = 'list';
+const ListItem = 'listitem';
+const None$9 = 'none';
+const Tab = 'tab';
+const ToolBar = 'toolbar';
+
 const Button = 1;
 const Select = 2;
 const Filter$1 = 3;
@@ -14867,11 +14115,35 @@ const ViewletDebugConsole_ipc = {
 };
 
 const Control = 'Control';
-const Shift = 'Shift';
+const Shift$1 = 'Shift';
 const Alt = 'Alt';
 const Enter = 'Enter';
 const Escape = 'Escape';
 
+/**
+ *
+ * @param {string} key
+ * @param {boolean} altKey
+ * @param {boolean} ctrlKey
+ * @param {boolean} shiftKey
+ * @param {boolean} metaKey
+ * @returns {string}
+ */
+const getKeyBindingString = (key, altKey, ctrlKey, shiftKey, metaKey) => {
+  let string = '';
+  if (ctrlKey) {
+    string += 'Ctrl+';
+  }
+  if (altKey) {
+    string += 'Alt+';
+  }
+  if (shiftKey) {
+    string += 'Shift+';
+  }
+  string += key.toUpperCase();
+  return string;
+};
+
 /**
  * @enum {string}
  */
@@ -14909,7 +14181,7 @@ const handleBlur$2 = state => {
 };
 const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   // TODO handle with keybindings?
-  if (key === Control || key === Shift || key === Alt) {
+  if (key === Control || key === Shift$1 || key === Alt) {
     return state;
   }
   if (key === Enter) {
@@ -19799,128 +19071,131 @@ const CommandsWithSideEffects$1 = {
 
 const Css$j = [];
 
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift = 1 << 10 >>> 0;
+
 const getKeyBindings$7 = () => {
   return [{
-    key: Escape$2,
+    key: Escape$1,
     command: 'Viewlet.closeWidget',
     when: FocusFindWidget,
     args: ['FindWidget']
   }, {
-    key: Enter$2,
+    key: Enter$1,
     command: 'EditorRename.finish',
     when: FocusEditorRename
   }, {
-    key: Escape$2,
+    key: Escape$1,
     command: 'EditorRename.abort',
     when: FocusEditorRename
   }, {
-    key: CtrlCmd | KeyB$1,
+    key: CtrlCmd | KeyB,
     command: 'Layout.toggleSideBar'
   }, {
-    key: CtrlCmd | KeyM$1,
+    key: CtrlCmd | KeyM,
     command: 'Layout.toggleActivityBar'
   }, {
-    key: CtrlCmd | Backquote$1,
+    key: CtrlCmd | Backquote,
     command: 'Layout.togglePanel',
     args: ['Terminal']
   }, {
-    key: CtrlCmd | Shift$1 | KeyM$1,
+    key: CtrlCmd | Shift | KeyM,
     command: 'ViewService.toggleView',
     args: ['Output']
   }, {
-    key: CtrlCmd | Enter$2,
+    key: CtrlCmd | Enter$1,
     command: 'Source Control.acceptInput',
     when: FocusSourceControlInput
   }, {
-    key: CtrlCmd | KeyN$1,
+    key: CtrlCmd | KeyN,
     command: 'Explorer.newFile'
   }, {
-    key: CtrlCmd | KeyP$1,
+    key: CtrlCmd | KeyP,
     command: 'QuickPick.showFile'
   }, {
-    key: CtrlCmd | Shift$1 | KeyP$1,
+    key: CtrlCmd | Shift | KeyP,
     command: 'QuickPick.showEverything'
   }, {
-    key: F1$1,
+    key: F1,
     command: 'QuickPick.showEverything'
   }, {
-    key: CtrlCmd | Shift$1 | KeyX$1,
+    key: CtrlCmd | Shift | KeyX,
     command: 'Focus.set',
     args: ['Extensions']
   }, {
-    key: CtrlCmd | Shift$1 | KeyG$1,
+    key: CtrlCmd | Shift | KeyG,
     command: 'Focus.set',
     args: ['Source Control']
   }, {
-    key: CtrlCmd | Shift$1 | KeyE$1,
+    key: CtrlCmd | Shift | KeyE,
     command: 'Focus.set',
     args: ['Explorer']
   }, {
-    key: CtrlCmd | Shift$1 | KeyF$1,
+    key: CtrlCmd | Shift | KeyF,
     command: 'Focus.set',
     args: ['Search']
   }, {
-    key: CtrlCmd | Shift$1 | KeyY$1,
+    key: CtrlCmd | Shift | KeyY,
     command: 'Focus.set',
     args: ['Debug Console']
   }, {
-    key: CtrlCmd | Shift$1 | KeyM$1,
+    key: CtrlCmd | Shift | KeyM,
     command: 'Focus.set',
     args: ['Problems']
   }, {
-    key: CtrlCmd | Comma$1,
+    key: CtrlCmd | Comma,
     command: 'Preferences.openSettingsJson'
   }, {
-    key: CtrlCmd | Shift$1 | KeyD$1,
+    key: CtrlCmd | Shift | KeyD,
     command: 'Focus.set',
     args: ['Run and Debug']
   }, {
-    key: CtrlCmd | Shift$1 | KeyI$1,
+    key: CtrlCmd | Shift | KeyI,
     command: 'Developer.toggleDeveloperTools',
     when: BrowserElectron
   }, {
-    key: F6$1,
+    key: F6,
     command: 'Navigation.focusNextPart'
   }, {
-    key: Shift$1 | F6$1,
+    key: Shift | F6,
     command: 'Navigation.focusPreviousPart'
   }, {
-    key: CtrlCmd | KeyG$1,
+    key: CtrlCmd | KeyG,
     command: 'QuickPick.openGoToLine'
   }, {
-    key: Escape$2,
+    key: Escape$1,
     command: 'dialog.close',
     when: FocusDialog
   }, {
-    key: DownArrow$1,
+    key: DownArrow,
     command: 'Menu.focusNext',
     when: FocusMenu
   }, {
-    key: UpArrow$1,
+    key: UpArrow,
     command: 'Menu.focusPrevious',
     when: FocusMenu
   }, {
-    key: Enter$2,
+    key: Enter$1,
     command: 'Menu.selectCurrent',
     when: FocusMenu
   }, {
-    key: Space$1,
+    key: Space,
     command: 'Menu.selectCurrent',
     when: FocusMenu
   }, {
-    key: Home$1,
+    key: Home,
     command: 'Menu.focusFirst',
     when: FocusMenu
   }, {
-    key: End$1,
+    key: End,
     command: 'Menu.focusLast',
     when: FocusMenu
   }, {
-    key: Escape$2,
+    key: Escape$1,
     command: 'Menu.hide',
     when: FocusMenu
   }, {
-    key: CtrlCmd | Shift$1 | KeyN$1,
+    key: CtrlCmd | Shift | KeyN,
     command: 'ElectronWindow.openNew',
     when: BrowserElectron
   }, {
@@ -19928,42 +19203,42 @@ const getKeyBindings$7 = () => {
     command: 'Menu.noop',
     when: FocusMenu
   }, {
-    key: Shift$1 | Tab$1,
+    key: Shift | Tab$1,
     command: 'Menu.noop',
     when: FocusMenu
   }, {
-    key: CtrlCmd | Shift$1 | KeyR$1,
+    key: CtrlCmd | Shift | KeyR,
     command: 'QuickPick.showRecent'
   }, {
-    key: CtrlCmd | Digit0$1,
+    key: CtrlCmd | Digit0,
     command: 'SideBar.focus'
   }, {
-    key: Shift$1 | UpArrow$1,
+    key: Shift | UpArrow,
     command: 'Editor.selectUp'
   }, {
-    key: Shift$1 | DownArrow$1,
+    key: Shift | DownArrow,
     command: 'Editor.selectDown'
   }, {
-    key: CtrlCmd | Equal$1,
+    key: CtrlCmd | Equal,
     command: 'Window.zoomIn'
   }, {
-    key: CtrlCmd | Plus$1,
+    key: CtrlCmd | Plus,
     command: 'Window.zoomIn'
   }, {
-    key: CtrlCmd | Minus$1,
+    key: CtrlCmd | Minus,
     command: 'Window.zoomOut'
   }, {
-    key: Enter$2,
+    key: Enter$1,
     command: 'SimpleBrowser.go',
     when: FocusSimpleBrowserInput
   }, {
-    key: CtrlCmd | KeyR$1,
+    key: CtrlCmd | KeyR,
     command: 'Reload.reload'
   }, {
-    key: CtrlCmd | Backslash$1,
+    key: CtrlCmd | Backslash,
     command: 'Run And Debug.togglePause'
   }, {
-    key: Enter$2,
+    key: Enter$1,
     command: 'Run And Debug.handleEvaluate',
     when: FocusDebugInput
   }];
@@ -21902,7 +21177,7 @@ const handleTabContextMenu = async (state, eventX, eventY) => {
     return state;
   }
   group.focusedIndex = index;
-  await show$a(eventX, eventY, Tab$3);
+  await show$a(eventX, eventY, Tab$2);
   return {
     ...state
   };
@@ -22097,22 +21372,22 @@ const Variables$5 = ['MainBackground'];
 
 const getKeyBindings$6 = () => {
   return [{
-    key: CtrlCmd | KeyW$1,
+    key: CtrlCmd | KeyW,
     command: 'Main.closeActiveEditor'
   }, {
     key: CtrlCmd | Tab$1,
     command: 'Main.focusNext'
   }, {
-    key: CtrlCmd | Shift$1 | Tab$1,
+    key: CtrlCmd | Shift | Tab$1,
     command: 'Main.focusPrevious'
   }, {
-    key: CtrlCmd | Digit1$1,
+    key: CtrlCmd | Digit1,
     command: 'Main.focus'
   }, {
-    key: CtrlCmd | KeyS$1,
+    key: CtrlCmd | KeyS,
     command: 'Main.save'
   }, {
-    key: CtrlCmd | Backslash$1,
+    key: CtrlCmd | Backslash,
     command: 'Main.splitRight'
   }];
 };
@@ -22180,7 +21455,7 @@ const getTabDom = tab => {
   const tabElement = {
     type: Div,
     className: tabClassName,
-    role: Tab$2,
+    role: Tab,
     draggable: true,
     width: actualTabWidth,
     ariaSelected: isActive,
@@ -22925,7 +22200,7 @@ const createPanelTab = (tab, badgeCount, isSelected) => {
   }
   const dom = [div({
     className,
-    role: Tab$2,
+    role: Tab,
     ariaSelected: isSelected
   }, 1), text(label)];
   if (badgeCount) {
@@ -23088,47 +22363,47 @@ const Css$f = ["/css/parts/Message.css", "/css/parts/ViewletProblems.css"];
 
 const getKeyBindings$5 = () => {
   return [{
-    key: DownArrow$1,
+    key: DownArrow,
     command: 'Problems.focusNext',
     when: FocusProblems
   }, {
-    key: UpArrow$1,
+    key: UpArrow,
     command: 'Problems.focusPrevious',
     when: FocusProblems
   }, {
-    key: Home$1,
+    key: Home,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: PageUp$1,
+    key: PageUp,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: PageDown$1,
+    key: PageDown,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: End$1,
+    key: End,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: Space$1,
+    key: Space,
     command: 'Problems.selectCurrent',
     when: FocusProblems
   }, {
-    key: Home$1,
+    key: Home,
     command: 'Problems.focusFirst',
     when: FocusProblems
   }, {
-    key: End$1,
+    key: End,
     command: 'Problems.focusLast',
     when: FocusProblems
   }, {
-    key: LeftArrow$1,
+    key: LeftArrow,
     command: 'Problems.handleArrowLeft',
     when: FocusProblems
   }, {
-    key: RightArrow$1,
+    key: RightArrow,
     command: 'Problems.handleArrowRight',
     when: FocusProblems
   }];
@@ -23534,7 +22809,7 @@ const create$e = (id, uri, x, y, width, height, args) => {
     top: 50,
     width: 600,
     ...create$E({
-      itemHeight: ListItem,
+      itemHeight: ListItem$1,
       headerHeight: 30,
       minimumSliderSize: minimumSliderSize
     }),
@@ -23551,7 +22826,7 @@ const loadContent$f = async state => {
   } = state;
   const listItemHeight = 22;
   const renderAllItems = true;
-  await invoke$q('QuickPick.create2', state.uid, uri, listItemHeight, state.x, state.y, state.width, state.height, platform, args, renderAllItems, state$z.workspacePath);
+  await invoke$q('QuickPick.create2', state.uid, uri, listItemHeight, state.x, state.y, state.width, state.height, platform, args, renderAllItems, state$y.workspacePath);
   await invoke$q('QuickPick.loadContent', state.uid);
   const diffResult = await invoke$q('QuickPick.diff2', state.uid);
   const commands = await invoke$q('QuickPick.render2', state.uid, diffResult);
@@ -24142,7 +23417,7 @@ const doCreate = async state => {
   const itemHeight = 22;
   const value = '';
   const replacement = '';
-  await invoke$3('TextSearch.create', state.uid, state.x, state.y, state.width, state.height, state$z.workspacePath, assetDir, itemHeight, value, replacement, platform);
+  await invoke$3('TextSearch.create', state.uid, state.x, state.y, state.width, state.height, state$y.workspacePath, assetDir, itemHeight, value, replacement, platform);
 };
 const loadContent$b = async (state, savedState) => {
   await doCreate(state);
@@ -25233,7 +24508,7 @@ const Css$7 = ["/css/parts/ViewletSimpleBrowser.css"];
 
 const getKeyBindings = () => {
   return [{
-    key: CtrlCmd | Shift$1 | KeyI$1,
+    key: CtrlCmd | Shift | KeyI,
     command: 'Developer.toggleDeveloperTools',
     when: FocusSimpleBrowser
   }];
@@ -25660,7 +24935,7 @@ const loadContent$7 = async state => {
     height,
     minimumSliderSize
   } = state;
-  const root = state$z.workspacePath;
+  const root = state$y.workspacePath;
   const scheme = getProtocol(root);
   const enabledProviderIds = await getEnabledProviderIds(scheme, root);
   const {
@@ -25724,7 +24999,7 @@ const create$6 = (id, uri, x, y, width, height) => {
   };
 };
 const loadContent$6 = async (state, savedState) => {
-  await invoke$f('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$z.workspacePath // TODO use workspace uri
+  await invoke$f('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$y.workspacePath // TODO use workspace uri
   );
   await invoke$f('SourceControl.loadContent', state.uid, savedState);
   const diffResult = await invoke$f('SourceControl.diff2', state.uid);
@@ -25820,7 +25095,7 @@ const hotReload = async state => {
     ...state,
     items: []
   };
-  await invoke$f('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$z.workspacePath // TODO use workspace uri
+  await invoke$f('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$y.workspacePath // TODO use workspace uri
   );
   await invoke$f('SourceControl.loadContent', state.uid, savedState);
   const diffResult = await invoke$f('SourceControl.diff2', state.uid);
@@ -26208,7 +25483,7 @@ const getStatusBarItemVirtualDom = statusBarItem => {
   dom.push({
     type: Div,
     className: StatusBarItem,
-    role: Button$3,
+    role: Button$1,
     tabIndex: -1,
     title: tooltip,
     childCount: 1
@@ -26407,7 +25682,7 @@ const loadContent$3 = async state => {
   } = await getTerminalSpawnOptions();
   const canvasTextId = create$$();
   const canvasCursorId = create$$();
-  await invoke$i('Terminal.create', canvasTextId, canvasCursorId, uid, state$z.workspacePath, command, args);
+  await invoke$i('Terminal.create', canvasTextId, canvasCursorId, uid, state$y.workspacePath, command, args);
   const terminal = {
     handleBlur() {
       return invoke$i('Terminal.handleBlur', uid);
@@ -26728,7 +26003,7 @@ const createTabDom = (tab, isSelected) => {
   const className = getTabClassName(isSelected);
   return [div({
     className,
-    role: ListItem$1
+    role: ListItem
   }, 2), div({
     className: TerminalTabIcon,
     maskImage: icon
@@ -27249,7 +26524,7 @@ const convertMenuItem = menuItem => {
     label
   } = menuItem;
   switch (flags) {
-    case Separator$3:
+    case Separator$2:
       return {
         type: Separator
       };
@@ -28840,7 +28115,7 @@ const getNoResults = () => {
   };
 };
 const getPicks = async searchValue => {
-  const workspace = state$z.workspacePath;
+  const workspace = state$y.workspacePath;
   if (!workspace) {
     return [];
   }
@@ -28852,7 +28127,7 @@ const selectPick = async pick => {
   if (typeof pick === 'object') {
     pick = pick.pick;
   }
-  const workspace = state$z.workspacePath;
+  const workspace = state$y.workspacePath;
   const absolutePath = `${workspace}/${pick}`;
   await execute$4(/* Main.openUri */'Main.openUri', /* uri */absolutePath);
   return {
@@ -28895,7 +28170,7 @@ const getPickFileIcon = pick => {
   });
 };
 const isPrepared = () => {
-  const workspace = state$z.workspacePath;
+  const workspace = state$y.workspacePath;
   // TODO protocol should always be defined. For files it should use file protocol
   const protocol = getProtocol(workspace);
   return !protocol;