@lvce-editor/renderer-process 6.8.0 → 6.10.0

package/dist/rendererProcessMain.js

@@ -1775,6 +1775,119 @@ const handleUnhandledError = (message, filename, lineno, colno, error) => {
   handleError$8(error, Boolean(error), '[renderer-process] Unhandled Error: ');
 };
 
+const Alert = 'alert';
+const Application = 'application';
+const Code = 'code';
+const Complementary = 'complementary';
+const ContentInfo = 'contentinfo';
+const Group = 'group';
+const List$1 = 'list';
+const ListBox = 'listbox';
+const Log = 'log';
+const Main$1 = 'main';
+const Menu = 'menu';
+const None$2 = 'none';
+const Status = 'status';
+const TabList = 'tablist';
+const TextBox = 'textbox';
+const ToolBar = 'toolbar';
+const Tree = 'tree';
+const ComboBox = 'combobox';
+
+const attachEvents$c = ($Node, eventMap) => {
+  for (const [key, value] of Object.entries(eventMap)) {
+    $Node.addEventListener(key, value);
+  }
+};
+
+const Passive = {
+  passive: true
+};
+const Active = {
+  passive: false
+};
+const Capture = {
+  capture: true
+};
+
+const BeforeInput = 'beforeinput';
+const Blur = 'blur';
+const Click = 'click';
+const CompositionEnd = 'compositionend';
+const CompositionStart = 'compositionstart';
+const CompositionUpdate = 'compositionupdate';
+const ContextMenu = 'contextmenu';
+const Cut = 'cut';
+const DoubleClick = 'dblclick';
+const DragEnd = 'dragend';
+const DragLeave = 'dragleave';
+const DragOver = 'dragover';
+const DragStart = 'dragstart';
+const Drop = 'drop';
+const Error$3 = 'error';
+const Focus = 'focus';
+const FocusIn = 'focusin';
+const FocusOut = 'focusout';
+const Input$1 = 'input';
+const KeyDown = 'keydown';
+const KeyUp = 'keyup';
+const LostPointerCapture = 'lostpointercapture';
+const MouseDown = 'mousedown';
+const MouseEnter = 'mouseenter';
+const MouseLeave = 'mouseleave';
+const MouseUp = 'mouseup';
+const Paste = 'paste';
+const PointerDown = 'pointerdown';
+const PointerMove = 'pointermove';
+const PointerUp = 'pointerup';
+const Resize = 'resize';
+const Scroll = 'scroll';
+const TouchEnd = 'touchend';
+const TouchMove = 'touchmove';
+const TouchStart = 'touchstart';
+const Wheel = 'wheel';
+
+const setBounds$6 = ($Element, x, y, width, height) => {
+  $Element.style.top = `${y}px`;
+  $Element.style.left = `${x}px`;
+  $Element.style.width = `${width}px`;
+  $Element.style.height = `${height}px`;
+};
+const setYAndHeight = ($Element, y, height) => {
+  if (!$Element) {
+    return;
+  }
+  $Element.style.translate = typeof y === 'string' ? y : `0 ${y}px`;
+  $Element.style.height = typeof height === 'string' ? height : `${height}px`;
+};
+const setXAndWidth = ($Element, x, width) => {
+  $Element.style.translate = `${x}px 0`;
+  $Element.style.width = `${width}px`;
+};
+const setTop = ($Element, top) => {
+  $Element.style.top = `${top}px`;
+};
+const setWidth = ($Element, width) => {
+  $Element.style.width = `${width}px`;
+};
+const setXAndY = ($Element, x, y) => {
+  $Element.style.left = `${x}px`;
+  $Element.style.top = `${y}px`;
+};
+
+/**
+ *
+ * @param {HTMLElement} $Element
+ * @param {number} x
+ * @param {number} y
+ */
+const setXAndYTransform = ($Element, x, y) => {
+  $Element.style.translate = `${x}px ${y}px`;
+};
+const setHeight = ($Element, height) => {
+  $Element.style.height = `${height}px`;
+};
+
 // src/parts/ComponentUid/ComponentUid.ts
 var uidSymbol = Symbol("uid");
 var setComponentUid = ($Element, uid) => {
@@ -1832,7 +1945,7 @@ var H5 = "h5";
 var H6 = "h6";
 var I = "i";
 var Img = "img";
-var Input$1 = "input";
+var Input = "input";
 var Ins = "ins";
 var Kbd = "kbd";
 var Span = "span";
@@ -1958,7 +2071,7 @@ var getElementTag = type => {
     case Tr2:
       return Tr;
     case Input2:
-      return Input$1;
+      return Input;
     case ColGroup2:
       return ColGroup;
     case Col2:
@@ -2216,44 +2329,482 @@ var render2 = (elements, eventMap = {}) => {
   return $Root;
 };
 
-// src/parts/RememberFocus/RememberFocus.ts
-var queryInputs = $Viewlet => {
-  return [...$Viewlet.querySelectorAll("input, textarea")];
-};
-var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
-  const oldLeft = $Viewlet.style.left;
-  const oldTop = $Viewlet.style.top;
-  const oldWidth = $Viewlet.style.width;
-  const oldHeight = $Viewlet.style.height;
-  const focused = document.activeElement.getAttribute("name");
-  const $$Inputs = queryInputs($Viewlet);
-  const inputMap = /* @__PURE__ */Object.create(null);
-  for (const $Input of $$Inputs) {
-    inputMap[$Input.name] = $Input.value;
-  }
-  if (uid) {
-    const $New = render2(dom, eventMap).firstChild;
-    setComponentUid($New, uid);
-    $Viewlet.replaceWith($New);
-    $Viewlet = $New;
-  } else {
-    renderInto($Viewlet, dom, eventMap);
-  }
-  const $$NewInputs = queryInputs($Viewlet);
-  for (const $Input of $$NewInputs) {
-    $Input.value = inputMap[$Input.name] || $Input.value || "";
-  }
-  if (focused) {
-    const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
-    if ($Focused) {
-      $Focused.focus();
-    }
-  }
-  $Viewlet.style.top = oldTop;
-  $Viewlet.style.left = oldLeft;
-  $Viewlet.style.height = oldHeight;
-  $Viewlet.style.width = oldWidth;
-  return $Viewlet;
+// src/parts/RememberFocus/RememberFocus.ts
+var queryInputs = $Viewlet => {
+  return [...$Viewlet.querySelectorAll("input, textarea")];
+};
+var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
+  const oldLeft = $Viewlet.style.left;
+  const oldTop = $Viewlet.style.top;
+  const oldWidth = $Viewlet.style.width;
+  const oldHeight = $Viewlet.style.height;
+  const focused = document.activeElement.getAttribute("name");
+  const $$Inputs = queryInputs($Viewlet);
+  const inputMap = /* @__PURE__ */Object.create(null);
+  for (const $Input of $$Inputs) {
+    inputMap[$Input.name] = $Input.value;
+  }
+  if (uid) {
+    const $New = render2(dom, eventMap).firstChild;
+    setComponentUid($New, uid);
+    $Viewlet.replaceWith($New);
+    $Viewlet = $New;
+  } else {
+    renderInto($Viewlet, dom, eventMap);
+  }
+  const $$NewInputs = queryInputs($Viewlet);
+  for (const $Input of $$NewInputs) {
+    $Input.value = inputMap[$Input.name] || $Input.value || "";
+  }
+  if (focused) {
+    const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
+    if ($Focused) {
+      $Focused.focus();
+    }
+  }
+  $Viewlet.style.top = oldTop;
+  $Viewlet.style.left = oldLeft;
+  $Viewlet.style.height = oldHeight;
+  $Viewlet.style.width = oldWidth;
+  return $Viewlet;
+};
+
+// TODO this file is not needed when all elements are position fixed
+const state$7 = {
+  isInDom: false,
+  $PreviousFocusElement: undefined,
+  widgetSet: new Set(),
+  $Widgets: undefined
+};
+const create$Widgets = () => {
+  const $Widgets = document.createElement('div');
+  $Widgets.id = 'Widgets';
+  $Widgets.className = 'Widgets';
+  return $Widgets;
+};
+const append$1 = $Element => {
+  // TODO should not call append in the first place if it is already in dom
+  if (state$7.widgetSet.has($Element)) {
+    return;
+  }
+  state$7.widgetSet.add($Element);
+  if (state$7.$Widgets) {
+    // @ts-expect-error
+    state$7.$Widgets.append($Element);
+  } else {
+    // @ts-expect-error
+    state$7.$Widgets = create$Widgets();
+    // @ts-expect-error
+    state$7.$Widgets.append($Element);
+    // @ts-expect-error
+    document.body.append(state$7.$Widgets);
+  }
+};
+const remove$1 = $Element => {
+  if (!$Element) {
+    // TODO $Element should always be defined
+    return;
+  }
+  state$7.widgetSet.delete($Element);
+  $Element.remove();
+  // TODO state.$Widgets should always be defined at this point
+  if (state$7.widgetSet.size === 0 && state$7.$Widgets) {
+    // @ts-expect-error
+    state$7.$Widgets.remove();
+    state$7.$Widgets = undefined;
+  }
+};
+
+const set$4 = setComponentUid;
+const get$5 = getComponentUid;
+const fromEvent = getComponentUidFromEvent;
+
+const startTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+  $Target.setPointerCapture(pointerId);
+  $Target.addEventListener(PointerMove, handlePointerMove);
+  // TODO use pointerlost event instead
+  $Target.addEventListener(PointerUp, handlePointerUp);
+};
+const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+  $Target.releasePointerCapture(pointerId);
+  $Target.removeEventListener(PointerMove, handlePointerMove);
+  // TODO use pointerlost event instead
+  $Target.removeEventListener(PointerUp, handlePointerUp);
+};
+
+const executeViewletCommand = (uid, command, ...args) => {
+  number(uid);
+  send('Viewlet.executeViewletCommand', uid, command, ...args);
+};
+
+const nameAnonymousFunction = (fn, name) => {
+  Object.defineProperty(fn, 'name', {
+    value: name
+  });
+};
+
+const forwardViewletCommand = name => {
+  const fn = (uid, ...args) => {
+    executeViewletCommand(uid, name, ...args);
+  };
+  nameAnonymousFunction(fn, name);
+  return fn;
+};
+
+forwardViewletCommand('clearFilter');
+const close$1 = forwardViewletCommand('close');
+forwardViewletCommand('closeEditor');
+const closeMenu$1 = forwardViewletCommand('closeMenu');
+forwardViewletCommand('compositionEnd');
+forwardViewletCommand('compositionStart');
+forwardViewletCommand('compositionUpdate');
+forwardViewletCommand('cut');
+forwardViewletCommand('focus');
+forwardViewletCommand('focusIndex');
+const focusNext = forwardViewletCommand('focusNext');
+const focusPrevious$1 = forwardViewletCommand('focusPrevious');
+const handleAudioError$1 = forwardViewletCommand('handleAudioError');
+const handleBeforeInput$2 = forwardViewletCommand('handleBeforeInput');
+forwardViewletCommand('handleBeforeInputFromContentEditable');
+const handleBlur$a = forwardViewletCommand('handleBlur');
+const handleButtonClick = forwardViewletCommand('handleButtonClick');
+const handleClick$9 = forwardViewletCommand('handleClick');
+const handleClickAction$2 = forwardViewletCommand('handleClickAction');
+forwardViewletCommand('handleClickAdd');
+const handleClickAt$2 = forwardViewletCommand('handleClickAt');
+const handleClickOpenFolder$1 = forwardViewletCommand('handleClickOpenFolder');
+forwardViewletCommand('handleClickClose');
+forwardViewletCommand('handleClickCopy');
+forwardViewletCommand('handleClickMinimize');
+forwardViewletCommand('handleClickOk');
+forwardViewletCommand('handleClickOpenFile');
+forwardViewletCommand('handleClickRestore');
+const handleClickTab$2 = forwardViewletCommand('handleClickTab');
+forwardViewletCommand('handleClickToggleMaximize');
+const handleContextMenu$c = forwardViewletCommand('handleContextMenu');
+const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
+const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
+const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
+const handleDragOver$1 = forwardViewletCommand('handleDragOver');
+forwardViewletCommand('handleDrop');
+const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
+const handleDropFiles = forwardViewletCommand('handleDrop');
+forwardViewletCommand('handleFilterInput');
+const handleFocus$c = forwardViewletCommand('handleFocus');
+const handleFocusIn$3 = forwardViewletCommand('handleFocusIn');
+const handleIconError$1 = forwardViewletCommand('handleIconError');
+const handleImageError$1 = forwardViewletCommand('handleImageError');
+const handleInput$8 = forwardViewletCommand('handleInput');
+const handleKeyDown$5 = forwardViewletCommand('handleKeyDown');
+forwardViewletCommand('handleListBlur');
+forwardViewletCommand('handleListFocus');
+const handleMenuClick$1 = forwardViewletCommand('handleMenuClick');
+const handleMenuMouseOver$1 = forwardViewletCommand('handleMenuMouseOver');
+const handleMouseDown$4 = forwardViewletCommand('handleMouseDown');
+forwardViewletCommand('handleMouseMove');
+const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
+const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
+forwardViewletCommand('handlePointerCaptureLost');
+const handlePointerDown$7 = forwardViewletCommand('handlePointerDown');
+const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
+forwardViewletCommand('handlePointerOver');
+const handlePointerUp$1 = forwardViewletCommand('handlePointerUp');
+const handleReadmeContextMenu$1 = forwardViewletCommand('handleReadmeContextMenu');
+forwardViewletCommand('handleReplaceInput');
+const handleResizerClick = forwardViewletCommand('handleResizerClick');
+const handleResizerMove = forwardViewletCommand('handleResizerMove');
+const handleScrollBarCaptureLost = forwardViewletCommand('handleScrollBarCaptureLost');
+const handleScrollBarClick = forwardViewletCommand('handleScrollBarClick');
+forwardViewletCommand('handleScrollBarHorizontalMove');
+forwardViewletCommand('handleScrollBarHorizontalPointerDown');
+const handleScrollBarMove = forwardViewletCommand('handleScrollBarMove');
+const handleScrollBarThumbPointerMove$3 = forwardViewletCommand('handleScrollBarThumbPointerMove');
+forwardViewletCommand('handleScrollBarMove');
+forwardViewletCommand('handleScrollBarVerticalPointerDown');
+forwardViewletCommand('handleSliderPointerDown');
+forwardViewletCommand('handleSliderPointerMove');
+const handleTabClick = forwardViewletCommand('handleTabClick');
+const handleTabContextMenu = forwardViewletCommand('handleTabContextMenu');
+forwardViewletCommand('handleTabsPointerOut');
+forwardViewletCommand('handleTabsPointerOver');
+const handleTabsWheel$1 = forwardViewletCommand('handleTabsWheel');
+const handleTouchEnd$1 = forwardViewletCommand('handleTouchEnd');
+const handleTouchMove$1 = forwardViewletCommand('handleTouchMove');
+const handleTouchStart$1 = forwardViewletCommand('handleTouchStart');
+const handleWheel$4 = forwardViewletCommand('handleWheel');
+const hidePanel = forwardViewletCommand('hidePanel');
+forwardViewletCommand('moveRectangleSelectionPx');
+forwardViewletCommand('moveSelectionPx');
+forwardViewletCommand('paste');
+forwardViewletCommand('replaceAll');
+const selectIndex = forwardViewletCommand('selectIndex');
+forwardViewletCommand('setDelta');
+forwardViewletCommand('toggleMatchCase');
+forwardViewletCommand('toggleMatchWholeWord');
+const toggleMaximize = forwardViewletCommand('toggleMaximize');
+const toggleReplace = forwardViewletCommand('toggleReplace');
+forwardViewletCommand('toggleUseRegularExpression');
+forwardViewletCommand('type');
+forwardViewletCommand('typeWithAutoClosing');
+const updateEditingValue = forwardViewletCommand('updateEditingValue');
+
+const handleWheel$3 = event => {
+  const {
+    deltaMode,
+    deltaY
+  } = event;
+  const uid = fromEvent(event);
+  handleWheel$4(uid, deltaMode, deltaY);
+};
+
+const handleMousedown = event => {
+  preventDefault(event);
+  const {
+    clientX,
+    clientY
+  } = event;
+  const uid = fromEvent(event);
+  handleClickAt$2(uid, clientX, clientY);
+};
+const handleScrollBarThumbPointerMove$2 = event => {
+  const {
+    clientY
+  } = event;
+  const uid = fromEvent(event);
+  handleScrollBarThumbPointerMove$3(uid, clientY);
+};
+const handlePointerCaptureLost$2 = event => {
+  const {
+    target,
+    pointerId
+  } = event;
+  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
+};
+const handleScrollBarPointerDown$4 = event => {
+  preventDefault(event);
+  const {
+    target,
+    pointerId,
+    clientY
+  } = event;
+  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
+  const uid = fromEvent(event);
+  handleScrollBarClick(uid, clientY);
+};
+
+const setScrollBar$2 = (state, scrollBarY, scrollBarHeight, scrollBarThumbClass) => {
+  const {
+    $ScrollBarThumb
+  } = state;
+  if (scrollBarThumbClass) {
+    $ScrollBarThumb.className = scrollBarThumbClass;
+  }
+  setYAndHeight($ScrollBarThumb, scrollBarY, scrollBarHeight);
+};
+
+const Small$1 = 1;
+const Normal$1 = 2;
+const Large$1 = 3;
+
+const None$1 = '';
+const Small = 'Small';
+const Normal = 'Normal';
+const Large = 'Large';
+
+const getClassName = size => {
+  switch (size) {
+    case Small$1:
+      return Small;
+    case Normal$1:
+      return Normal;
+    case Large$1:
+      return Large;
+    default:
+      return None$1;
+  }
+};
+
+const setSize = (state, oldSize, newSize) => {
+  const {
+    $Viewlet
+  } = state;
+  const oldClassName = getClassName(oldSize);
+  if (oldClassName) {
+    $Viewlet.classList.remove(oldClassName);
+  }
+  const newClassName = getClassName(newSize);
+  $Viewlet.classList.add(newClassName);
+};
+
+const setContentHeight = (state, height) => {
+  const {
+    $ListItems
+  } = state;
+  setHeight($ListItems, height);
+};
+const setNegativeMargin = (state, negativeMargin) => {
+  const {
+    $ListItems
+  } = state;
+  setTop($ListItems, negativeMargin);
+};
+
+const create$J = () => {
+  const $ListItems = document.createElement('div');
+  $ListItems.className = 'ListItems';
+  $ListItems.role = ListBox;
+  $ListItems.ariaLabel = 'Suggest';
+  const $ScrollBarThumb = document.createElement('div');
+  $ScrollBarThumb.className = 'ScrollBarThumb';
+  const $ScrollBar = document.createElement('div');
+  $ScrollBar.className = 'ScrollBarSmall';
+  $ScrollBar.append($ScrollBarThumb);
+
+  // TODO only create scrollbar when necessary
+  // TODO recycle nodes
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet EditorCompletion';
+  $Viewlet.id = 'Completions';
+  $Viewlet.append($ListItems, $ScrollBar);
+  return {
+    $Viewlet,
+    $ListItems,
+    $ScrollBar,
+    $ScrollBarThumb
+  };
+};
+const attachEvents$b = state => {
+  const {
+    $Viewlet,
+    $ListItems,
+    $ScrollBar
+  } = state;
+  $Viewlet.addEventListener(Wheel, handleWheel$3, Passive);
+  attachEvents$c($ListItems, {
+    [MouseDown]: handleMousedown
+  });
+  attachEvents$c($ScrollBar, {
+    [PointerDown]: handleScrollBarPointerDown$4
+  });
+};
+// TODO show should be passed active cursor position
+// this would make this function easier to test as it would avoid dependency on globals of other files
+
+const setDom$a = (state, dom) => {
+  const {
+    $ListItems,
+    $Viewlet
+  } = state;
+  const $Root = render2(dom);
+  // @ts-expect-error
+  $ListItems.replaceChildren(...$Root.firstChild.childNodes);
+  append$1($Viewlet);
+  // TODO recycle nodes
+  // TODO set right aria attributes on $EditorInput
+};
+const dispose$i = state => {
+  remove$1(state.$Viewlet);
+  // state.$EditorInput.removeAttribute('aria-activedescendant')
+};
+const showLoading = (state, x, y) => {
+  const {
+    $Viewlet
+  } = state;
+  setXAndYTransform($Viewlet, x, y);
+  const $Loading = document.createElement('div');
+  $Loading.textContent = 'Loading';
+  $Viewlet.append($Loading);
+  append$1($Viewlet);
+};
+const handleError$7 = (state, error) => {
+  const {
+    $Viewlet
+  } = state;
+  $Viewlet.textContent = `${error}`;
+};
+const setBounds$5 = (state, x, y, width, height) => {
+  const {
+    $Viewlet
+  } = state;
+  setBounds$6($Viewlet, x, y, width, height);
+};
+
+const ViewletEditorCompletion = {
+  __proto__: null,
+  attachEvents: attachEvents$b,
+  create: create$J,
+  dispose: dispose$i,
+  handleError: handleError$7,
+  setBounds: setBounds$5,
+  setContentHeight,
+  setDom: setDom$a,
+  setNegativeMargin,
+  setScrollBar: setScrollBar$2,
+  setSize,
+  showLoading
+};
+
+const ActivityBar = 'ActivityBar';
+const Audio$1 = 'Audio';
+const BrowserViewOverview = 'BrowserViewOverview';
+const Clock = 'Clock';
+const ColorPicker = 'ColorPicker';
+const DebugConsole = 'Debug Console';
+const DefineKeyBinding = 'DefineKeyBinding';
+const Dialog = 'Dialog';
+const DiffEditor = 'DiffEditor';
+const EditorCompletion = 'EditorCompletion';
+const EmptyEditor = 'EmptyEditor';
+const EditorError = 'EditorError';
+const EditorHover = 'EditorHover';
+const EditorImage = 'EditorImage';
+const EditorPlainText = 'EditorPlainText';
+const EditorText = 'Editor';
+const EditorWidgetError = 'EditorWidgetError';
+const Empty = 'Empty';
+const Error$2 = 'Error';
+const Explorer = 'Explorer';
+const ExtensionDetail = 'ExtensionDetail';
+const Extensions = 'Extensions';
+const FindWidget = 'FindWidget';
+const ImagePreview$1 = 'ImagePreview';
+const InlineDiffEditor = 'InlineDiffEditor';
+const Implementations = 'Implementations';
+const KeyBindings = 'KeyBindings';
+const Layout = 'Layout';
+const Main = 'Main';
+const MainTabs = 'MainTabs';
+const Output = 'Output';
+const Panel = 'Panel';
+const Problems = 'Problems';
+const QuickPick = 'QuickPick';
+const References = 'References';
+const RunAndDebug = 'Run And Debug';
+const ScreenCapture = 'ScreenCapture';
+const Search = 'Search';
+const SideBar$1 = 'SideBar';
+const SimpleBrowser = 'SimpleBrowser';
+const SourceControl = 'Source Control';
+const StatusBar$1 = 'StatusBar';
+const Storage = 'Storage';
+const Terminal = 'Terminal';
+const Terminals = 'Terminals';
+const TitleBar = 'TitleBar';
+const TitleBarButtons = 'TitleBarButtons';
+const TitleBarIcon = 'TitleBarIcon';
+const TitleBarMenuBar = 'TitleBarMenuBar';
+const Video = 'Video';
+const TitleBarTitle = 'TitleBarTitle';
+const About = 'About';
+const EditorSourceActions = 'EditorSourceActions';
+const E2eTests = 'E2eTests';
+const E2eTest = 'E2eTest';
+
+const state$6 = {
+  instances: Object.create(null),
+  currentSideBarView: undefined,
+  currentPanelView: undefined,
+  modules: Object.create(null)
 };
 
 const handleWindowMessage = event => {
@@ -2262,6 +2813,7 @@ const handleWindowMessage = event => {
   });
 };
 const main = async () => {
+  state$6.modules[EditorCompletion] = ViewletEditorCompletion;
   if (location.pathname.includes('/test')) {
     window.addEventListener('message', handleWindowMessage);
   }
@@ -2346,24 +2898,24 @@ const ConfirmPrompt_ipc = {
   name: name$w
 };
 
-const state$7 = {
+const state$5 = {
   styleSheets: Object.create(null)
 };
-const set$4 = (id, sheet) => {
-  state$7.styleSheets[id] = sheet;
+const set$3 = (id, sheet) => {
+  state$5.styleSheets[id] = sheet;
 };
-const get$5 = id => {
-  return state$7.styleSheets[id];
+const get$4 = id => {
+  return state$5.styleSheets[id];
 };
 
 const addCssStyleSheet = async (id, text) => {
-  const existing = get$5(id);
+  const existing = get$4(id);
   if (existing) {
     await existing.replace(text);
     return;
   }
   const sheet = new CSSStyleSheet({});
-  set$4(id, sheet);
+  set$3(id, sheet);
   await sheet.replace(text);
   document.adoptedStyleSheets.push(sheet);
 };
@@ -2427,48 +2979,29 @@ const Download_ipc = {
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
 
-const state$6 = {
+const state$4 = {
   $AriaAlert1: undefined,
   $AriaAlert2: undefined,
   $AriaMessages: undefined
 };
 const getAriaAlert1 = () => {
-  return state$6.$AriaAlert1;
+  return state$4.$AriaAlert1;
 };
 const getAriaAlert2 = () => {
-  return state$6.$AriaAlert2;
+  return state$4.$AriaAlert2;
 };
 const setElements = ($AriaMessages, $AriaAlert1, $AriaAlert2) => {
-  state$6.$AriaMessages = $AriaMessages;
-  state$6.$AriaAlert1 = $AriaAlert1;
-  state$6.$AriaAlert2 = $AriaAlert2;
+  state$4.$AriaMessages = $AriaMessages;
+  state$4.$AriaAlert1 = $AriaAlert1;
+  state$4.$AriaAlert2 = $AriaAlert2;
 };
 const hasElements = () => {
-  return state$6.$AriaMessages;
+  return state$4.$AriaMessages;
 };
 
 const True = 'true';
 const False = 'false';
 
-const Alert = 'alert';
-const Application = 'application';
-const Code = 'code';
-const Complementary = 'complementary';
-const ContentInfo = 'contentinfo';
-const Group = 'group';
-const List$1 = 'list';
-const ListBox = 'listbox';
-const Log = 'log';
-const Main$1 = 'main';
-const Menu = 'menu';
-const None$2 = 'none';
-const Status = 'status';
-const TabList = 'tablist';
-const TextBox = 'textbox';
-const ToolBar = 'toolbar';
-const Tree = 'tree';
-const ComboBox = 'combobox';
-
 const AriaOwns = 'aria-owns';
 const AriaLabelledBy = 'aria-labelledby';
 const AriaDescribedBy = 'aria-describedby';
@@ -2520,52 +3053,6 @@ const AriaAlert = {
   alert: alert$1
 };
 
-// TODO this file is not needed when all elements are position fixed
-const state$5 = {
-  isInDom: false,
-  $PreviousFocusElement: undefined,
-  widgetSet: new Set(),
-  $Widgets: undefined
-};
-const create$Widgets = () => {
-  const $Widgets = document.createElement('div');
-  $Widgets.id = 'Widgets';
-  $Widgets.className = 'Widgets';
-  return $Widgets;
-};
-const append$1 = $Element => {
-  // TODO should not call append in the first place if it is already in dom
-  if (state$5.widgetSet.has($Element)) {
-    return;
-  }
-  state$5.widgetSet.add($Element);
-  if (state$5.$Widgets) {
-    // @ts-expect-error
-    state$5.$Widgets.append($Element);
-  } else {
-    // @ts-expect-error
-    state$5.$Widgets = create$Widgets();
-    // @ts-expect-error
-    state$5.$Widgets.append($Element);
-    // @ts-expect-error
-    document.body.append(state$5.$Widgets);
-  }
-};
-const remove$1 = $Element => {
-  if (!$Element) {
-    // TODO $Element should always be defined
-    return;
-  }
-  state$5.widgetSet.delete($Element);
-  $Element.remove();
-  // TODO state.$Widgets should always be defined at this point
-  if (state$5.widgetSet.size === 0 && state$5.$Widgets) {
-    // @ts-expect-error
-    state$5.$Widgets.remove();
-    state$5.$Widgets = undefined;
-  }
-};
-
 // TODO not sure whether created dom node
 // should stay in state or be removed
 // one option would result in less memory usage
@@ -2576,7 +3063,7 @@ const remove$1 = $Element => {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$J = (message, x, y) => {
+const create$I = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -2591,7 +3078,7 @@ const create$J = (message, x, y) => {
 
 const name$s = 'EditorError';
 const Commands$t = {
-  create: create$J
+  create: create$I
 };
 
 const EditorError_ipc = {
@@ -2600,7 +3087,7 @@ const EditorError_ipc = {
   name: name$s
 };
 
-const state$4 = {
+const state$3 = {
   /**
    * @type {HTMLElement|undefined}
    */
@@ -2608,10 +3095,10 @@ const state$4 = {
   currentFocus: ''
 };
 const setElement = $Element => {
-  state$4.$PreviousFocusElement = $Element;
+  state$3.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$4.$PreviousFocusElement;
+  return state$3.$PreviousFocusElement;
 };
 
 const focus$i = $Element => {
@@ -2623,7 +3110,7 @@ const focus$i = $Element => {
     preventScroll: true
   });
 };
-const focusPrevious$1 = () => {
+const focusPrevious = () => {
   const $Element = getElement();
   if ($Element) {
     // @ts-expect-error
@@ -2631,7 +3118,7 @@ const focusPrevious$1 = () => {
   }
 };
 
-const create$I = () => {
+const create$H = () => {
   const $InputBox = document.createElement('input');
   $InputBox.className = 'InputBox';
   $InputBox.spellcheck = false;
@@ -2642,47 +3129,6 @@ const create$I = () => {
   return $InputBox;
 };
 
-const setBounds$6 = ($Element, x, y, width, height) => {
-  $Element.style.top = `${y}px`;
-  $Element.style.left = `${x}px`;
-  $Element.style.width = `${width}px`;
-  $Element.style.height = `${height}px`;
-};
-const setYAndHeight = ($Element, y, height) => {
-  if (!$Element) {
-    return;
-  }
-  $Element.style.translate = typeof y === 'string' ? y : `0 ${y}px`;
-  $Element.style.height = typeof height === 'string' ? height : `${height}px`;
-};
-const setXAndWidth = ($Element, x, width) => {
-  $Element.style.translate = `${x}px 0`;
-  $Element.style.width = `${width}px`;
-};
-const setTop = ($Element, top) => {
-  $Element.style.top = `${top}px`;
-};
-const setWidth = ($Element, width) => {
-  $Element.style.width = `${width}px`;
-};
-const setXAndY = ($Element, x, y) => {
-  $Element.style.left = `${x}px`;
-  $Element.style.top = `${y}px`;
-};
-
-/**
- *
- * @param {HTMLElement} $Element
- * @param {number} x
- * @param {number} y
- */
-const setXAndYTransform = ($Element, x, y) => {
-  $Element.style.translate = `${x}px ${y}px`;
-};
-const setHeight = ($Element, height) => {
-  $Element.style.height = `${height}px`;
-};
-
 const FocusDebugInput = 6;
 const FocusEditorRename = 11;
 const FocusExplorerEditBox = 14;
@@ -2693,13 +3139,13 @@ const FocusSearchInput = 21;
 const FocusSimpleBrowserInput = 23;
 const FocusOutput = 28;
 
-const handleBlur$a = () => {
+const handleBlur$9 = () => {
   send( /* EditorRename.abort */'EditorRename.abort');
 };
-const create$H = (x, y) => {
-  const $RenameWidgetInputBox = create$I();
+const create$G = (x, y) => {
+  const $RenameWidgetInputBox = create$H();
   $RenameWidgetInputBox.className = 'RenameWidgetInputBox';
-  $RenameWidgetInputBox.onblur = handleBlur$a;
+  $RenameWidgetInputBox.onblur = handleBlur$9;
   const $RenameWidget = document.createElement('div');
   $RenameWidget.className = 'RenameWidget';
   $RenameWidget.append($RenameWidgetInputBox);
@@ -2712,7 +3158,7 @@ const create$H = (x, y) => {
     $RenameWidgetInputBox
   };
 };
-const dispose$i = state => {
+const dispose$h = state => {
   // TODO focus editor
   remove$1(state.$RenameWidget);
 };
@@ -2728,8 +3174,8 @@ const finish = state => {
 
 const name$r = 'EditorRename';
 const Commands$s = {
-  create: create$H,
-  dispose: dispose$i,
+  create: create$G,
+  dispose: dispose$h,
   finish: finish
 };
 
@@ -2787,7 +3233,7 @@ const handleImageLoad = event => {
   const height = $ImagePreviewImage.naturalHeight;
   $ImagePreviewCaption.textContent = `${width} × ${height}`;
 };
-const handleImageError$1 = event => {
+const handleImageError = event => {
   const $ImagePreviewImage = event.target;
   const $ImagePreviewCaption = $ImagePreviewImage.nextSibling;
   $ImagePreviewCaption.textContent = 'Image could not be loaded';
@@ -2814,7 +3260,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$G = (uri, top, left) => {
+const create$F = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -2825,7 +3271,7 @@ const create$G = (uri, top, left) => {
   $ImagePreview.className = 'ImagePreview';
   $ImagePreview.append($ImagePreviewImage, $ImagePreviewCaption);
   $ImagePreviewImage.onload = handleImageLoad;
-  $ImagePreviewImage.onerror = handleImageError$1;
+  $ImagePreviewImage.onerror = handleImageError;
   $ImagePreview.style.top = `${top}px`;
   $ImagePreview.style.left = `${left}px`;
   $ImagePreview.style.display = 'none';
@@ -2839,22 +3285,22 @@ const create$G = (uri, top, left) => {
 const update = (state, uri) => {
   state.$ImagePreviewImage.uri = uri;
 };
-const dispose$h = state => {
+const dispose$g = state => {
   remove$1(state.$ImagePreview);
 };
 
-const ImagePreview$1 = {
+const ImagePreview = {
   __proto__: null,
-  create: create$G,
-  dispose: dispose$h,
+  create: create$F,
+  dispose: dispose$g,
   showError,
   update
 };
 
 const name$o = 'ImagePreview';
 const Commands$p = {
-  create: create$G,
-  dispose: dispose$h,
+  create: create$F,
+  dispose: dispose$g,
   showError: showError,
   update: update
 };
@@ -3051,7 +3497,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$F = (type, message) => {
+const create$E = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -3096,7 +3542,7 @@ const createWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
   append$1($Notification);
 };
-const dispose$g = id => {
+const dispose$f = id => {
   // const $Notification = state.$Notifications
 };
 
@@ -3104,9 +3550,9 @@ const name$g = 'Notification';
 
 // prettier-ignore
 const Commands$h = {
-  create: create$F,
+  create: create$E,
   createWithOptions: createWithOptions,
-  dispose: dispose$g
+  dispose: dispose$f
 };
 
 const Notification_ipc = {
@@ -3115,23 +3561,23 @@ const Notification_ipc = {
   name: name$g
 };
 
-const state$3 = {
+const state$2 = {
   canvasObjects: Object.create(null)
 };
-const get$4 = id => {
-  return state$3.canvasObjects[id];
+const get$3 = id => {
+  return state$2.canvasObjects[id];
 };
-const set$3 = (canvasId, canvas) => {
-  state$3.canvasObjects[canvasId] = canvas;
+const set$2 = (canvasId, canvas) => {
+  state$2.canvasObjects[canvasId] = canvas;
 };
 
-const get$3 = id => {
-  return get$4(id);
+const get$2 = id => {
+  return get$3(id);
 };
-const create$E = (canvasId, callbackId) => {
+const create$D = (canvasId, callbackId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
-  set$3(canvasId, canvas);
+  set$2(canvasId, canvas);
   sendAndTransfer({
     jsonrpc: '2.0',
     id: callbackId,
@@ -3142,78 +3588,41 @@ const create$E = (canvasId, callbackId) => {
 const name$f = 'OffscreenCanvas';
 
 // prettier-ignore
-const Commands$g = {
-  create: create$E
-};
-
-const OffscreenCanvas_ipc = {
-  __proto__: null,
-  Commands: Commands$g,
-  name: name$f
-};
-
-// TODO this module should be called dom or dom utils
-
-// TODO this module makes for weird code splitting chunks,
-// maybe duplicate the code per file for better chunks
-
-const findIndex = ($Container, $Target) => {
-  while ($Target && $Target.parentNode !== $Container) {
-    $Target = $Target.parentNode;
-  }
-  if (!$Target) {
-    return -1;
-  }
-  for (let i = 0; i < $Container.children.length; i++) {
-    if ($Container.children[i] === $Target) {
-      return i;
-    }
-  }
-  return -1;
-};
-
-const create$BackDrop = () => {
-  const $BackDrop = document.createElement('div');
-  $BackDrop.className = 'BackDrop';
-  return $BackDrop;
-};
-
-const BeforeInput = 'beforeinput';
-const Blur = 'blur';
-const Click = 'click';
-const CompositionEnd = 'compositionend';
-const CompositionStart = 'compositionstart';
-const CompositionUpdate = 'compositionupdate';
-const ContextMenu = 'contextmenu';
-const Cut = 'cut';
-const DoubleClick = 'dblclick';
-const DragEnd = 'dragend';
-const DragLeave = 'dragleave';
-const DragOver = 'dragover';
-const DragStart = 'dragstart';
-const Drop = 'drop';
-const Error$3 = 'error';
-const Focus = 'focus';
-const FocusIn = 'focusin';
-const FocusOut = 'focusout';
-const Input = 'input';
-const KeyDown = 'keydown';
-const KeyUp = 'keyup';
-const LostPointerCapture = 'lostpointercapture';
-const MouseDown = 'mousedown';
-const MouseEnter = 'mouseenter';
-const MouseLeave = 'mouseleave';
-const MouseUp = 'mouseup';
-const Paste = 'paste';
-const PointerDown = 'pointerdown';
-const PointerMove = 'pointermove';
-const PointerUp = 'pointerup';
-const Resize = 'resize';
-const Scroll = 'scroll';
-const TouchEnd = 'touchend';
-const TouchMove = 'touchmove';
-const TouchStart = 'touchstart';
-const Wheel = 'wheel';
+const Commands$g = {
+  create: create$D
+};
+
+const OffscreenCanvas_ipc = {
+  __proto__: null,
+  Commands: Commands$g,
+  name: name$f
+};
+
+// TODO this module should be called dom or dom utils
+
+// TODO this module makes for weird code splitting chunks,
+// maybe duplicate the code per file for better chunks
+
+const findIndex = ($Container, $Target) => {
+  while ($Target && $Target.parentNode !== $Container) {
+    $Target = $Target.parentNode;
+  }
+  if (!$Target) {
+    return -1;
+  }
+  for (let i = 0; i < $Container.children.length; i++) {
+    if ($Container.children[i] === $Target) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+const create$BackDrop = () => {
+  const $BackDrop = document.createElement('div');
+  $BackDrop.className = 'BackDrop';
+  return $BackDrop;
+};
 
 // TODO when pressing tab -> focus next element in tab order and close menu
 
@@ -3242,7 +3651,7 @@ const Wheel = 'wheel';
 
 // TODO keyboard handling
 
-const state$2 = {
+const state$1 = {
   handleKeyDown(event) {},
   handleFocusOut(event) {},
   $$Menus: [],
@@ -3253,9 +3662,9 @@ const state$2 = {
 };
 const getLevel = $Menu => {
   // @ts-expect-error
-  return state$2.$$Menus.indexOf($Menu);
+  return state$1.$$Menus.indexOf($Menu);
 };
-const handleMouseDown$4 = event => {
+const handleMouseDown$3 = event => {
   const $Target = event.target;
   const $Menu = $Target.closest('.Menu');
   const index = findIndex($Menu, $Target);
@@ -3318,11 +3727,11 @@ const handleMouseLeave$1 = event => {
 };
 
 // const handleBlur = (event) => {}
-const handleKeyDown$5 = event => {
-  state$2.handleKeyDown(event);
+const handleKeyDown$4 = event => {
+  state$1.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
-  state$2.handleFocusOut(event);
+  state$1.handleFocusOut(event);
 };
 const create$Menu$1 = () => {
   // TODO set aria label on menu (e.g. File, Edit, Selection)
@@ -3332,7 +3741,7 @@ const create$Menu$1 = () => {
   $Menu.tabIndex = -1;
   // $ContextMenu.onmousedown = contextMenuHandleMouseDown
   // TODO mousedown vs click? (click is usually better but mousedown is faster, why wait 100ms?)
-  $Menu.addEventListener(MouseDown, handleMouseDown$4);
+  $Menu.addEventListener(MouseDown, handleMouseDown$3);
   $Menu.addEventListener(MouseEnter, handleMouseEnter$1, {
     capture: true
   });
@@ -3342,15 +3751,15 @@ const create$Menu$1 = () => {
   // $Menu.addEventListener('mousemove', handleMouseMove, {
   //   passive: true,
   // })
-  $Menu.onkeydown = handleKeyDown$5;
+  $Menu.onkeydown = handleKeyDown$4;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$c;
+  $Menu.oncontextmenu = handleContextMenu$b;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
 };
 const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-  const $Menu = state$2.$$Menus[level];
+  const $Menu = state$1.$$Menus[level];
   if (oldFocusedIndex !== -1) {
     // @ts-expect-error
     $Menu.children[oldFocusedIndex].classList.remove('MenuItemFocused');
@@ -3373,16 +3782,16 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send( /* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$c = event => {
+const handleContextMenu$b = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mouseBlocking = false) => {
   if (mouseBlocking) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
-    $BackDrop.oncontextmenu = handleContextMenu$c;
+    $BackDrop.oncontextmenu = handleContextMenu$b;
     // @ts-expect-error
-    state$2.$BackDrop = $BackDrop;
+    state$1.$BackDrop = $BackDrop;
     append$1($BackDrop);
   }
   const $Menu = create$Menu$1();
@@ -3390,7 +3799,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   setXAndY($Menu, x, y);
   $Menu.id = `Menu-${level}`;
   if (parentIndex !== -1) {
-    const $ParentMenu = state$2.$$Menus[level - 1];
+    const $ParentMenu = state$1.$$Menus[level - 1];
     // @ts-expect-error
     const $ParentMenuItem = $ParentMenu.children[parentIndex];
     $ParentMenuItem.ariaExpanded = True;
@@ -3398,7 +3807,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   }
 
   // @ts-expect-error
-  state$2.$$Menus.push($Menu);
+  state$1.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
     focus$i($Menu);
@@ -3406,7 +3815,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   }
 };
 const hideSubMenu = level => {
-  const $$ChildMenus = state$2.$$Menus.slice(level);
+  const $$ChildMenus = state$1.$$Menus.slice(level);
   for (const $ChildMenu of $$ChildMenus) {
     remove$1($ChildMenu);
   }
@@ -3451,9 +3860,9 @@ const showControlled = ({
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
   // it should be the other way around
   // @ts-expect-error
-  state$2.$Parent = $Parent;
-  state$2.handleFocusOut = handleFocusOut;
-  state$2.handleKeyDown = handleKeyDown;
+  state$1.$Parent = $Parent;
+  state$1.handleFocusOut = handleFocusOut;
+  state$1.handleKeyDown = handleKeyDown;
   if ($Parent) {
     // state.$Menu.ariaLabel=''
     // state.$Menu.ariaLabelledBy  =$Parent.id
@@ -3465,17 +3874,17 @@ const showControlled = ({
 // TODO have function to show submenu
 
 const hide = (restoreFocus = true) => {
-  for (const $Menu of state$2.$$Menus) {
+  for (const $Menu of state$1.$$Menus) {
     remove$1($Menu);
   }
-  state$2.$$Menus = [];
-  if (state$2.$BackDrop) {
-    remove$1(state$2.$BackDrop);
-    state$2.$BackDrop = undefined;
+  state$1.$$Menus = [];
+  if (state$1.$BackDrop) {
+    remove$1(state$1.$BackDrop);
+    state$1.$BackDrop = undefined;
   }
   // TODO focus previous item
   if (restoreFocus) {
-    focusPrevious$1();
+    focusPrevious();
   }
 };
 
@@ -3576,34 +3985,34 @@ const Prompt_ipc = {
 };
 
 const screenCaptures = Object.create(null);
-const get$2 = id => {
+const get$1 = id => {
   return screenCaptures[id];
 };
-const set$2 = (id, captureStream) => {
+const set$1 = (id, captureStream) => {
   screenCaptures[id] = captureStream;
 };
 const remove = id => {
   delete screenCaptures[id];
 };
 
-const get$1 = id => {
+const get = id => {
   number(id);
-  return get$2(id);
+  return get$1(id);
 };
 const start = async (id, options) => {
   try {
     number(id);
     object(options);
     const captureStream = await navigator.mediaDevices.getUserMedia(options);
-    set$2(id, captureStream);
+    set$1(id, captureStream);
   } catch (error) {
     throw new VError$1(error, `Failed to start screen capture`);
   }
 };
-const dispose$f = async (id, options) => {
+const dispose$e = async (id, options) => {
   try {
     number(id);
-    const captureStream = get$2(id);
+    const captureStream = get$1(id);
     for (const track of captureStream.getTracks()) {
       track.stop();
     }
@@ -3615,7 +4024,7 @@ const dispose$f = async (id, options) => {
 
 const name$a = 'ScreenCapture';
 const Commands$b = {
-  dispose: dispose$f,
+  dispose: dispose$e,
   start: start
 };
 
@@ -4166,18 +4575,14 @@ const Transferrable_ipc = {
   name: name$8
 };
 
-const set$1 = setComponentUid;
-const get = getComponentUid;
-const fromEvent = getComponentUidFromEvent;
-
-const state$1 = {
+const state = {
   identifiers: new Uint32Array()
 };
 const setIdentifiers$1 = identifiers => {
-  state$1.identifiers = identifiers;
+  state.identifiers = identifiers;
 };
 const getIdentifiers = () => {
-  return state$1.identifiers;
+  return state.identifiers;
 };
 
 // TODO store keybindings as json somewhere
@@ -4197,66 +4602,10 @@ const setIdentifiers = identifiers => {
 
 const rememberFocus = rememberFocus$1;
 
-const ActivityBar = 'ActivityBar';
-const Audio$1 = 'Audio';
-const BrowserViewOverview = 'BrowserViewOverview';
-const Clock = 'Clock';
-const ColorPicker = 'ColorPicker';
-const DebugConsole = 'Debug Console';
-const DefineKeyBinding = 'DefineKeyBinding';
-const Dialog = 'Dialog';
-const DiffEditor = 'DiffEditor';
-const EditorCompletion = 'EditorCompletion';
-const EmptyEditor = 'EmptyEditor';
-const EditorError = 'EditorError';
-const EditorHover = 'EditorHover';
-const EditorImage = 'EditorImage';
-const EditorPlainText = 'EditorPlainText';
-const EditorText = 'Editor';
-const EditorWidgetError = 'EditorWidgetError';
-const Empty = 'Empty';
-const Error$2 = 'Error';
-const Explorer = 'Explorer';
-const ExtensionDetail = 'ExtensionDetail';
-const Extensions = 'Extensions';
-const FindWidget = 'FindWidget';
-const ImagePreview = 'ImagePreview';
-const InlineDiffEditor = 'InlineDiffEditor';
-const Implementations = 'Implementations';
-const KeyBindings = 'KeyBindings';
-const Layout = 'Layout';
-const Main = 'Main';
-const MainTabs = 'MainTabs';
-const Output = 'Output';
-const Panel = 'Panel';
-const Problems = 'Problems';
-const QuickPick = 'QuickPick';
-const References = 'References';
-const RunAndDebug = 'Run And Debug';
-const ScreenCapture = 'ScreenCapture';
-const Search = 'Search';
-const SideBar$1 = 'SideBar';
-const SimpleBrowser = 'SimpleBrowser';
-const SourceControl = 'Source Control';
-const StatusBar$1 = 'StatusBar';
-const Storage = 'Storage';
-const Terminal = 'Terminal';
-const Terminals = 'Terminals';
-const TitleBar = 'TitleBar';
-const TitleBarButtons = 'TitleBarButtons';
-const TitleBarIcon = 'TitleBarIcon';
-const TitleBarMenuBar = 'TitleBarMenuBar';
-const Video = 'Video';
-const TitleBarTitle = 'TitleBarTitle';
-const About = 'About';
-const EditorSourceActions = 'EditorSourceActions';
-const E2eTests = 'E2eTests';
-const E2eTest = 'E2eTest';
-
 const load = moduleId => {
   switch (moduleId) {
-    case ImagePreview:
-      return Promise.resolve().then(function () { return ImagePreview$1; });
+    case ImagePreview$1:
+      return Promise.resolve().then(function () { return ImagePreview; });
     case ActivityBar:
       return Promise.resolve().then(function () { return ViewletActivityBar; });
     case Audio$1:
@@ -4370,43 +4719,36 @@ const load = moduleId => {
   }
 };
 
-const state = {
-  instances: Object.create(null),
-  currentSideBarView: undefined,
-  currentPanelView: undefined,
-  modules: Object.create(null)
-};
-
-const create$D = (id, uid = id) => {
-  const module = state.modules[id];
+const create$C = (id, uid = id) => {
+  const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state.instances[id]?.state.$Viewlet.isConnected) {
-    state.instances[id].state.$Viewlet.remove();
+  if (state$6.instances[id]?.state.$Viewlet.isConnected) {
+    state$6.instances[id].state.$Viewlet.remove();
   }
   const instanceState = module.create();
-  set$1(instanceState.$Viewlet, uid);
+  set$4(instanceState.$Viewlet, uid);
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
-  state.instances[uid] = {
+  state$6.instances[uid] = {
     state: instanceState,
     factory: module
   };
 };
 const createFunctionalRoot = (id, uid = id) => {
-  const module = state.modules[id];
+  const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state.instances[id]?.state.$Viewlet.isConnected) {
-    state.instances[id].state.$Viewlet.remove();
+  if (state$6.instances[id]?.state.$Viewlet.isConnected) {
+    state$6.instances[id].state.$Viewlet.remove();
   }
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  state.instances[uid] = {
+  state$6.instances[uid] = {
     state: instanceState,
     factory: module
   };
@@ -4422,14 +4764,14 @@ const removeKeyBindings = id => {
 const loadModule = async id => {
   try {
     const module = await load(id);
-    state.modules[id] = module;
+    state$6.modules[id] = module;
   } catch (error) {
     throw new VError$1(error, `Failed to load ${id}`);
   }
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = state.instances[viewletId];
+  const instance = state$6.instances[viewletId];
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -4443,7 +4785,7 @@ const invoke = (viewletId, method, ...args) => {
   return instance.factory[method](instance.state, ...args);
 };
 const focus$h = viewletId => {
-  const instance = state.instances[viewletId];
+  const instance = state$6.instances[viewletId];
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -4451,7 +4793,7 @@ const focus$h = viewletId => {
   } else ;
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = state.instances[viewletId];
+  const instance = state$6.instances[viewletId];
   if (!instance) {
     return;
   }
@@ -4469,12 +4811,12 @@ const focusSelector = (viewletId, selector) => {
  * @deprecated
  */
 const refresh$4 = (viewletId, viewletContext) => {
-  const instance = state.instances[viewletId];
+  const instance = state$6.instances[viewletId];
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
     // @ts-expect-error
-    state.refreshContext[viewletId] = viewletContext;
+    state$6.refreshContext[viewletId] = viewletContext;
   }
 };
 const specialIds = new Set(['TitleBar', 'SideBar', 'Main', 'ActivityBar', 'StatusBar', 'Panel']);
@@ -4488,17 +4830,17 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
-  const parentInstance = state.instances[parentId];
+  const parentInstance = state$6.instances[parentId];
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($PlaceHolder);
-  state.instances[viewletId] = {
+  state$6.instances[viewletId] = {
     state: {
       $Viewlet: $PlaceHolder
     }
   };
 };
-const setDom$a = (viewletId, dom) => {
-  const instance = state.instances[viewletId];
+const setDom$9 = (viewletId, dom) => {
+  const instance = state$6.instances[viewletId];
   if (!instance) {
     return;
   }
@@ -4511,7 +4853,7 @@ const setDom$a = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = state.instances[viewletId];
+  const instance = state$6.instances[viewletId];
   if (!instance) {
     return;
   }
@@ -4539,12 +4881,12 @@ const sendMultiple = commands => {
       case 'Viewlet.setBounds':
         {
           // @ts-expect-error
-          setBounds$5(viewletId, method, ...args);
+          setBounds$4(viewletId, method, ...args);
           break;
         }
       case 'Viewlet.create':
         {
-          create$D(viewletId, method);
+          create$C(viewletId, method);
           break;
         }
       case 'Viewlet.createFunctionalRoot':
@@ -4561,7 +4903,7 @@ const sendMultiple = commands => {
         }
       case 'Viewlet.dispose':
         {
-          dispose$e(viewletId);
+          dispose$d(viewletId);
           break;
         }
       case 'Viewlet.createPlaceholder':
@@ -4573,7 +4915,7 @@ const sendMultiple = commands => {
       case 'Viewlet.handleError':
         {
           // @ts-expect-error
-          handleError$7(viewletId, method, ...args);
+          handleError$6(viewletId, method, ...args);
           break;
         }
       case 'Viewlet.focus':
@@ -4598,7 +4940,7 @@ const sendMultiple = commands => {
         break;
       case 'Viewlet.setDom':
         // @ts-expect-error
-        setDom$a(viewletId, method, ...args);
+        setDom$9(viewletId, method, ...args);
         break;
       case 'Viewlet.setDom2':
         // @ts-ignore
@@ -4614,12 +4956,12 @@ const sendMultiple = commands => {
     }
   }
 };
-const dispose$e = id => {
+const dispose$d = id => {
   try {
     number(id);
     const {
       instances
-    } = state;
+    } = state$6;
     const instance = instances[id];
     if (!instance) {
       warn(`viewlet instance ${id} not found and cannot be disposed`);
@@ -4636,9 +4978,9 @@ const dispose$e = id => {
     throw new Error(`Failed to dispose ${id}`);
   }
 };
-const handleError$7 = (id, parentId, message) => {
+const handleError$6 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = state.instances[id];
+  const instance = state$6.instances[id];
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -4650,7 +4992,7 @@ const handleError$7 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = `${message}`;
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = state.instances[parentId];
+  const parentInstance = state$6.instances[parentId];
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -4664,9 +5006,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = state.instances[parentId]; // TODO must ensure that parent is already created
+  const parentInstanceState = state$6.instances[parentId]; // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = state.instances[childId];
+  const childInstance = state$6.instances[childId];
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -4685,12 +5027,12 @@ const ariaAnnounce = async message => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = state.instances[parentId];
+  const parentInstance = state$6.instances[parentId];
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = state.instances[childId];
+  const childInstance = state$6.instances[childId];
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -4706,16 +5048,16 @@ const append = (parentId, childId, referenceNodes) => {
       if (id === childId) {
         for (let j = i - 1; j >= 0; j--) {
           const beforeId = referenceNodes[j];
-          if (state.instances[beforeId]) {
-            const $ReferenceNode = state.instances[beforeId].state.$Viewlet;
+          if (state$6.instances[beforeId]) {
+            const $ReferenceNode = state$6.instances[beforeId].state.$Viewlet;
             $ReferenceNode.after($Child);
             return;
           }
         }
         for (let j = i + 1; j < referenceNodes.length; j++) {
           const afterId = referenceNodes[j];
-          if (state.instances[afterId]) {
-            const $ReferenceNode = state.instances[afterId].state.$Viewlet;
+          if (state$6.instances[afterId]) {
+            const $ReferenceNode = state$6.instances[afterId].state.$Viewlet;
             $ReferenceNode.before($Child);
             return;
           }
@@ -4732,24 +5074,24 @@ const append = (parentId, childId, referenceNodes) => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = state.instances[childId];
+  const childInstance = state$6.instances[childId];
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
 };
 const getFn = command => {
   switch (command) {
     case 'Viewlet.create':
-      return create$D;
+      return create$C;
     case 'Viewlet.send':
       return invoke;
     case 'Viewlet.show':
       return show;
     case 'Viewlet.dispose':
-      return dispose$e;
+      return dispose$d;
     case 'Viewlet.setDom2':
       return setDom2;
     case 'Viewlet.setBounds':
-      return setBounds$5;
+      return setBounds$4;
     case 'Viewlet.ariaAnnounce':
       return ariaAnnounce;
     case 'Viewlet.append':
@@ -4765,7 +5107,7 @@ const getFn = command => {
     case 'Viewlet.addKeyBindings':
       return addKeyBindings;
     case 'Viewlet.setDom':
-      return setDom$a;
+      return setDom$9;
     case 'Viewlet.createFunctionalRoot':
       return createFunctionalRoot;
     default:
@@ -4780,7 +5122,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = state.instances[id];
+  const instance = state$6.instances[id];
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -4789,8 +5131,8 @@ const show = id => {
     instance.factory.focus(instance.state);
   }
 };
-const setBounds$5 = (id, left, top, width, height) => {
-  const instance = state.instances[id];
+const setBounds$4 = (id, left, top, width, height) => {
+  const instance = state$6.instances[id];
   if (!instance) {
     return;
   }
@@ -4802,18 +5144,18 @@ const name$7 = 'Viewlet';
 const Commands$8 = {
   addKeyBindings: addKeyBindings,
   appendViewlet: appendViewlet,
-  dispose: dispose$e,
+  dispose: dispose$d,
   executeCommands: executeCommands,
   focus: focus$h,
   focusSelector: focusSelector,
-  handleError: handleError$7,
+  handleError: handleError$6,
   invoke: invoke,
   loadModule: loadModule,
   refresh: refresh$4,
   removeKeyBindings: removeKeyBindings,
   send: invoke,
   sendMultiple: sendMultiple,
-  setBounds: setBounds$5,
+  setBounds: setBounds$4,
   show: show
 };
 
@@ -4884,7 +5226,7 @@ const reload$1 = () => {
 const minimize = () => {};
 const maximize = () => {};
 const unmaximize = () => {};
-const close$1 = () => {
+const close = () => {
   // window.close()
 };
 const sendVisibilityChangeHint = () => {
@@ -4907,7 +5249,7 @@ const onVisibilityChange = () => {
 
 const name$5 = 'Window';
 const Commands$6 = {
-  close: close$1,
+  close: close,
   maximize: maximize,
   minimize: minimize,
   onVisibilityChange: onVisibilityChange,
@@ -5005,7 +5347,7 @@ const ModuleWorkerAndMessagePort = 8;
 const getData$1 = event => {
   return event.data;
 };
-const attachEvents$c = that => {
+const attachEvents$a = that => {
   const handleMessage = (...args) => {
     const data = that.getData(...args);
     that.dispatchEvent(new MessageEvent('message', {
@@ -5022,7 +5364,7 @@ class Ipc extends EventTarget {
   constructor(rawIpc) {
     super();
     this._rawIpc = rawIpc;
-    attachEvents$c(this);
+    attachEvents$a(this);
   }
 }
 const readyMessage = 'ready';
@@ -5550,7 +5892,7 @@ ${relevant}`;
 
 const Module$1 = 'module';
 
-const create$C = async ({
+const create$B = async ({
   url,
   name
 }) => {
@@ -5620,7 +5962,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$C,
+  create: create$B,
   wrap
 };
 
@@ -5628,7 +5970,7 @@ const isMessagePort = value => {
   return value instanceof MessagePort;
 };
 
-const create$B = async ({
+const create$A = async ({
   url
 }) => {
   string(url);
@@ -5649,10 +5991,10 @@ const create$B = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$B
+  create: create$A
 };
 
-const create$A = async url => {
+const create$z = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -5663,7 +6005,7 @@ const create$A = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$A
+  create: create$z
 };
 
 const isWorker = value => {
@@ -5671,12 +6013,12 @@ const isWorker = value => {
 };
 
 // TODO add test
-const create$z = async ({
+const create$y = async ({
   url,
   name,
   port
 }) => {
-  const worker = await create$C({
+  const worker = await create$B({
     url,
     name
   });
@@ -5695,7 +6037,7 @@ const create$z = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$z
+  create: create$y
 };
 
 const handleIpcOnce = ipc => {
@@ -5710,7 +6052,7 @@ const handleIpcOnce = ipc => {
 };
 
 // TODO use handleIncomingIpc function
-const create$y = async ({
+const create$x = async ({
   port,
   ipcId
 }) => {
@@ -5726,7 +6068,7 @@ const create$y = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$y
+  create: create$x
 };
 
 const getNodeIndex = $Node => {
@@ -5747,7 +6089,7 @@ const get$ItemFromEvent = event => {
   }
   return undefined;
 };
-const handleMouseDown$3 = event => {
+const handleMouseDown$2 = event => {
   const {
     button,
     clientX,
@@ -5762,157 +6104,41 @@ const handleMouseDown$3 = event => {
   const index = getNodeIndex($Item);
   return ['handleClick', button, index, clientX, clientY];
 };
-const handleBlur$9 = () => {
+const handleBlur$8 = () => {
   return ['handleBlur'];
 };
-const handleFocus$c = () => {
+const handleFocus$b = () => {
   return ['handleFocus'];
 };
 
 // TODO use context menu events function again
 
-const handleContextMenu$b = event => {
-  preventDefault(event);
-  const {
-    button,
-    clientX,
-    clientY
-  } = event;
-  return ['handleContextMenu', button, clientX, clientY];
-};
-const returnValue$8 = true;
-
-const ViewletActivityBarEvents = {
-  __proto__: null,
-  handleBlur: handleBlur$9,
-  handleContextMenu: handleContextMenu$b,
-  handleFocus: handleFocus$c,
-  handleMouseDown: handleMouseDown$3,
-  returnValue: returnValue$8
-};
-
-const Events$a = ViewletActivityBarEvents;
-
-const ViewletActivityBar = {
-  __proto__: null,
-  Events: Events$a
-};
-
-const executeViewletCommand = (uid, command, ...args) => {
-  number(uid);
-  send('Viewlet.executeViewletCommand', uid, command, ...args);
-};
-
-const nameAnonymousFunction = (fn, name) => {
-  Object.defineProperty(fn, 'name', {
-    value: name
-  });
-};
-
-const forwardViewletCommand = name => {
-  const fn = (uid, ...args) => {
-    executeViewletCommand(uid, name, ...args);
-  };
-  nameAnonymousFunction(fn, name);
-  return fn;
-};
-
-forwardViewletCommand('clearFilter');
-const close = forwardViewletCommand('close');
-forwardViewletCommand('closeEditor');
-const closeMenu$1 = forwardViewletCommand('closeMenu');
-forwardViewletCommand('compositionEnd');
-forwardViewletCommand('compositionStart');
-forwardViewletCommand('compositionUpdate');
-forwardViewletCommand('cut');
-forwardViewletCommand('focus');
-forwardViewletCommand('focusIndex');
-const focusNext = forwardViewletCommand('focusNext');
-const focusPrevious = forwardViewletCommand('focusPrevious');
-const handleAudioError$1 = forwardViewletCommand('handleAudioError');
-const handleBeforeInput$2 = forwardViewletCommand('handleBeforeInput');
-forwardViewletCommand('handleBeforeInputFromContentEditable');
-const handleBlur$8 = forwardViewletCommand('handleBlur');
-const handleButtonClick = forwardViewletCommand('handleButtonClick');
-const handleClick$9 = forwardViewletCommand('handleClick');
-const handleClickAction$2 = forwardViewletCommand('handleClickAction');
-forwardViewletCommand('handleClickAdd');
-const handleClickAt$2 = forwardViewletCommand('handleClickAt');
-const handleClickOpenFolder$1 = forwardViewletCommand('handleClickOpenFolder');
-forwardViewletCommand('handleClickClose');
-forwardViewletCommand('handleClickCopy');
-forwardViewletCommand('handleClickMinimize');
-forwardViewletCommand('handleClickOk');
-forwardViewletCommand('handleClickOpenFile');
-forwardViewletCommand('handleClickRestore');
-const handleClickTab$2 = forwardViewletCommand('handleClickTab');
-forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$a = forwardViewletCommand('handleContextMenu');
-const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
-const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
-const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
-const handleDragOver$1 = forwardViewletCommand('handleDragOver');
-forwardViewletCommand('handleDrop');
-const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
-const handleDropFiles = forwardViewletCommand('handleDrop');
-forwardViewletCommand('handleFilterInput');
-const handleFocus$b = forwardViewletCommand('handleFocus');
-const handleFocusIn$3 = forwardViewletCommand('handleFocusIn');
-const handleIconError$1 = forwardViewletCommand('handleIconError');
-const handleImageError = forwardViewletCommand('handleImageError');
-const handleInput$8 = forwardViewletCommand('handleInput');
-const handleKeyDown$4 = forwardViewletCommand('handleKeyDown');
-forwardViewletCommand('handleListBlur');
-forwardViewletCommand('handleListFocus');
-const handleMenuClick$1 = forwardViewletCommand('handleMenuClick');
-const handleMenuMouseOver$1 = forwardViewletCommand('handleMenuMouseOver');
-const handleMouseDown$2 = forwardViewletCommand('handleMouseDown');
-forwardViewletCommand('handleMouseMove');
-const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
-const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
-forwardViewletCommand('handlePointerCaptureLost');
-const handlePointerDown$7 = forwardViewletCommand('handlePointerDown');
-const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
-forwardViewletCommand('handlePointerOver');
-const handlePointerUp$1 = forwardViewletCommand('handlePointerUp');
-const handleReadmeContextMenu$1 = forwardViewletCommand('handleReadmeContextMenu');
-forwardViewletCommand('handleReplaceInput');
-const handleResizerClick = forwardViewletCommand('handleResizerClick');
-const handleResizerMove = forwardViewletCommand('handleResizerMove');
-const handleScrollBarCaptureLost = forwardViewletCommand('handleScrollBarCaptureLost');
-const handleScrollBarClick = forwardViewletCommand('handleScrollBarClick');
-forwardViewletCommand('handleScrollBarHorizontalMove');
-forwardViewletCommand('handleScrollBarHorizontalPointerDown');
-const handleScrollBarMove = forwardViewletCommand('handleScrollBarMove');
-const handleScrollBarThumbPointerMove$3 = forwardViewletCommand('handleScrollBarThumbPointerMove');
-forwardViewletCommand('handleScrollBarMove');
-forwardViewletCommand('handleScrollBarVerticalPointerDown');
-forwardViewletCommand('handleSliderPointerDown');
-forwardViewletCommand('handleSliderPointerMove');
-const handleTabClick = forwardViewletCommand('handleTabClick');
-const handleTabContextMenu = forwardViewletCommand('handleTabContextMenu');
-forwardViewletCommand('handleTabsPointerOut');
-forwardViewletCommand('handleTabsPointerOver');
-const handleTabsWheel$1 = forwardViewletCommand('handleTabsWheel');
-const handleTouchEnd$1 = forwardViewletCommand('handleTouchEnd');
-const handleTouchMove$1 = forwardViewletCommand('handleTouchMove');
-const handleTouchStart$1 = forwardViewletCommand('handleTouchStart');
-const handleWheel$4 = forwardViewletCommand('handleWheel');
-const hidePanel = forwardViewletCommand('hidePanel');
-forwardViewletCommand('moveRectangleSelectionPx');
-forwardViewletCommand('moveSelectionPx');
-forwardViewletCommand('paste');
-forwardViewletCommand('replaceAll');
-const selectIndex = forwardViewletCommand('selectIndex');
-forwardViewletCommand('setDelta');
-forwardViewletCommand('toggleMatchCase');
-forwardViewletCommand('toggleMatchWholeWord');
-const toggleMaximize = forwardViewletCommand('toggleMaximize');
-const toggleReplace = forwardViewletCommand('toggleReplace');
-forwardViewletCommand('toggleUseRegularExpression');
-forwardViewletCommand('type');
-forwardViewletCommand('typeWithAutoClosing');
-const updateEditingValue = forwardViewletCommand('updateEditingValue');
+const handleContextMenu$a = event => {
+  preventDefault(event);
+  const {
+    button,
+    clientX,
+    clientY
+  } = event;
+  return ['handleContextMenu', button, clientX, clientY];
+};
+const returnValue$8 = true;
+
+const ViewletActivityBarEvents = {
+  __proto__: null,
+  handleBlur: handleBlur$8,
+  handleContextMenu: handleContextMenu$a,
+  handleFocus: handleFocus$b,
+  handleMouseDown: handleMouseDown$2,
+  returnValue: returnValue$8
+};
+
+const Events$a = ViewletActivityBarEvents;
+
+const ViewletActivityBar = {
+  __proto__: null,
+  Events: Events$a
+};
 
 const handleAudioError = event => {
   const {
@@ -5941,14 +6167,14 @@ const ViewletAudio = {
   Events: Events$9
 };
 
-const create$x = () => {
+const create$w = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet BrowserViewOverview';
   return {
     $Viewlet
   };
 };
-const setDom$9 = (state, dom) => {
+const setDom$8 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -5957,18 +6183,18 @@ const setDom$9 = (state, dom) => {
 
 const ViewletBrowserViewOverview = {
   __proto__: null,
-  create: create$x,
-  setDom: setDom$9
+  create: create$w,
+  setDom: setDom$8
 };
 
-const create$w = () => {
+const create$v = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
     $Viewlet
   };
 };
-const dispose$d = state => {};
+const dispose$c = state => {};
 const refresh$3 = () => {};
 const setTime = (state, time) => {
   object(state);
@@ -5978,25 +6204,25 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$w,
-  dispose: dispose$d,
+  create: create$v,
+  dispose: dispose$c,
   refresh: refresh$3,
   setTime
 };
 
-const startTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+const startTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
   $Target.setPointerCapture(pointerId);
   $Target.addEventListener(PointerMove, handlePointerMove);
   // TODO use pointerlost event instead
   $Target.addEventListener(PointerUp, handlePointerUp);
 };
-const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+const stopTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
   $Target.releasePointerCapture(pointerId);
   $Target.removeEventListener(PointerMove, handlePointerMove);
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$v = (pointerDown, pointerMove, pointerUp) => {
+const create$u = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -6013,7 +6239,7 @@ const create$v = (pointerDown, pointerMove, pointerUp) => {
       target,
       pointerId
     } = event;
-    stopTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
+    stopTracking(target, pointerId, handlePointerMove, handlePointerUp);
     shared(pointerUp, event);
   };
   const handlePointerDown = event => {
@@ -6021,7 +6247,7 @@ const create$v = (pointerDown, pointerMove, pointerUp) => {
       target,
       pointerId
     } = event;
-    startTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
+    startTracking(target, pointerId, handlePointerMove, handlePointerUp);
     shared(pointerDown, event);
     return [];
   };
@@ -6029,7 +6255,7 @@ const create$v = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$v(event => {
+const handleSliderPointerDown = create$u(event => {
   const {
     clientX,
     clientY
@@ -6094,7 +6320,7 @@ const handleInput$7 = event => {
 };
 const handleFocus$a = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 
 const ViewletDebugConsoleEvents = {
@@ -6103,14 +6329,14 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$7
 };
 
-const create$u = () => {
+const create$t = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
     $Viewlet
   };
 };
-const setDom$8 = (state, dom) => {
+const setDom$7 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6119,8 +6345,8 @@ const setDom$8 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$u,
-  setDom: setDom$8
+  create: create$t,
+  setDom: setDom$7
 };
 
 const handleKeyDown$3 = event => {
@@ -6134,11 +6360,11 @@ const handleKeyDown$3 = event => {
     shiftKey,
     metaKey
   } = event;
-  handleKeyDown$4(uid, key, altKey, ctrlKey, shiftKey, metaKey);
+  handleKeyDown$5(uid, key, altKey, ctrlKey, shiftKey, metaKey);
 };
 const handleBlur$7 = event => {
   const uid = fromEvent(event);
-  handleBlur$8(uid);
+  handleBlur$a(uid);
 };
 
 const ViewletDefineKeyBindingEvents = {
@@ -6180,7 +6406,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$t = icon => {
+const create$s = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -6190,7 +6416,7 @@ const create$t = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary html element)
-  const $Icon = create$t(icon);
+  const $Icon = create$s(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -6211,7 +6437,7 @@ const handleClick$7 = event => {
   handleClick$8(index);
 };
 
-const create$s = () => {
+const create$r = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -6292,7 +6518,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$s,
+  create: create$r,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -6301,247 +6527,22 @@ const ViewletDialog = {
   setHeader
 };
 
-const handleWheel$3 = event => {
-  const {
-    deltaMode,
-    deltaY
-  } = event;
-  const uid = fromEvent(event);
-  handleWheel$4(uid, deltaMode, deltaY);
-};
-
-const handleScrollBarPointerDown$4 = event => {
+const handleScrollBarPointerDown$3 = event => {
   // TODO
 };
 
 const ViewletDiffEditorEvents = {
   __proto__: null,
-  handleScrollBarPointerDown: handleScrollBarPointerDown$4,
+  handleScrollBarPointerDown: handleScrollBarPointerDown$3,
   handleWheel: handleWheel$3
 };
 
-const setScrollBar$2 = (state, scrollBarY, scrollBarHeight, scrollBarThumbClass) => {
-  const {
-    $ScrollBarThumb
-  } = state;
-  if (scrollBarThumbClass) {
-    $ScrollBarThumb.className = scrollBarThumbClass;
-  }
-  setYAndHeight($ScrollBarThumb, scrollBarY, scrollBarHeight);
-};
-
 const ViewletDiffEditor = {
   __proto__: null,
   Events: ViewletDiffEditorEvents,
   setScrollBar: setScrollBar$2
 };
 
-const attachEvents$b = ($Node, eventMap) => {
-  for (const [key, value] of Object.entries(eventMap)) {
-    $Node.addEventListener(key, value);
-  }
-};
-
-const Passive = {
-  passive: true
-};
-const Active = {
-  passive: false
-};
-const Capture = {
-  capture: true
-};
-
-const startTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
-  $Target.setPointerCapture(pointerId);
-  $Target.addEventListener(PointerMove, handlePointerMove);
-  // TODO use pointerlost event instead
-  $Target.addEventListener(PointerUp, handlePointerUp);
-};
-const stopTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
-  $Target.releasePointerCapture(pointerId);
-  $Target.removeEventListener(PointerMove, handlePointerMove);
-  // TODO use pointerlost event instead
-  $Target.removeEventListener(PointerUp, handlePointerUp);
-};
-
-const handleMousedown = event => {
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleClickAt$2(uid, clientX, clientY);
-};
-const handleScrollBarThumbPointerMove$2 = event => {
-  const {
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleScrollBarThumbPointerMove$3(uid, clientY);
-};
-const handlePointerCaptureLost$2 = event => {
-  const {
-    target,
-    pointerId
-  } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
-};
-const handleScrollBarPointerDown$3 = event => {
-  preventDefault(event);
-  const {
-    target,
-    pointerId,
-    clientY
-  } = event;
-  startTracking(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
-  const uid = fromEvent(event);
-  handleScrollBarClick(uid, clientY);
-};
-
-const Small$1 = 1;
-const Normal$1 = 2;
-const Large$1 = 3;
-
-const None$1 = '';
-const Small = 'Small';
-const Normal = 'Normal';
-const Large = 'Large';
-
-const getClassName = size => {
-  switch (size) {
-    case Small$1:
-      return Small;
-    case Normal$1:
-      return Normal;
-    case Large$1:
-      return Large;
-    default:
-      return None$1;
-  }
-};
-
-const setSize = (state, oldSize, newSize) => {
-  const {
-    $Viewlet
-  } = state;
-  const oldClassName = getClassName(oldSize);
-  if (oldClassName) {
-    $Viewlet.classList.remove(oldClassName);
-  }
-  const newClassName = getClassName(newSize);
-  $Viewlet.classList.add(newClassName);
-};
-
-const setContentHeight = (state, height) => {
-  const {
-    $ListItems
-  } = state;
-  setHeight($ListItems, height);
-};
-const setNegativeMargin = (state, negativeMargin) => {
-  const {
-    $ListItems
-  } = state;
-  setTop($ListItems, negativeMargin);
-};
-
-const create$r = () => {
-  const $ListItems = document.createElement('div');
-  $ListItems.className = 'ListItems';
-  $ListItems.role = ListBox;
-  $ListItems.ariaLabel = 'Suggest';
-  const $ScrollBarThumb = document.createElement('div');
-  $ScrollBarThumb.className = 'ScrollBarThumb';
-  const $ScrollBar = document.createElement('div');
-  $ScrollBar.className = 'ScrollBarSmall';
-  $ScrollBar.append($ScrollBarThumb);
-
-  // TODO only create scrollbar when necessary
-  // TODO recycle nodes
-  const $Viewlet = document.createElement('div');
-  $Viewlet.className = 'Viewlet EditorCompletion';
-  $Viewlet.id = 'Completions';
-  $Viewlet.append($ListItems, $ScrollBar);
-  return {
-    $Viewlet,
-    $ListItems,
-    $ScrollBar,
-    $ScrollBarThumb
-  };
-};
-const attachEvents$a = state => {
-  const {
-    $Viewlet,
-    $ListItems,
-    $ScrollBar
-  } = state;
-  $Viewlet.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$b($ListItems, {
-    [MouseDown]: handleMousedown
-  });
-  attachEvents$b($ScrollBar, {
-    [PointerDown]: handleScrollBarPointerDown$3
-  });
-};
-// TODO show should be passed active cursor position
-// this would make this function easier to test as it would avoid dependency on globals of other files
-
-const setDom$7 = (state, dom) => {
-  const {
-    $ListItems,
-    $Viewlet
-  } = state;
-  const $Root = render2(dom);
-  // @ts-expect-error
-  $ListItems.replaceChildren(...$Root.firstChild.childNodes);
-  append$1($Viewlet);
-  // TODO recycle nodes
-  // TODO set right aria attributes on $EditorInput
-};
-const dispose$c = state => {
-  remove$1(state.$Viewlet);
-  // state.$EditorInput.removeAttribute('aria-activedescendant')
-};
-const showLoading = (state, x, y) => {
-  const {
-    $Viewlet
-  } = state;
-  setXAndYTransform($Viewlet, x, y);
-  const $Loading = document.createElement('div');
-  $Loading.textContent = 'Loading';
-  $Viewlet.append($Loading);
-  append$1($Viewlet);
-};
-const handleError$6 = (state, error) => {
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.textContent = `${error}`;
-};
-const setBounds$4 = (state, x, y, width, height) => {
-  const {
-    $Viewlet
-  } = state;
-  setBounds$6($Viewlet, x, y, width, height);
-};
-
-const ViewletEditorCompletion = {
-  __proto__: null,
-  attachEvents: attachEvents$a,
-  create: create$r,
-  dispose: dispose$c,
-  handleError: handleError$6,
-  setBounds: setBounds$4,
-  setContentHeight,
-  setDom: setDom$7,
-  setNegativeMargin,
-  setScrollBar: setScrollBar$2,
-  setSize,
-  showLoading
-};
-
 // TODO not sure whether created dom node
 // should stay in state or be removed
 // one option would result in less memory usage
@@ -6583,7 +6584,7 @@ const ViewletEditorError = {
 };
 
 const returnValue$6 = true;
-const handleSashPointerDown$2 = create$v(event => {
+const handleSashPointerDown$2 = create$u(event => {
   const {
     clientX,
     clientY
@@ -6711,15 +6712,15 @@ const handleContextMenu$9 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$a(uid, button, clientX, clientY);
+  handleContextMenu$c(uid, button, clientX, clientY);
 };
 const handleError$5 = event => {
   const uid = fromEvent(event);
-  handleImageError(uid);
+  handleImageError$1(uid);
 };
 const handleFocus$9 = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 
 const create$p = () => {
@@ -6733,7 +6734,7 @@ const attachEvents$9 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$b($Viewlet, {
+  attachEvents$c($Viewlet, {
     [PointerDown]: handlePointerDown$5,
     [PointerUp]: handlePointerUp,
     [ContextMenu]: handleContextMenu$9,
@@ -7047,7 +7048,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$v(event => {
+const handleScrollBarVerticalPointerDown = create$u(event => {
   const {
     clientY
   } = event;
@@ -7081,7 +7082,7 @@ const handleScrollBarHorizontalPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
+  stopTracking$1(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return [];
 };
 
@@ -7095,7 +7096,7 @@ const handleScrollBarHorizontalPointerDown = event => {
     pointerId,
     clientX
   } = event;
-  startTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
+  startTracking$1(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return ['handleScrollBarHorizontalPointerDown', clientX];
 };
 const handleScrollBarContextMenu = event => {
@@ -7316,10 +7317,16 @@ const setSelections$1 = (state, cursorInfos, selectionInfos) => {
   setCursors(state, cursorInfos);
   setSelections$2(state, selectionInfos);
 };
-const setFocused$3 = (state, isFocused) => {
+const setFocused$3 = async (state, isFocused) => {
   const {
     $EditorInput
   } = state;
+  let tries = 0;
+  while (!$EditorInput.isConnected && tries++ < 1000) {
+    await new Promise(resolve => {
+      requestAnimationFrame(resolve);
+    });
+  }
   if (!$EditorInput.isConnected) {
     warn('unmounted editor cannot be focused');
   }
@@ -7360,7 +7367,7 @@ const showOverlayMessage = (state, x, y, content) => {
 };
 const hideOverlayMessage = state => {
   // TODO pass id of the overlay message and remove widget by id
-  for (const $Widget of state$5.widgetSet) {
+  for (const $Widget of state$7.widgetSet) {
     // @ts-expect-error
     if ($Widget.className === 'EditorOverlayMessage') {
       remove$1($Widget);
@@ -7465,7 +7472,7 @@ const handleContextMenu$7 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$a(uid, button, clientX, clientY);
+  handleContextMenu$c(uid, button, clientX, clientY);
 };
 
 const CopyMove = 'copyMove';
@@ -7591,11 +7598,11 @@ const handleFocus$7 = event => {
     return;
   }
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 const handleBlur$5 = event => {
   const uid = fromEvent(event);
-  handleBlur$8(uid);
+  handleBlur$a(uid);
 };
 const handleClick$6 = event => {
   preventDefault(event);
@@ -7796,7 +7803,7 @@ const handleScrollBarPointerCaptureLost = event => {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
+  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
   const uid = fromEvent(event);
   handleScrollBarCaptureLost(uid);
 };
@@ -7806,13 +7813,13 @@ const handleScrollBarPointerDown$2 = event => {
     pointerId,
     clientY
   } = event;
-  startTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
+  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
   const uid = fromEvent(event);
   handleScrollBarClick(uid, clientY);
 };
 const handleFocus$6 = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 const handlePointerDown$3 = event => {
   const {
@@ -7920,10 +7927,10 @@ const attachEvents$8 = state => {
     $ListItems,
     $ScrollBar
   } = state;
-  $ExtensionHeader.addEventListener(Input, handleInput$6, Capture);
+  $ExtensionHeader.addEventListener(Input$1, handleInput$6, Capture);
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
-  attachEvents$b($ListItems, {
+  attachEvents$c($ListItems, {
     [ContextMenu]: handleContextMenu$7,
     [PointerDown]: handlePointerDown$3,
     [Focus]: handleFocus$6,
@@ -7933,7 +7940,7 @@ const attachEvents$8 = state => {
   $ListItems.addEventListener(TouchMove, handleTouchMove, Passive);
   $ListItems.addEventListener(TouchEnd, handleTouchEnd, Passive);
   $ListItems.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$b($ScrollBar, {
+  attachEvents$c($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$2
   });
 };
@@ -8052,11 +8059,11 @@ const handleInput$5 = event => {
 };
 const handleClickClose$2 = (uid, event) => {
   preventDefault(event);
-  close(uid);
+  close$1(uid);
 };
 const handleClickPreviousMatch = (uid, event) => {
   preventDefault(event);
-  focusPrevious(uid);
+  focusPrevious$1(uid);
 };
 const handleClickNextMatch = (uid, event) => {
   preventDefault(event);
@@ -8091,11 +8098,11 @@ const handleClick$5 = event => {
 };
 const handleInputBlur = event => {
   const uid = fromEvent(event);
-  handleBlur$8(uid);
+  handleBlur$a(uid);
 };
 const handleFocus$5 = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 
 const ViewletFindWidgetEvents = {
@@ -8248,7 +8255,7 @@ const handleResizerPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
+  stopTracking$1(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
 };
 const handleResizerPointerDown = event => {
   const {
@@ -8256,7 +8263,7 @@ const handleResizerPointerDown = event => {
     pointerId,
     clientX
   } = event;
-  startTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
+  startTracking$1(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
   const id = target.nextSibling ? 1 : 2;
   const uid = fromEvent(event);
   handleResizerClick(uid, id, clientX);
@@ -8778,7 +8785,7 @@ const handlePointerCaptureLost = event => {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
+  stopTracking$1(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
   handleSashPointerUp(id);
 };
@@ -8787,7 +8794,7 @@ const handleSashPointerDown = event => {
     target,
     pointerId
   } = event;
-  startTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
+  startTracking$1(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
   handleSashPointerDown$1(id);
 };
@@ -8840,15 +8847,15 @@ const attachEvents$7 = state => {
     $SashSideBar,
     $SashPanel
   } = state;
-  attachEvents$b($SashSideBar, {
+  attachEvents$c($SashSideBar, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$b($SashPanel, {
+  attachEvents$c($SashPanel, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$b(window, {
+  attachEvents$c(window, {
     [Resize]: handleResize,
     [Focus]: handleFocus$3,
     [Blur]: handleBlur$3,
@@ -8884,7 +8891,7 @@ const handleContextMenu$6 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$a(uid, clientX, clientY);
+  handleContextMenu$c(uid, clientX, clientY);
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
@@ -8913,7 +8920,7 @@ const attachEvents$6 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$b($Viewlet, {
+  attachEvents$c($Viewlet, {
     [Drop]: handleDrop,
     [DragOver]: handleDragOver,
     [DragEnd]: handleDragEnd,
@@ -9004,7 +9011,7 @@ const getUid = () => {
   if (!$Main) {
     return 0;
   }
-  return get($Main);
+  return get$5($Main);
 };
 const handleTabsWheel = event => {
   const uid = getUid();
@@ -9051,7 +9058,7 @@ const attachEvents$5 = state => {
   const {
     $MainTabs
   } = state;
-  attachEvents$b($MainTabs, {
+  attachEvents$c($MainTabs, {
     [MouseDown]: handleTabsMouseDown,
     [ContextMenu]: handleTabsContextMenu,
     [DragStart]: handleDragStart
@@ -9228,13 +9235,13 @@ const attachEvents$4 = state => {
     $ButtonClose,
     $PanelHeader
   } = state;
-  attachEvents$b($PanelHeader, {
+  attachEvents$c($PanelHeader, {
     [Click]: handleHeaderClick$2
   });
-  attachEvents$b($ButtonMaximize, {
+  attachEvents$c($ButtonMaximize, {
     [Click]: handleClickMaximize
   });
-  attachEvents$b($ButtonClose, {
+  attachEvents$c($ButtonClose, {
     [Click]: handleClickClose$1
   });
 };
@@ -9281,11 +9288,11 @@ const setSelectedIndex = (state, oldIndex, newIndex) => {
     $PanelTabs.setAttribute(AriaActiveDescendant, $PanelTab.id);
   }
 };
-const setActionsDom$1 = (state$1, actions, childUid) => {
+const setActionsDom$1 = (state, actions, childUid) => {
   const {
     $PanelActions
-  } = state$1;
-  const instances = state.instances;
+  } = state;
+  const instances = state$6.instances;
   const instance = instances[childUid];
   if (!instance) {
     throw new Error(`child instance not found`);
@@ -9421,7 +9428,7 @@ const handlePointerDown = event => {
 };
 const handleBlur$2 = event => {
   const uid = fromEvent(event);
-  handleBlur$8(uid);
+  handleBlur$a(uid);
 };
 
 // TODO
@@ -9513,7 +9520,7 @@ const focus$6 = state => {
 // - for nvda ariaRoleDescription works better
 
 const create$a = () => {
-  const $QuickPickInput = create$I();
+  const $QuickPickInput = create$H();
   $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
   $QuickPickInput.role = ComboBox;
   $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
@@ -9550,11 +9557,11 @@ const attachEvents$3 = state => {
     $QuickPickItems,
     $QuickPickInput
   } = state;
-  attachEvents$b($QuickPickItems, {
+  attachEvents$c($QuickPickItems, {
     [PointerDown]: handlePointerDown
   });
   $QuickPickItems.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$b($QuickPickInput, {
+  attachEvents$c($QuickPickInput, {
     [Blur]: handleBlur$2,
     [BeforeInput]: handleBeforeInput
   });
@@ -9806,7 +9813,7 @@ const setScreenCapture = (state, id) => {
     $Viewlet
   } = state;
   const $Video = document.createElement('video');
-  const screenCapture = get$1(id);
+  const screenCapture = get(id);
   $Video.srcObject = screenCapture;
   $Video.onloadedmetadata = handleLoadedMetaData;
   $Viewlet.append($Video);
@@ -9856,7 +9863,7 @@ const handleScrollBarPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
+  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
 };
 const handleScrollBarPointerDown$1 = event => {
   const {
@@ -9864,7 +9871,7 @@ const handleScrollBarPointerDown$1 = event => {
     pointerId,
     clientY
   } = event;
-  startTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
+  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
   return ['handleScrollBarClick', clientY];
 };
 const handleToggleButtonClick = event => {
@@ -10029,7 +10036,7 @@ const attachEvents$2 = state => {
   const {
     $SideBarTitleArea
   } = state;
-  attachEvents$b($SideBarTitleArea, {
+  attachEvents$c($SideBarTitleArea, {
     [Click]: handleHeaderClick
   });
 };
@@ -10158,7 +10165,7 @@ const ViewletSimpleBrowser = {
 
 const handleFocus = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 const getButtonIndex = $Node => {
   let index = -1;
@@ -10426,15 +10433,15 @@ const create$5 = ({
 
 const handleBlur = event => {
   const uid = fromEvent(event);
-  handleBlur$8(uid);
+  handleBlur$a(uid);
 };
 const handleMouseDown = (event, ...args) => {
   const uid = fromEvent(event);
-  handleMouseDown$2(uid, ...args);
+  handleMouseDown$4(uid, ...args);
 };
 const handleKeyDown = (event, ...args) => {
   const uid = fromEvent(event);
-  handleKeyDown$4(uid, ...args);
+  handleKeyDown$5(uid, ...args);
 };
 
 const create$4 = () => {
@@ -10446,8 +10453,8 @@ const create$4 = () => {
   };
 };
 const setTerminal = (state, canvasCursorId, canvasTextId) => {
-  const canvasText = get$3(canvasTextId);
-  const canvasCursor = get$3(canvasCursorId);
+  const canvasText = get$2(canvasTextId);
+  const canvasCursor = get$2(canvasCursorId);
   const {
     $Viewlet
   } = state;
@@ -10602,7 +10609,7 @@ const attachEvents = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$b($Viewlet, {
+  attachEvents$c($Viewlet, {
     [ContextMenu]: handleContextMenu$3
   });
 };
@@ -10739,7 +10746,7 @@ const handleMenuClick = event => {
 };
 const handleFocusIn$2 = event => {
   const uid = fromEvent(event);
-  handleFocus$b(uid);
+  handleFocus$c(uid);
 };
 
 const ViewletTitleBarMenuBarEvents = {
@@ -10844,8 +10851,8 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     $Viewlet.children[unFocusIndex].removeAttribute(AriaOwns);
   }
   $Viewlet.children[index].ariaExpanded = True;
-  const $$Menus = state$2.$$Menus;
-  state$2.$$Menus = [];
+  const $$Menus = state$1.$$Menus;
+  state$1.$$Menus = [];
   // @ts-expect-error
   showControlled({
     x,
@@ -10923,7 +10930,7 @@ const setMenus = (state, changes, uid) => {
           const menu = change[1];
           const dom = change[2];
           const $Menu = create$Menu();
-          set$1($Menu, uid);
+          set$4($Menu, uid);
           $Menu.onmouseover = handleMenuMouseOver;
           $Menu.onclick = handleMenuClick;
           const {
@@ -11259,7 +11266,7 @@ const handleContextMenu = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$v(event => {
+const handleSashCornerPointerDown = create$u(event => {
   const {
     clientX,
     clientY