@lvce-editor/renderer-process 10.61.0 → 11.0.0

package/dist/rendererProcessMain.js

@@ -686,7 +686,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$K = (message, result) => {
+const create$I = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -695,7 +695,7 @@ const create$K = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$K(message, resultProperty);
+  return create$I(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -879,7 +879,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$J({
+  const worker = await create$H({
     method: Auto,
     url,
     name
@@ -954,7 +954,7 @@ const hydrate$4 = async () => {
 };
 
 // TODO needed?
-const dispose$m = () => {
+const dispose$l = () => {
   // @ts-expect-error
   if (state$9.rendererWorker) {
     // @ts-expect-error
@@ -977,7 +977,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$m,
+  dispose: dispose$l,
   hydrate: hydrate$4,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -986,7 +986,7 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$J = async ({
+const create$H = async ({
   method,
   ...options
 }) => {
@@ -1007,7 +1007,7 @@ const create$J = async ({
 };
 
 const launchEditorWorker = async port => {
-  const ipc = await create$J({
+  const ipc = await create$H({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1037,7 +1037,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$J({
+  const ipc = await create$H({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1061,7 +1061,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$J({
+  const ipc = await create$H({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -2022,7 +2022,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$I = (pointerDown, pointerMove, pointerUp) => {
+const create$G = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -2055,7 +2055,7 @@ const create$I = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$I(event => {
+const handleSliderPointerDown = create$G(event => {
   const {
     clientX,
     clientY
@@ -2070,7 +2070,7 @@ const handleSliderPointerDown = create$I(event => {
 }, () => {
   return [];
 });
-const handlePointerDown$6 = event => {
+const handlePointerDown$5 = event => {
   const {
     target
   } = event;
@@ -2083,7 +2083,7 @@ const returnValue$9 = true;
 
 const ViewletColorPickerEvents = {
   __proto__: null,
-  handlePointerDown: handlePointerDown$6,
+  handlePointerDown: handlePointerDown$5,
   returnValue: returnValue$9
 };
 
@@ -2223,9 +2223,9 @@ forwardViewletCommand('focusIndex');
 forwardViewletCommand('focusNext');
 forwardViewletCommand('focusPrevious');
 const handleAudioError$1 = forwardViewletCommand('handleAudioError');
-const handleBeforeInput$2 = forwardViewletCommand('handleBeforeInput');
+forwardViewletCommand('handleBeforeInput');
 forwardViewletCommand('handleBeforeInputFromContentEditable');
-const handleBlur$a = forwardViewletCommand('handleBlur');
+const handleBlur$9 = forwardViewletCommand('handleBlur');
 const handleButtonClick = forwardViewletCommand('handleButtonClick');
 const handleClick$6 = forwardViewletCommand('handleClick');
 const handleClickAction$2 = forwardViewletCommand('handleClickAction');
@@ -2268,7 +2268,7 @@ forwardViewletCommand('handleMouseMove');
 const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
 const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
 forwardViewletCommand('handlePointerCaptureLost');
-const handlePointerDown$5 = forwardViewletCommand('handlePointerDown');
+const handlePointerDown$4 = forwardViewletCommand('handlePointerDown');
 const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
 forwardViewletCommand('handlePointerOver');
 const handlePointerUp$1 = forwardViewletCommand('handlePointerUp');
@@ -2319,15 +2319,15 @@ const handleFocusIn$3 = event => {
   const uid = fromEvent(event);
   handleFocusIn$4(uid);
 };
-const handleBlur$9 = event => {
+const handleBlur$8 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleBlur$a(uid);
+  handleBlur$9(uid);
 };
 
 const ViewletEditorCodeGeneratorEvents = {
   __proto__: null,
-  handleBlur: handleBlur$9,
+  handleBlur: handleBlur$8,
   handleFocusIn: handleFocusIn$3
 };
 
@@ -2344,10 +2344,10 @@ const appendWidget$5 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$l = state => {
+const dispose$k = state => {
   remove$2(state.$Viewlet);
 };
-const focus$i = (state, key, source) => {
+const focus$h = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -2370,8 +2370,8 @@ const ViewletEditorCodeGenerator = {
   __proto__: null,
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
-  dispose: dispose$l,
-  focus: focus$i,
+  dispose: dispose$k,
+  focus: focus$h,
   setBounds: setBounds$9
 };
 
@@ -2391,9 +2391,8 @@ const Status = 'status';
 const TabList = 'tablist';
 const TextBox = 'textbox';
 const ToolBar = 'toolbar';
-const ComboBox = 'combobox';
 
-const attachEvents$c = ($Node, eventMap) => {
+const attachEvents$b = ($Node, eventMap) => {
   for (const [key, value] of Object.entries(eventMap)) {
     $Node.addEventListener(key, value);
   }
@@ -2522,7 +2521,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$H = () => {
+const create$F = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2546,17 +2545,17 @@ const create$H = () => {
     $ScrollBarThumb
   };
 };
-const attachEvents$b = state => {
+const attachEvents$a = state => {
   const {
     $Viewlet,
     $ListItems,
     $ScrollBar
   } = state;
   $Viewlet.addEventListener(Wheel, handleWheel$3, Passive);
-  attachEvents$c($ListItems, {
+  attachEvents$b($ListItems, {
     [MouseDown]: handleMousedown
   });
-  attachEvents$c($ScrollBar, {
+  attachEvents$b($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$3
   });
 };
@@ -2575,7 +2574,7 @@ const setDom$9 = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$k = state => {
+const dispose$j = state => {
   remove$2(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -2605,9 +2604,9 @@ const setBounds$8 = (state, x, y, width, height) => {
 
 const ViewletEditorCompletion = {
   __proto__: null,
-  attachEvents: attachEvents$b,
-  create: create$H,
-  dispose: dispose$k,
+  attachEvents: attachEvents$a,
+  create: create$F,
+  dispose: dispose$j,
   handleError: handleError$7,
   setBounds: setBounds$8,
   setContentHeight,
@@ -2629,7 +2628,7 @@ const ViewletEditorCompletionDetailsEvents = {
   returnValue: returnValue$8
 };
 
-const create$G = () => {
+const create$E = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -2637,7 +2636,7 @@ const create$G = () => {
     $Viewlet
   };
 };
-const attachEvents$a = state => {
+const attachEvents$9 = state => {
   // TODO
 };
 const setDom$8 = (state, dom) => {
@@ -2655,7 +2654,7 @@ const appendWidget$4 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$j = state => {
+const dispose$i = state => {
   remove$2(state.$Viewlet);
 };
 const setBounds$7 = (state, x, y, width, height) => {
@@ -2669,9 +2668,9 @@ const ViewletEditorCompletionDetails = {
   __proto__: null,
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
-  attachEvents: attachEvents$a,
-  create: create$G,
-  dispose: dispose$j,
+  attachEvents: attachEvents$9,
+  create: create$E,
+  dispose: dispose$i,
   setBounds: setBounds$7,
   setDom: setDom$8
 };
@@ -2679,7 +2678,7 @@ const ViewletEditorCompletionDetails = {
 const rememberFocus = rememberFocus$1;
 
 const returnValue$7 = true;
-const handleSashPointerDown$2 = create$I(event => {
+const handleSashPointerDown$2 = create$G(event => {
   const {
     clientX,
     clientY
@@ -2738,7 +2737,7 @@ const handleFocusIn$2 = event => {
   const uid = fromEvent(event);
   handleFocusIn$4(uid);
 };
-const handleBlur$8 = event => {
+const handleBlur$7 = event => {
   const uid = fromEvent(event);
   executeViewletCommand(uid, 'EditorRename.handleBlur');
 };
@@ -2755,7 +2754,7 @@ const handleInput$6 = event => {
 
 const ViewletEditorRenameEvents = {
   __proto__: null,
-  handleBlur: handleBlur$8,
+  handleBlur: handleBlur$7,
   handleFocusIn: handleFocusIn$2,
   handleInput: handleInput$6
 };
@@ -2773,7 +2772,7 @@ const appendWidget$2 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$i = state => {
+const dispose$h = state => {
   remove$2(state.$Viewlet);
 };
 
@@ -2781,7 +2780,7 @@ const ViewletEditorRename = {
   __proto__: null,
   Events: ViewletEditorRenameEvents,
   appendWidget: appendWidget$2,
-  dispose: dispose$i,
+  dispose: dispose$h,
   setBounds: setBounds$5
 };
 
@@ -2809,7 +2808,7 @@ const appendWidget$1 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$h = state => {
+const dispose$g = state => {
   remove$2(state.$Viewlet);
 };
 
@@ -2817,7 +2816,7 @@ const ViewletEditorSourceActions = {
   __proto__: null,
   Events: ViewletEditorSourceActionsEvents,
   appendWidget: appendWidget$1,
-  dispose: dispose$h,
+  dispose: dispose$g,
   setBounds: setBounds$4
 };
 
@@ -2910,7 +2909,7 @@ const ViewletFindWidgetEvents = {
   returnValue: returnValue$6
 };
 
-const create$F = () => {
+const create$D = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -2918,7 +2917,7 @@ const create$F = () => {
     $Viewlet
   };
 };
-const focus$h = (state, key, source) => {
+const focus$g = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -2936,7 +2935,7 @@ const focus$h = (state, key, source) => {
   $Element.focus();
   applyUidWorkaround($Viewlet);
 };
-const setValue$3 = (state, value) => {
+const setValue$2 = (state, value) => {
   const {
     $Viewlet
   } = state;
@@ -2964,7 +2963,7 @@ const setBounds$3 = (state, x, y, width, height) => {
   } = state;
   setBounds$a($Viewlet, x, y, width, height);
 };
-const dispose$g = state => {
+const dispose$f = state => {
   remove$2(state.$Viewlet);
 };
 const Events$9 = ViewletFindWidgetEvents;
@@ -2973,12 +2972,12 @@ const ViewletFindWidget = {
   __proto__: null,
   Events: Events$9,
   appendWidget,
-  create: create$F,
-  dispose: dispose$g,
-  focus: focus$h,
+  create: create$D,
+  dispose: dispose$f,
+  focus: focus$g,
   setBounds: setBounds$3,
   setDom: setDom$6,
-  setValue: setValue$3
+  setValue: setValue$2
 };
 
 const ActivityBar = 'ActivityBar';
@@ -3011,7 +3010,6 @@ 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';
@@ -3476,7 +3474,7 @@ const getWorkerDisplayName = name => {
   }
   return `${name} worker`;
 };
-const create$E = async ({
+const create$C = async ({
   url,
   name
 }) => {
@@ -3543,7 +3541,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$E,
+  create: create$C,
   wrap
 };
 
@@ -3551,7 +3549,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$D = async ({
+const create$B = async ({
   url
 }) => {
   string(url);
@@ -3572,10 +3570,10 @@ const create$D = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$D
+  create: create$B
 };
 
-const create$C = async url => {
+const create$A = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -3586,7 +3584,7 @@ const create$C = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$C
+  create: create$A
 };
 
 const isWorker = value => {
@@ -3594,12 +3592,12 @@ const isWorker = value => {
 };
 
 // TODO add test
-const create$B = async ({
+const create$z = async ({
   url,
   name,
   port
 }) => {
-  const worker = await create$E({
+  const worker = await create$C({
     url,
     name
   });
@@ -3618,7 +3616,7 @@ const create$B = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$B
+  create: create$z
 };
 
 const handleIpcOnce = ipc => {
@@ -3774,7 +3772,7 @@ const fixElectronParameters = value => {
     transfer
   };
 };
-const attachEvents$9 = that => {
+const attachEvents$8 = that => {
   const handleMessage = (...args) => {
     const data = that.getData(...args);
     that.dispatchEvent(new MessageEvent('message', {
@@ -3791,7 +3789,7 @@ class Ipc extends EventTarget {
   constructor(rawIpc) {
     super();
     this._rawIpc = rawIpc;
-    attachEvents$9(this);
+    attachEvents$8(this);
   }
 }
 const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
@@ -4145,7 +4143,7 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
 };
 
 // TODO use handleIncomingIpc function
-const create$A = async ({
+const create$y = async ({
   port,
   ipcId
 }) => {
@@ -4161,7 +4159,7 @@ const create$A = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$A
+  create: create$y
 };
 
 const play = async src => {
@@ -4336,7 +4334,6 @@ const AriaLabelledBy = 'aria-labelledby';
 const AriaDescribedBy = 'aria-describedby';
 const AriaActiveDescendant = 'aria-activedescendant';
 const AriaSelected = 'aria-selected';
-const AriaControls = 'aria-controls';
 const AriaHidden = 'aria-hidden';
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
@@ -4392,7 +4389,7 @@ const AriaAlert = {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$z = (message, x, y) => {
+const create$x = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -4407,7 +4404,7 @@ const create$z = (message, x, y) => {
 
 const name$s = 'EditorError';
 const Commands$t = {
-  create: create$z
+  create: create$x
 };
 
 const EditorError_ipc = {
@@ -4491,7 +4488,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$y = (uri, top, left) => {
+const create$w = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -4516,22 +4513,22 @@ const create$y = (uri, top, left) => {
 const update = (state, uri) => {
   state.$ImagePreviewImage.uri = uri;
 };
-const dispose$f = state => {
+const dispose$e = state => {
   remove$2(state.$ImagePreview);
 };
 
 const ImagePreview = {
   __proto__: null,
-  create: create$y,
-  dispose: dispose$f,
+  create: create$w,
+  dispose: dispose$e,
   showError,
   update
 };
 
 const name$p = 'ImagePreview';
 const Commands$q = {
-  create: create$y,
-  dispose: dispose$f,
+  create: create$w,
+  dispose: dispose$e,
   showError: showError,
   update: update
 };
@@ -4608,7 +4605,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$J
+  create: create$H
 };
 
 const IpcParent_ipc = {
@@ -4728,7 +4725,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$x = (type, message) => {
+const create$v = (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);
@@ -4773,7 +4770,7 @@ const createWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
   append$1($Notification);
 };
-const dispose$e = id => {
+const dispose$d = id => {
   // const $Notification = state.$Notifications
 };
 
@@ -4781,9 +4778,9 @@ const name$h = 'Notification';
 
 // prettier-ignore
 const Commands$i = {
-  create: create$x,
+  create: create$v,
   createWithOptions: createWithOptions,
-  dispose: dispose$e
+  dispose: dispose$d
 };
 
 const Notification_ipc = {
@@ -4805,7 +4802,7 @@ const set$4 = (canvasId, canvas) => {
 const get$3 = id => {
   return get$4(id);
 };
-const create$w = async (canvasId, objectId) => {
+const create$u = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$4(canvasId, canvas);
@@ -4816,7 +4813,7 @@ const name$g = 'OffscreenCanvas';
 
 // prettier-ignore
 const Commands$h = {
-  create: create$w
+  create: create$u
 };
 
 const OffscreenCanvas_ipc = {
@@ -4863,7 +4860,7 @@ const getElement = () => {
   return state$2.$PreviousFocusElement;
 };
 
-const focus$g = $Element => {
+const focus$f = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -4883,7 +4880,6 @@ const focusPrevious = () => {
 const FocusDebugInput = 6;
 const FocusLocationList = 17;
 const FocusMenu = 18;
-const FocusQuickPickInput = 20;
 const FocusSimpleBrowserInput = 23;
 const FocusOutput = 28;
 
@@ -5073,7 +5069,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mous
   state$1.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$g($Menu);
+    focus$f($Menu);
     send('Focus.setFocus', FocusMenu);
   }
 };
@@ -5272,7 +5268,7 @@ const start = async (id, options) => {
     throw new VError$1(error, `Failed to start screen capture`);
   }
 };
-const dispose$d = async (id, options) => {
+const dispose$c = async (id, options) => {
   try {
     number(id);
     const captureStream = get$2(id);
@@ -5287,7 +5283,7 @@ const dispose$d = async (id, options) => {
 
 const name$b = 'ScreenCapture';
 const Commands$c = {
-  dispose: dispose$d,
+  dispose: dispose$c,
   start: start
 };
 
@@ -5957,7 +5953,7 @@ const handleMouseDown$2 = event => {
   const index = getNodeIndex($Item);
   return ['handleClick', button, index, clientX, clientY];
 };
-const handleBlur$7 = () => {
+const handleBlur$6 = () => {
   return ['handleBlur'];
 };
 const handleFocus$8 = () => {
@@ -5979,7 +5975,7 @@ const returnValue$5 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
-  handleBlur: handleBlur$7,
+  handleBlur: handleBlur$6,
   handleContextMenu: handleContextMenu$9,
   handleFocus: handleFocus$8,
   handleMouseDown: handleMouseDown$2,
@@ -6020,14 +6016,14 @@ const ViewletAudio = {
   Events: Events$7
 };
 
-const create$v = () => {
+const create$t = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
     $Viewlet
   };
 };
-const dispose$c = state => {};
+const dispose$b = state => {};
 const refresh$4 = () => {};
 const setTime = (state, time) => {
   object(state);
@@ -6037,8 +6033,8 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$v,
-  dispose: dispose$c,
+  create: create$t,
+  dispose: dispose$b,
   refresh: refresh$4,
   setTime
 };
@@ -6064,7 +6060,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$4
 };
 
-const create$u = () => {
+const create$s = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -6080,7 +6076,7 @@ const setDom$5 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$u,
+  create: create$s,
   setDom: setDom$5
 };
 
@@ -6097,18 +6093,18 @@ const handleKeyDown$3 = event => {
   } = event;
   handleKeyDown$5(uid, key, altKey, ctrlKey, shiftKey, metaKey);
 };
-const handleBlur$6 = event => {
+const handleBlur$5 = event => {
   const uid = fromEvent(event);
-  handleBlur$a(uid);
+  handleBlur$9(uid);
 };
 
 const ViewletDefineKeyBindingEvents = {
   __proto__: null,
-  handleBlur: handleBlur$6,
+  handleBlur: handleBlur$5,
   handleKeyDown: handleKeyDown$3
 };
 
-const setValue$2 = (state, value) => {
+const setValue$1 = (state, value) => {
   object(state);
   string(value);
   const {
@@ -6117,7 +6113,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector('input');
   $Input.value = value;
 };
-const focus$f = state => {
+const focus$e = state => {
   const {
     $Viewlet
   } = state;
@@ -6128,8 +6124,8 @@ const focus$f = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$f,
-  setValue: setValue$2
+  focus: focus$e,
+  setValue: setValue$1
 };
 
 const setMaskImage = ($Element, icon) => {
@@ -6141,7 +6137,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$t = icon => {
+const create$r = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -6151,7 +6147,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$r(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -6172,7 +6168,7 @@ const handleClick$4 = event => {
   handleClick$5(index);
 };
 
-const create$s = () => {
+const create$q = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -6253,7 +6249,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$s,
+  create: create$q,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -6306,7 +6302,7 @@ const handleContextMenu$8 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$I(event => {
+const handleSashCornerPointerDown = create$G(event => {
   const {
     clientX,
     clientY
@@ -6484,7 +6480,7 @@ const ViewletE2eTests = {
 
 // TODO aria alert
 
-const create$r = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -6506,7 +6502,7 @@ const setBounds$2 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$r,
+  create: create$p,
   setBounds: setBounds$2,
   setDom: setDom$4
 };
@@ -6554,7 +6550,7 @@ const handlePointerCaptureLost$1 = event => {
 /**
  * @param {PointerEvent} event
  */
-const handlePointerDown$4 = event => {
+const handlePointerDown$3 = event => {
   const {
     pointerId,
     clientX,
@@ -6570,7 +6566,7 @@ const handlePointerDown$4 = event => {
   target.addEventListener(PointerUp, handlePointerUp);
   target.addEventListener(LostPointerCapture, handlePointerCaptureLost$1);
   const uid = fromEvent(event);
-  handlePointerDown$5(uid, pointerId, clientX, clientY);
+  handlePointerDown$4(uid, pointerId, clientX, clientY);
 };
 
 /**
@@ -6610,19 +6606,19 @@ const handleFocus$6 = event => {
   handleFocus$a(uid);
 };
 
-const create$q = () => {
+const create$o = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
     $Viewlet
   };
 };
-const attachEvents$8 = state => {
+const attachEvents$7 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
-    [PointerDown]: handlePointerDown$4,
+  attachEvents$b($Viewlet, {
+    [PointerDown]: handlePointerDown$3,
     [PointerUp]: handlePointerUp,
     [ContextMenu]: handleContextMenu$6,
     [FocusIn]: handleFocus$6
@@ -6652,14 +6648,14 @@ const setDom$3 = (state, dom) => {
 
 const ViewletEditorImage = {
   __proto__: null,
-  attachEvents: attachEvents$8,
-  create: create$q,
+  attachEvents: attachEvents$7,
+  create: create$o,
   setDom: setDom$3,
   setDragging,
   setTransform
 };
 
-const create$p = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -6667,7 +6663,7 @@ const create$p = () => {
     $Viewlet
   };
 };
-const dispose$b = state => {};
+const dispose$a = state => {};
 const refresh$3 = (state, context) => {
   object(state);
   string(context.content);
@@ -6676,15 +6672,14 @@ const refresh$3 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$p,
-  dispose: dispose$b,
+  create: create$n,
+  dispose: dispose$a,
   refresh: refresh$3
 };
 
 const List = 'list';
 
 const Editor = 'editor';
-const QuickInput = 'Quick Input';
 const SideBar = 'Side Bar';
 const StatusBar = 'Status Bar';
 
@@ -6806,7 +6801,7 @@ const handleMouseMove = event => {
   } = event;
   return ['handleMouseMove', clientX, clientY, altKey];
 };
-const handleBlur$5 = event => {
+const handleBlur$4 = event => {
   // needed for save on blur
   // also needed to close completions on blur
   return ['handleBlur'];
@@ -6816,7 +6811,7 @@ const handleBlur$5 = event => {
  *
  * @param {InputEvent} event
  */
-const handleBeforeInput$1 = event => {
+const handleBeforeInput = event => {
   preventDefault(event);
   const {
     inputType,
@@ -6935,7 +6930,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$I(event => {
+const handleScrollBarVerticalPointerDown = create$G(event => {
   const {
     clientY
   } = event;
@@ -7058,7 +7053,7 @@ const setLineInfos = (state, dom) => {
 // 1. create -> only create dom elements
 // 2. render -> fill elements with attributes and data
 // that way all dom nodes can be recycled
-const create$o = () => {
+const create$m = () => {
   const $EditorInput = document.createElement('textarea');
   $EditorInput.className = 'EditorInput';
   $EditorInput.ariaAutoComplete = List;
@@ -7072,12 +7067,12 @@ const create$o = () => {
   $EditorInput.role = TextBox;
   // TODO where to best put listeners (side effects)
   attachEventsFunctional($EditorInput, {
-    [BeforeInput]: handleBeforeInput$1,
+    [BeforeInput]: handleBeforeInput,
     [CompositionStart]: handleCompositionStart,
     [CompositionUpdate]: handleCompositionUpdate,
     [CompositionEnd]: handleCompositionEnd,
     [Focus]: handleFocus$5,
-    [Blur]: handleBlur$5,
+    [Blur]: handleBlur$4,
     [Cut]: handleCut,
     [Paste]: handlePaste,
     returnValue: true
@@ -7225,7 +7220,7 @@ const setDecorationsDom$1 = (state, decorations) => {
   setDecorationsDom$2(state, decorations);
 };
 
-const create$n = create$o;
+const create$l = create$m;
 const setText$1 = setText$2;
 const setSelections = setSelections$1;
 const setIncrementalEdits = setIncrementalEdits$1;
@@ -7262,13 +7257,13 @@ const hideOverlayMessage = state => {
   }
 };
 const setFocused$1 = setFocused$2;
-const focus$e = setFocused$2;
+const focus$d = setFocused$2;
 const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
   __proto__: null,
-  create: create$n,
-  focus: focus$e,
+  create: create$l,
+  focus: focus$d,
   handleError: handleError$4,
   hideOverlayMessage,
   highlightAsLink,
@@ -7283,7 +7278,7 @@ const ViewletEditorText = {
   showOverlayMessage
 };
 
-const create$m = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorTextError';
   return {
@@ -7299,11 +7294,11 @@ const setMessage$3 = (state, message) => {
 
 const ViewletEditorTextError = {
   __proto__: null,
-  create: create$m,
+  create: create$k,
   setMessage: setMessage$3
 };
 
-const create$l = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
@@ -7326,12 +7321,12 @@ const setBounds$1 = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$l,
+  create: create$j,
   setBounds: setBounds$1,
   setMessage: setMessage$2
 };
 
-const create$k = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -7340,18 +7335,18 @@ const create$k = () => {
   };
 };
 const refresh$2 = (state, context) => {};
-const focus$d = state => {};
-const dispose$a = state => {};
+const focus$c = state => {};
+const dispose$9 = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$k,
-  dispose: dispose$a,
-  focus: focus$d,
+  create: create$i,
+  dispose: dispose$9,
+  focus: focus$c,
   refresh: refresh$2
 };
 
-const create$j = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -7361,10 +7356,10 @@ const create$j = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create: create$j
+  create: create$h
 };
 
-const create$i = () => {
+const create$g = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
@@ -7380,7 +7375,7 @@ const setMessage$1 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$i,
+  create: create$g,
   setMessage: setMessage$1
 };
 
@@ -7427,7 +7422,7 @@ const handleFocus$4 = event => {
   const uid = fromEvent(event);
   handleFocus$a(uid);
 };
-const handlePointerDown$3 = event => {
+const handlePointerDown$2 = event => {
   const {
     target,
     button
@@ -7492,7 +7487,7 @@ const handleTouchEnd = event => {
 
 // based on https://github.com/microsoft/vscode/blob/main/src/vs/workbench/contrib/extensions/browser/extensionsList.ts (License MIT)
 
-const create$h = () => {
+const create$f = () => {
   const $ExtensionHeader = document.createElement('div');
   $ExtensionHeader.className = 'ExtensionHeader';
 
@@ -7527,7 +7522,7 @@ const create$h = () => {
     $Message: undefined
   };
 };
-const attachEvents$7 = state => {
+const attachEvents$6 = state => {
   const {
     $ExtensionHeader,
     $ListItems,
@@ -7536,9 +7531,9 @@ const attachEvents$7 = state => {
   $ExtensionHeader.addEventListener(Input, handleInput$3, Capture);
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
-  attachEvents$c($ListItems, {
+  attachEvents$b($ListItems, {
     [ContextMenu]: handleContextMenu$4,
-    [PointerDown]: handlePointerDown$3,
+    [PointerDown]: handlePointerDown$2,
     [Focus]: handleFocus$4,
     [Scroll]: handleScroll
   });
@@ -7546,11 +7541,11 @@ const attachEvents$7 = state => {
   $ListItems.addEventListener(TouchMove, handleTouchMove, Passive);
   $ListItems.addEventListener(TouchEnd, handleTouchEnd, Passive);
   $ListItems.addEventListener(Wheel, handleWheel$2, Passive);
-  attachEvents$c($ScrollBar, {
+  attachEvents$b($ScrollBar, {
     [PointerDown]: handleScrollBarPointerDown$1
   });
 };
-const focus$c = state => {
+const focus$b = state => {
   object(state);
   state.$InputBox.focus();
 };
@@ -7599,7 +7594,7 @@ const setExtensionsDom = (state, dom) => {
   // @ts-expect-error
   $ListItems.replaceChildren(...$Root.firstChild.childNodes);
 };
-const dispose$9 = () => {};
+const dispose$8 = () => {};
 const openSuggest = state => {
   // TODO maybe cache getBoundingClientRect (though it is not a bottleneck right now)
   // TODO getBoundingClientRect should not be needed, all positions should be known already in renderer worker
@@ -7635,11 +7630,11 @@ const setSearchValue = (state, oldValue, newValue) => {
 
 const ViewletExtensions = {
   __proto__: null,
-  attachEvents: attachEvents$7,
+  attachEvents: attachEvents$6,
   closeSuggest,
-  create: create$h,
-  dispose: dispose$9,
-  focus: focus$c,
+  create: create$f,
+  dispose: dispose$8,
+  focus: focus$b,
   handleError: handleError$3,
   openSuggest,
   setContentHeight,
@@ -7672,7 +7667,7 @@ const ViewletLocationsEvents = {
 };
 
 const Events$6 = ViewletLocationsEvents;
-const setFocusedIndex$3 = (state, oldFocusedIndex, newFocusedIndex) => {
+const setFocusedIndex$2 = (state, oldFocusedIndex, newFocusedIndex) => {
   const {
     $Viewlet
   } = state;
@@ -7695,7 +7690,7 @@ const handleError$2 = (state, message) => {
   } = state;
   $Message.textContent = message;
 };
-const focus$b = state => {
+const focus$a = state => {
   const {
     $Locations
   } = state;
@@ -7707,9 +7702,9 @@ const focus$b = state => {
 const ViewletImplementations = {
   __proto__: null,
   Events: Events$6,
-  focus: focus$b,
+  focus: focus$a,
   handleError: handleError$2,
-  setFocusedIndex: setFocusedIndex$3
+  setFocusedIndex: setFocusedIndex$2
 };
 
 const handleScrollBarPointerDown = event => {
@@ -7766,7 +7761,7 @@ const getPointerDownFunction = event => {
       return undefined;
   }
 };
-const handlePointerDown$2 = event => {
+const handlePointerDown$1 = event => {
   const pointerDownFunction = getPointerDownFunction(event);
   if (!pointerDownFunction) {
     return;
@@ -7776,13 +7771,13 @@ const handlePointerDown$2 = event => {
 
 const ViewletkeyBindingsEvents = {
   __proto__: null,
-  handlePointerDown: handlePointerDown$2,
+  handlePointerDown: handlePointerDown$1,
   handleResizerPointerDown,
   handleResizerPointerMove,
   handleResizerPointerUp
 };
 
-const setValue$1 = (state, value) => {
+const setValue = (state, value) => {
   const {
     $Viewlet
   } = state;
@@ -7808,7 +7803,7 @@ const ViewletKeyBindings = {
   setColumnWidths,
   setScrollBar: setScrollBar$2,
   setSize,
-  setValue: setValue$1
+  setValue
 };
 
 const getSashId = $Target => {
@@ -8249,7 +8244,7 @@ const handleResize$1 = (width, height) => {
 const handleFocus$3 = () => {
   send('Layout.handleFocus');
 };
-const handleBlur$4 = () => {
+const handleBlur$3 = () => {
   send('Layout.handleBlur');
 };
 
@@ -8295,13 +8290,13 @@ const handleResize = () => {
 const handleFocus$2 = () => {
   handleFocus$3();
 };
-const handleBlur$3 = () => {
-  handleBlur$4();
+const handleBlur$2 = () => {
+  handleBlur$3();
 };
 const handleKeyDown$1 = handleKeyDown$2;
 const handleKeyUp = handleKeyUp$1;
 
-const create$g = () => {
+const create$e = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div');
   $SashSideBar.className = 'Viewlet Sash SashVertical';
@@ -8322,23 +8317,23 @@ const create$g = () => {
     $SashPanel
   };
 };
-const attachEvents$6 = state => {
+const attachEvents$5 = state => {
   const {
     $SashSideBar,
     $SashPanel
   } = state;
-  attachEvents$c($SashSideBar, {
+  attachEvents$b($SashSideBar, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$c($SashPanel, {
+  attachEvents$b($SashPanel, {
     [PointerDown]: handleSashPointerDown,
     [DoubleClick]: handleSashDoubleClick
   });
-  attachEvents$c(window, {
+  attachEvents$b(window, {
     [Resize]: handleResize,
     [Focus]: handleFocus$2,
-    [Blur]: handleBlur$3,
+    [Blur]: handleBlur$2,
     [KeyDown]: handleKeyDown$1,
     [KeyUp]: handleKeyUp
   });
@@ -8356,8 +8351,8 @@ const setSashes = (state, sashSideBar, sashPanel) => {
 
 const ViewletLayout = {
   __proto__: null,
-  attachEvents: attachEvents$6,
-  create: create$g,
+  attachEvents: attachEvents$5,
+  create: create$e,
   setSashes
 };
 
@@ -8452,7 +8447,7 @@ const handleContextMenu$3 = event => {
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
-const create$f = () => {
+const create$d = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.id = 'Main';
   $Viewlet.className = 'Viewlet Main';
@@ -8473,11 +8468,11 @@ const create$f = () => {
     $DragOverlay: undefined
   };
 };
-const attachEvents$5 = state => {
+const attachEvents$4 = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
+  attachEvents$b($Viewlet, {
     [Drop]: handleDrop$1,
     [DragOver]: handleDragOver$1,
     [DragEnd]: handleDragEnd,
@@ -8485,7 +8480,7 @@ const attachEvents$5 = state => {
     [ContextMenu]: handleContextMenu$3
   });
 };
-const dispose$8 = state => {};
+const dispose$7 = state => {};
 const replaceEditor = (state, id, uri, languageId) => {};
 const addEditor = (state, id, uri, languageId) => {};
 
@@ -8507,7 +8502,7 @@ const closeViewletAndTab = (state, index) => {
   state.$MainTabs.remove();
   state.$MainTabs = undefined;
 };
-const focus$a = () => {};
+const focus$9 = () => {};
 const highlightDragOver = state => {
   const {
     $MainTabs
@@ -8549,12 +8544,12 @@ const setDragOverlay = (state, visible, x, y, width, height) => {
 const ViewletMain = {
   __proto__: null,
   addEditor,
-  attachEvents: attachEvents$5,
+  attachEvents: attachEvents$4,
   closeAllViewlets,
   closeViewletAndTab,
-  create: create$f,
-  dispose: dispose$8,
-  focus: focus$a,
+  create: create$d,
+  dispose: dispose$7,
+  focus: focus$9,
   highlightDragOver,
   openEditor,
   replaceEditor,
@@ -8629,7 +8624,7 @@ const handleTabsContextMenu = event => {
   handleTabContextMenu(uid, clientX, clientY);
 };
 
-const create$e = () => {
+const create$c = () => {
   const $MainTabs = document.createElement('div');
   $MainTabs.className = 'Viewlet MainTabs';
   $MainTabs.role = TabList;
@@ -8639,11 +8634,11 @@ const create$e = () => {
     $MainTabs
   };
 };
-const attachEvents$4 = state => {
+const attachEvents$3 = state => {
   const {
     $MainTabs
   } = state;
-  attachEvents$c($MainTabs, {
+  attachEvents$b($MainTabs, {
     [ContextMenu]: handleTabsContextMenu,
     [DragOver]: handleDragOver,
     [DragStart]: handleDragStart,
@@ -8677,14 +8672,14 @@ const setHighlight = (state, highlightLeft) => {
 
 const ViewletMainTabs = {
   __proto__: null,
-  attachEvents: attachEvents$4,
-  create: create$e,
+  attachEvents: attachEvents$3,
+  create: create$c,
   setHighlight,
   setScrollLeft,
   setTabsDom: setTabsDom$2
 };
 
-const create$d = () => {
+const create$b = () => {
   const $ViewletOutputContent = document.createElement('div');
   $ViewletOutputContent.className = 'OutputContent';
   $ViewletOutputContent.role = Log;
@@ -8716,9 +8711,9 @@ const handleError$1 = (state, error) => {
   string(error);
   state.content.textContent = error;
 };
-const focus$9 = state => {
+const focus$8 = state => {
   object(state);
-  focus$g(state.$ViewletOutputContent);
+  focus$f(state.$ViewletOutputContent);
   send('Focus.setFocus', FocusOutput);
 };
 
@@ -8731,15 +8726,15 @@ const disposeFindWidget = state => {
     return;
   }
 };
-const dispose$7 = state => {};
+const dispose$6 = state => {};
 
 const ViewletOutput = {
   __proto__: null,
   clear: clear$1,
-  create: create$d,
-  dispose: dispose$7,
+  create: create$b,
+  dispose: dispose$6,
   disposeFindWidget,
-  focus: focus$9,
+  focus: focus$8,
   handleError: handleError$1,
   openFindWidget,
   setText
@@ -8789,7 +8784,7 @@ const UiStrings = {
   Close: 'Close',
   Maximize: 'Maximize'
 };
-const create$c = () => {
+const create$a = () => {
   const $PanelTabs = document.createElement('div');
   $PanelTabs.className = 'PanelTabs';
   $PanelTabs.role = TabList;
@@ -8827,19 +8822,19 @@ const create$c = () => {
   };
   // await openViewlet('Terminal')
 };
-const attachEvents$3 = state => {
+const attachEvents$2 = state => {
   const {
     $ButtonMaximize,
     $ButtonClose,
     $PanelHeader
   } = state;
-  attachEvents$c($PanelHeader, {
+  attachEvents$b($PanelHeader, {
     [Click]: handleHeaderClick$1
   });
-  attachEvents$c($ButtonMaximize, {
+  attachEvents$b($ButtonMaximize, {
     [Click]: handleClickMaximize
   });
-  attachEvents$c($ButtonClose, {
+  attachEvents$b($ButtonClose, {
     [Click]: handleClickClose
   });
 };
@@ -8851,14 +8846,14 @@ const setTabsDom$1 = (state, dom) => {
 };
 
 // TODO add test for focus method
-const focus$8 = state => {
+const focus$7 = state => {
   object(state);
   if (!state.currentViewlet) {
     return;
   }
   state.currentViewlet.factory.focus(state.currentViewlet.state);
 };
-const dispose$6 = state => {
+const dispose$5 = state => {
   if (state.$PanelContent) {
     state.$PanelContent.remove();
     state.$PanelContent = undefined;
@@ -8901,16 +8896,16 @@ const setActionsDom$1 = (state, actions, childUid) => {
 
 const ViewletPanel = {
   __proto__: null,
-  attachEvents: attachEvents$3,
-  create: create$c,
-  dispose: dispose$6,
-  focus: focus$8,
+  attachEvents: attachEvents$2,
+  create: create$a,
+  dispose: dispose$5,
+  focus: focus$7,
   setActionsDom: setActionsDom$1,
   setSelectedIndex,
   setTabsDom: setTabsDom$1
 };
 
-const handlePointerDown$1 = event => {
+const handlePointerDown = event => {
   preventDefault(event);
   const {
     clientX,
@@ -8945,11 +8940,11 @@ const ViewletProblemsEvents = {
   handleClearFilterClick,
   handleContextMenu: handleContextMenu$2,
   handleFilterInput,
-  handlePointerDown: handlePointerDown$1,
+  handlePointerDown,
   returnValue: returnValue$2
 };
 
-const setFocusedIndex$2 = (state, focusedIndex) => {
+const setFocusedIndex$1 = (state, focusedIndex) => {
   const {
     $Viewlet
   } = state;
@@ -8958,7 +8953,7 @@ const setFocusedIndex$2 = (state, focusedIndex) => {
     $Viewlet.focus();
   }
 };
-const focus$7 = state => {
+const focus$6 = state => {
   const {
     $Viewlet
   } = state;
@@ -8969,294 +8964,16 @@ const ViewletProblems = {
   __proto__: null,
   EventMap: ViewletProblemsEvents,
   Events: ViewletProblemsEvents,
-  focus: focus$7,
-  setFocusedIndex: setFocusedIndex$2
-};
-
-const create$b = () => {
-  const $InputBox = document.createElement('input');
-  $InputBox.className = 'InputBox';
-  $InputBox.spellcheck = false;
-  $InputBox.autocapitalize = 'off';
-  // $InputBox.autocomplete = 'off' // TODO needed?
-  $InputBox.type = 'text';
-  $InputBox.setAttribute('autocorrect', 'off'); // for ios
-  return $InputBox;
-};
-
-const getIsMobile = () => {
-  // @ts-ignore
-  if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test') {
-    return false;
-  }
-  // @ts-expect-error
-  const userAgentData = navigator.userAgentData;
-  if (userAgentData && 'mobile' in userAgentData) {
-    return userAgentData.mobile;
-  }
-  if (navigator.userAgent.includes('Android')) {
-    return true;
-  }
-  return false;
-};
-const isMobile = getIsMobile();
-
-/* Tries to implement the pattern for combobox with listbox popup https://www.w3.org/TR/wai-aria-1.2/#combobox */
-
-
-// TODO use another virtual list that just appends elements and
-// is optimized for fast show/hide, scrolling performance should
-// be good as well but is not as important as fast show/hide
-
-// TODO screenreader makes pause after reading colon, maybe there is a setting for screenreaders so they speak normally
-
-// TODO state
-
-// TODO when quickpick is shown recalculate style and layout is really slow (>10ms every time)
-
-// TODO accessibility issues with nvda: when pressing escape, it goes into different mode
-// but should just close quick-pick like vscode does
-
-const handlePointerDown = event => {
-  if (isMobile) {
-    // workaround to disable virtual keyboard automatically opening on android
-    // see https://stackoverflow.com/questions/48635501/how-to-hide-soft-keyboard-and-keep-input-on-focus#answer-53104238
-    const $Input = document.querySelector('#QuickPickHeader .InputBox');
-    if ($Input) {
-      // @ts-expect-error
-      $Input.readOnly = true;
-    }
-  }
-  preventDefault(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleClickAt$3(uid, clientX, clientY);
-};
-const handleBlur$2 = event => {
-  const uid = fromEvent(event);
-  handleBlur$a(uid);
-};
-
-// TODO
-// - for windows narrator, ariaLabel works well
-// - for nvda ariaRoleDescription works better
-
-const handleBeforeInput = event => {
-  const {
-    target,
-    inputType,
-    data
-  } = event;
-  const {
-    selectionStart,
-    selectionEnd
-  } = target;
-  const uid = fromEvent(event);
-  handleBeforeInput$2(uid, inputType, data, selectionStart, selectionEnd);
-};
-
-/* Tries to implement the pattern for combobox with listbox popup https://www.w3.org/TR/wai-aria-1.2/#combobox */
-
-
-// TODO use another virtual list that just appends elements and
-// is optimized for fast show/hide, scrolling performance should
-// be good as well but is not as important as fast show/hide
-
-// TODO screenreader makes pause after reading colon, maybe there is a setting for screenreaders so they speak normally
-
-// TODO state
-
-// TODO when quickpick is shown recalculate style and layout is really slow (>10ms every time)
-
-// TODO accessibility issues with nvda: when pressing escape, it goes into different mode
-// but should just close quick-pick like vscode does
-
-const activeId$1 = 'QuickPickItemActive';
-
-// TODO forbidden:
-// 1. methods
-// 2. functions inside functions
-
-/**
- * @enum {string}
- */
-const Ids = {
-  QuickPickItems: 'QuickPickItems',
-  QuickPick: 'QuickPick'
-};
-
-// TODO add test with show and slicedItems length is 0
-
-const setFocusedIndex$1 = (state, oldFocusedIndex, newFocusedIndex) => {
-  const {
-    $QuickPickInput
-  } = state;
-  if (newFocusedIndex >= 0) {
-    $QuickPickInput.setAttribute(AriaActiveDescendant, activeId$1);
-  }
-};
-const focusElement = $Element => {
-  if (!$Element) {
-    return;
-  }
-  if (isMobile) {
-    // workaround to disable virtual keyboard automatically opening on android
-    // see https://stackoverflow.com/questions/48635501/how-to-hide-soft-keyboard-and-keep-input-on-focus#answer-53104238
-    $Element.readOnly = true;
-    $Element.focus();
-    const handleTimeout = () => {
-      $Element.readOnly = false;
-    };
-    setTimeout(handleTimeout, 0);
-  } else {
-    $Element.focus();
-  }
-};
-const focus$6 = state => {
-  const {
-    $QuickPickInput
-  } = state;
-  focusElement($QuickPickInput);
-  send('Focus.setFocus', FocusQuickPickInput);
-};
-
-// TODO
-// - for windows narrator, ariaLabel works well
-// - for nvda ariaRoleDescription works better
-
-const create$a = () => {
-  const $QuickPickInput = create$b();
-  $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
-  $QuickPickInput.role = ComboBox;
-  $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
-  $QuickPickInput.ariaAutoComplete = List;
-  $QuickPickInput.ariaExpanded = True;
-  const $QuickPickHeader = document.createElement('div');
-  $QuickPickHeader.className = 'QuickPickHeader';
-  $QuickPickHeader.append($QuickPickInput);
-  const $QuickPickItems = document.createElement('div');
-  $QuickPickItems.id = Ids.QuickPickItems;
-  $QuickPickItems.className = 'QuickPickItems';
-  $QuickPickItems.role = ListBox;
-
-  // TODO this works well with nvda but not with windows narrator
-  // probably a bug with windows narrator that doesn't support ariaRoleDescription
-  $QuickPickItems.ariaRoleDescription = QuickInput;
-  const $QuickPick = document.createElement('div');
-  $QuickPick.id = Ids.QuickPick;
-  $QuickPick.className = 'Viewlet QuickPick';
-  // $QuickPick.role= 'dialog'
-  $QuickPick.append($QuickPickHeader, $QuickPickItems);
-  // $QuickPick.setAttribute('aria-modal', 'false') // TODO why is this
-  $QuickPick.ariaLabel = 'Quick open';
-  return {
-    $Viewlet: $QuickPick,
-    $QuickPick,
-    $QuickPickInput,
-    $QuickPickItems,
-    $QuickPickStatus: undefined
-  };
-};
-const attachEvents$2 = state => {
-  const {
-    $QuickPickItems,
-    $QuickPickInput
-  } = state;
-  attachEvents$c($QuickPickItems, {
-    [PointerDown]: handlePointerDown
-  });
-  $QuickPickItems.addEventListener(Wheel, handleWheel$2, Passive);
-  attachEvents$c($QuickPickInput, {
-    [Blur]: handleBlur$2,
-    [BeforeInput]: handleBeforeInput
-  });
-};
-const create$QuickPickStatus = () => {
-  const $QuickPickStatus = document.createElement('div');
-  $QuickPickStatus.className = 'QuickPickStatus';
-  // const te.$QuickPickStatus.role = AriaRoles.Status
-  // $QuickPickStatus.ariaLive = 'polite'
-  // $QuickPickStatus.id = 'QuickPickStatus'
-  return $QuickPickStatus;
-};
-const hideStatus = state => {
-  state.$QuickPickStatus.remove();
-  state.$QuickPickStatus = undefined;
-};
-const showNoResults = (state, noResults, unfocusIndex) => {
-  if (!state.$QuickPickStatus) {
-    state.$QuickPickStatus = create$QuickPickStatus();
-    state.$QuickPick.append(state.$QuickPickStatus);
-  }
-  state.$QuickPickStatus.textContent = 'No Results';
-
-  // announce to screenreaders that there are no results
-  alert$1('No results');
-};
-
-// TODO QuickPick module is always loaded lazily -> can create $QuickPick eagerly (no state / less state laying around)
-
-// TODO remove from dom vs display none which should be used?
-
-// TODO have common widgets container for all widgets (this, notifications, context menu)
-const dispose$5 = state => {
-  const {
-    $QuickPickInput
-  } = state;
-  $QuickPickInput.onblur = null;
-};
-const setValue = (state, value) => {
-  const {
-    $QuickPickInput
-  } = state;
-  $QuickPickInput.value = value;
-};
-const setCursorOffset = (state, cursorOffset) => {
-  const {
-    $QuickPickInput
-  } = state;
-  $QuickPickInput.selectionStart = cursorOffset;
-  $QuickPickInput.selectionEnd = cursorOffset;
-};
-const setItemsHeight = (state, itemsHeight) => {
-  const {
-    $QuickPickItems
-  } = state;
-  setHeight($QuickPickItems, itemsHeight);
-};
-const setItemsDom = (state, dom) => {
-  const {
-    $QuickPickItems
-  } = state;
-  renderInto($QuickPickItems, dom);
-};
-const noop = state => {};
-
-const ViewletQuickPick = {
-  __proto__: null,
-  attachEvents: attachEvents$2,
-  create: create$a,
-  dispose: dispose$5,
   focus: focus$6,
-  hideStatus,
-  noop,
-  setCursorOffset,
-  setFocusedIndex: setFocusedIndex$1,
-  setItemsDom,
-  setItemsHeight,
-  setValue,
-  showNoResults
+  setFocusedIndex: setFocusedIndex$1
 };
 
 const ViewletReferences = {
   __proto__: null,
   Events: Events$6,
-  focus: focus$b,
+  focus: focus$a,
   handleError: handleError$2,
-  setFocusedIndex: setFocusedIndex$3
+  setFocusedIndex: setFocusedIndex$2
 };
 
 const handleContinue = () => {
@@ -9472,7 +9189,7 @@ const attachEvents$1 = state => {
   const {
     $SideBarTitleArea
   } = state;
-  attachEvents$c($SideBarTitleArea, {
+  attachEvents$b($SideBarTitleArea, {
     [Click]: handleHeaderClick
   });
 };
@@ -9830,7 +9547,7 @@ const attachEvents = state => {
   const {
     $Viewlet
   } = state;
-  attachEvents$c($Viewlet, {
+  attachEvents$b($Viewlet, {
     [ContextMenu]: handleContextMenu$1
   });
 };
@@ -10453,8 +10170,8 @@ const load$1 = moduleId => {
       return ViewletPanel;
     case Problems:
       return ViewletProblems;
-    case QuickPick:
-      return ViewletQuickPick;
+    // case ViewletModuleId.QuickPick:
+    // return ViewletQuickPick
     case References:
       return ViewletReferences;
     case RunAndDebug:
@@ -11453,7 +11170,7 @@ const create$1 = ({
 
 const handleBlur = event => {
   const uid = fromEvent(event);
-  handleBlur$a(uid);
+  handleBlur$9(uid);
 };
 const handleMouseDown = (event, ...args) => {
   const uid = fromEvent(event);