@lvce-editor/static-server 0.88.0 → 0.89.1

package/static/{684b9f1 → d7a85a3}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/684b9f1';
+    return '/d7a85a3';
   }
 };
 const assetDir = getAssetDir$1();
@@ -2715,7 +2715,7 @@ const get$a = key => {
   return contexts$1[key];
 };
 const toKeep = [BrowserChromium, BrowserElectron, BrowserFirefox];
-const reset = () => {
+const reset$1 = () => {
   const oldContexts = contexts$1;
   contexts$1 = Object.create(null);
   for (const key of toKeep) {
@@ -2992,7 +2992,7 @@ const clearFocusedInstanceByType = (uid, moduleId) => {
  */
 const setFocus = (focusKey, additionalFocusKey, uid, viewletModuleId) => {
   number(focusKey);
-  reset();
+  reset$1();
   set$a(focusKey);
   set$b(get$9(), true);
   if (additionalFocusKey) {
@@ -3068,6 +3068,20 @@ const isOpen = () => {
   return false;
 };
 
+const run = async (method, overlayId) => {
+  try {
+    await execute$3(`SimpleBrowser.${method}`, overlayId);
+  } catch (error) {
+    console.error(`[renderer-worker] Failed to ${method} for Simple Browser`, error);
+  }
+};
+const show$b = overlayId => {
+  return run('showOverlay', overlayId);
+};
+const hide$5 = overlayId => {
+  return run('hideOverlay', overlayId);
+};
+
 const updateDynamic = (commands, key, fn) => {
   const keyIndex = commands.findIndex(command => command[0] === key);
   let args = [];
@@ -5398,7 +5412,18 @@ const openWidget = async (moduleId, ...args) => {
   // TODO send focus changes to renderer process together with other message
   updateDynamicFocusContext(commands);
   commands.push(['Viewlet.focus', childUid]);
-  await invoke$I('Viewlet.executeCommands', commands);
+  const hasSimpleBrowserOverlay = moduleId === QuickPick;
+  if (hasSimpleBrowserOverlay) {
+    await show$b('quick-pick');
+  }
+  try {
+    await invoke$I('Viewlet.executeCommands', commands);
+  } catch (error) {
+    if (hasSimpleBrowserOverlay) {
+      await hide$5('quick-pick');
+    }
+    throw error;
+  }
 };
 const closeWidget = async id => {
   try {
@@ -5407,10 +5432,17 @@ const closeWidget = async id => {
     if (!childInstance) {
       return;
     }
+    const hasSimpleBrowserOverlay = childInstance.moduleId === QuickPick;
     const child = childInstance.state;
     const childUid = child.uid;
     const commands = disposeFunctional(childUid);
-    await invoke$I(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
+    try {
+      await invoke$I(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
+    } finally {
+      if (hasSimpleBrowserOverlay) {
+        await hide$5('quick-pick');
+      }
+    }
     // TODO restore focus
   } catch (error) {
     throw new VError(error, `Failed to close widget ${id}`);
@@ -7492,6 +7524,7 @@ const commandMap = {
   'ExtensionHostManagement.getStatusBarItems': lazy('ExtensionHostManagement.getStatusBarItems'),
   'ExtensionHostOrganizeImports.organizeImports': lazy('ExtensionHostOrganizeImports.organizeImports'),
   'ExtensionHostQuickPick.show': lazy('ExtensionHostQuickPick.show'),
+  'ExtensionHostQuickPick.showQuickPick': lazy('ExtensionHostQuickPick.showQuickPick'),
   'ExtensionHostSelection.executeGrowSelection': lazy('ExtensionHostSelection.executeGrowSelection'),
   'ExtensionHostState.getSavedState': lazy('ExtensionHostState.getSavedState'),
   'ExtensionHostState.saveState': lazy('ExtensionHostState.saveState'),
@@ -7823,6 +7856,7 @@ const commandMap = {
   'Layout.getActiveSideBarView': lazy('Layout.getActiveSideBarView'),
   'Layout.getActiveSecondarySideBarView': lazy('Layout.getActiveSecondarySideBarView'),
   'Layout.getSecondarySideBarVisible': lazy('Layout.getSecondarySideBarVisible'),
+  'Layout.getSideBarFocusMode': lazy('Layout.getSideBarFocusMode'),
   'Layout.getAssetDir': lazy('Layout.getAssetDir'),
   'Layout.getAuthState': lazy('Layout.getAuthState'),
   'Layout.getBackendUrl': lazy('Layout.getBackendUrl'),
@@ -7843,7 +7877,9 @@ const commandMap = {
   'Layout.handleSashPointerUp': lazy('Layout.handleSashPointerUp'),
   'Layout.handleWorkspaceRefresh': lazy('Layout.handleWorkspaceRefresh'),
   'Layout.refreshSourceControlBadgeCount': lazy('Layout.refreshSourceControlBadgeCount'),
+  'Layout.reset': lazy('Layout.reset'),
   'Layout.closeChat': lazy('Layout.closeChat'),
+  'Layout.enterSideBarFocusMode': lazy('Layout.enterSideBarFocusMode'),
   'Layout.hideActivityBar': lazy('Layout.hideActivityBar'),
   'Layout.hideMain': lazy('Layout.hideMain'),
   'Layout.hidePanel': lazy('Layout.hidePanel'),
@@ -7860,6 +7896,7 @@ const commandMap = {
   'Layout.loadSecondarySideBarIfVisible': lazy('Layout.loadSecondarySideBarIfVisible'),
   'Layout.loadStatusBarIfVisible': lazy('Layout.loadStatusBarIfVisible'),
   'Layout.loadTitleBarIfVisible': lazy('Layout.loadTitleBarIfVisible'),
+  'Layout.leaveSideBarFocusMode': lazy('Layout.leaveSideBarFocusMode'),
   'Layout.moveSideBarLeft': lazy('Layout.moveSideBarLeft'),
   'Layout.moveSideBarRight': lazy('Layout.moveSideBarRight'),
   'Layout.openChat': lazy('Layout.openChat'),
@@ -8854,7 +8891,7 @@ const ExtensionHostFileSystem = {
   writeFile: writeFile$e
 };
 
-const name$2s = 'App';
+const name$2t = 'App';
 const appPrefix = 'app://';
 const getPath$3 = uri => {
   if (uri.startsWith(appPrefix)) {
@@ -8919,7 +8956,7 @@ const FileSystemApp = {
   getPathSeparator: getPathSeparator$7,
   isReadonly: isReadonly$7,
   mkdir: mkdir$7,
-  name: name$2s,
+  name: name$2t,
   readDirWithFileTypes: readDirWithFileTypes$7,
   readFile: readFile$d,
   readJson: readJson$5,
@@ -8928,7 +8965,7 @@ const FileSystemApp = {
   writeFile: writeFile$d
 };
 
-const name$2r = 'Data';
+const name$2s = 'Data';
 const dataPrefix = 'data://';
 const getPath$2 = uri => {
   if (uri.startsWith(dataPrefix)) {
@@ -8976,7 +9013,7 @@ const FileSystemData = {
   getPathSeparator: getPathSeparator$6,
   isReadonly: isReadonly$6,
   mkdir: mkdir$6,
-  name: name$2r,
+  name: name$2s,
   readDirWithFileTypes: readDirWithFileTypes$6,
   readFile: readFile$c,
   remove: remove$6,
@@ -8984,7 +9021,7 @@ const FileSystemData = {
   writeFile: writeFile$c
 };
 
-const name$2q = 'Memory';
+const name$2r = 'Memory';
 const memfsPrefix = 'memfs://';
 const getPath$1 = uri => {
   if (uri.startsWith(memfsPrefix)) {
@@ -9049,7 +9086,7 @@ const FileSystemMemory = {
   getPathSeparator: getPathSeparator$5,
   isReadonly: isReadonly$5,
   mkdir: mkdir$5,
-  name: name$2q,
+  name: name$2r,
   readDirWithFileTypes: readDirWithFileTypes$5,
   readFile: readFile$b,
   remove: remove$5,
@@ -9065,7 +9102,7 @@ const Unknown = 12;
 // TODO when it rejects, it should throw a custom error,
 // FileSystemError
 
-const name$2p = 'Web';
+const name$2q = 'Web';
 const state$c = {
   watchers: Object.create(null),
   saveListeners: [],
@@ -9357,7 +9394,7 @@ const FileSystemWeb = {
   getPathSeparator: getPathSeparator$4,
   isReadonly: isReadonly$4,
   mkdir: mkdir$4,
-  name: name$2p,
+  name: name$2q,
   onDidSave,
   readDirWithFileTypes: readDirWithFileTypes$4,
   readFile: readFile$a,
@@ -9391,7 +9428,7 @@ const {
 // TODO move all of this to an extension
 
 const canBeRestored$2 = true;
-const name$2o = 'Fetch';
+const name$2p = 'Fetch';
 const state$b = {
   files: Object.create(null)
 };
@@ -9470,7 +9507,7 @@ const FileSystemFetch = {
   getPathSeparator: getPathSeparator$3,
   isReadonly: isReadonly$3,
   mkdir: mkdir$3,
-  name: name$2o,
+  name: name$2p,
   readDirWithFileTypes: readDirWithFileTypes$3,
   readFile: readFile$9,
   readJson: readJson$4,
@@ -9484,7 +9521,7 @@ const getRemoteSrc = uri => {
   return src;
 };
 
-const name$2n = 'Disk';
+const name$2o = 'Disk';
 const toUri = item => {
   if (item.startsWith('file://')) {
     return item;
@@ -9588,7 +9625,7 @@ const FileSystemDisk = {
   getRealPath,
   isReadonly: isReadonly$2,
   mkdir: mkdir$2,
-  name: name$2n,
+  name: name$2o,
   readDirWithFileTypes: readDirWithFileTypes$2,
   readFile: readFile$8,
   readJson: readJson$3,
@@ -9979,7 +10016,7 @@ const {
   restart: restart$j
 } = getOrCreateWorker(launchDebugWorker);
 
-const name$2m = 'Debug';
+const name$2n = 'Debug';
 const readFile$6 = uri => {
   return invoke$y('RunAndDebug.readFile', uri);
 };
@@ -10026,7 +10063,7 @@ const FileSystemDebug = {
   getPathSeparator,
   isReadonly,
   mkdir,
-  name: name$2m,
+  name: name$2n,
   readDirWithFileTypes,
   readFile: readFile$6,
   remove,
@@ -10076,7 +10113,7 @@ const showAbout = async () => {
   await invoke$x('About.showAbout', getPlatform$1());
 };
 
-const name$2l = 'About';
+const name$2m = 'About';
 const Commands$2r = {
   showAbout: showAbout
 };
@@ -10084,7 +10121,7 @@ const Commands$2r = {
 const About_ipc = {
   __proto__: null,
   Commands: Commands$2r,
-  name: name$2l
+  name: name$2m
 };
 
 /**
@@ -10152,7 +10189,7 @@ const getResponse$1 = async (url, options) => {
 
 // TODO only use Ajax module via ipc -> that way is is always lazyloaded
 
-const name$2k = 'Ajax';
+const name$2l = 'Ajax';
 const Commands$2q = {
   getBlob: getBlob,
   getJson: getJson$1,
@@ -10162,7 +10199,7 @@ const Commands$2q = {
 const Ajax_ipc = {
   __proto__: null,
   Commands: Commands$2q,
-  name: name$2k
+  name: name$2l
 };
 
 const playBell = async () => {
@@ -10173,7 +10210,7 @@ const play = async url => {
   await invoke$I('Audio.play', /* src */url);
 };
 
-const name$2j = 'Audio';
+const name$2k = 'Audio';
 const Commands$2p = {
   playBell: playBell,
   play: play
@@ -10182,7 +10219,7 @@ const Commands$2p = {
 const Audio_ipc = {
   __proto__: null,
   Commands: Commands$2p,
-  name: name$2j
+  name: name$2k
 };
 
 const updateWorkerUrl = `${assetDir}/packages/update-worker/dist/updateWorkerMain.js`;
@@ -10207,7 +10244,7 @@ const checkForUpdates = async updateSetting => {
   await invoke$w('Update.checkForUpdates', updateSetting, repository);
 };
 
-const name$2i = 'AutoUpdater';
+const name$2j = 'AutoUpdater';
 const Commands$2o = {
   checkForUpdates: checkForUpdates
 };
@@ -10215,7 +10252,7 @@ const Commands$2o = {
 const AutoUpdater_ipc = {
   __proto__: null,
   Commands: Commands$2o,
-  name: name$2i
+  name: name$2j
 };
 
 const getActiveEditorId = () => {
@@ -10226,7 +10263,7 @@ const getActiveEditorId = () => {
   return instance.state.id;
 };
 
-const name$2h = 'GetActiveEditor';
+const name$2i = 'GetActiveEditor';
 const Commands$2n = {
   getActiveEditorId: getActiveEditorId
 };
@@ -10234,14 +10271,14 @@ const Commands$2n = {
 const GetActiveEditor_ipc = {
   __proto__: null,
   Commands: Commands$2n,
-  name: name$2h
+  name: name$2i
 };
 
 const getSelectionText$1 = () => {
   return invoke$I('Css.getSelectionText');
 };
 
-const name$2g = 'Document';
+const name$2h = 'Document';
 const Commands$2m = {
   getSelectionText: getSelectionText$1
 };
@@ -10249,7 +10286,7 @@ const Commands$2m = {
 const Document_ipc = {
   __proto__: null,
   Commands: Commands$2m,
-  name: name$2g
+  name: name$2h
 };
 
 const exec = (command, args, options) => {
@@ -10259,7 +10296,7 @@ const exec = (command, args, options) => {
   return invoke$F('Exec.exec', command, args, options);
 };
 
-const name$2f = 'Exec';
+const name$2g = 'Exec';
 const Commands$2l = {
   exec: exec
 };
@@ -10267,7 +10304,7 @@ const Commands$2l = {
 const Exec_ipc = {
   __proto__: null,
   Commands: Commands$2l,
-  name: name$2f
+  name: name$2g
 };
 
 const cache = Object.create(null);
@@ -10305,7 +10342,7 @@ const getEditorSourceActions = async () => {
   return codeActions;
 };
 
-const name$2e = 'GetEditorSourceActions';
+const name$2f = 'GetEditorSourceActions';
 const Commands$2k = {
   getEditorSourceActions: getEditorSourceActions
 };
@@ -10313,10 +10350,10 @@ const Commands$2k = {
 const GetEditorSourceActions_ipc = {
   __proto__: null,
   Commands: Commands$2k,
-  name: name$2e
+  name: name$2f
 };
 
-const name$2d = 'PlatformPaths';
+const name$2e = 'PlatformPaths';
 const Commands$2j = {
   getLogsDir: getLogsDir,
   getTmpDir: getTmpDir,
@@ -10329,7 +10366,7 @@ const Commands$2j = {
 const PlatformPaths_ipc = {
   __proto__: null,
   Commands: Commands$2j,
-  name: name$2d
+  name: name$2e
 };
 
 const getFileHandles = ids => {
@@ -10343,7 +10380,7 @@ const getFilePathElectron = async file => {
   return invoke$I('GetFilePathElectron.getFilePathElectron', file);
 };
 
-const name$2c = 'FileSystemHandle';
+const name$2d = 'FileSystemHandle';
 const Commands$2i = {
   addFileHandle: addFileHandle,
   getFileHandles: getFileHandles,
@@ -10353,7 +10390,7 @@ const Commands$2i = {
 const FileSystemHandle_ipc = {
   __proto__: null,
   Commands: Commands$2i,
-  name: name$2c
+  name: name$2d
 };
 
 const base64StringToBlob = base64String => {
@@ -10375,7 +10412,7 @@ const disposeSrc = async src => {
   }
 };
 
-const name$2b = 'Blob';
+const name$2c = 'Blob';
 const Commands$2h = {
   base64StringToBlob: base64StringToBlob,
   binaryStringToBlob: binaryStringToBlob,
@@ -10386,7 +10423,7 @@ const Commands$2h = {
 const Blob_ipc = {
   __proto__: null,
   Commands: Commands$2h,
-  name: name$2b
+  name: name$2c
 };
 
 const getNewContent = (oldContent, changes) => {
@@ -10459,7 +10496,7 @@ const applyBulkReplacement = async (files, ranges, replacement) => {
   await Promise.all(edits.map(applyFileReplacement));
 };
 
-const name$2a = 'BulkReplacement';
+const name$2b = 'BulkReplacement';
 const Commands$2g = {
   applyBulkReplacement: applyBulkReplacement
 };
@@ -10467,7 +10504,7 @@ const Commands$2g = {
 const BulkReplacement_ipc = {
   __proto__: null,
   Commands: Commands$2g,
-  name: name$2a
+  name: name$2b
 };
 
 const ApplicationJson = 'aplication/json';
@@ -10560,7 +10597,7 @@ const clearCache$1 = async () => {
 
 // TODO only use CacheStorage module via ipc -> that way is is always lazyloaded
 
-const name$29 = 'CacheStorage';
+const name$2a = 'CacheStorage';
 const Commands$2f = {
   clearCache: clearCache$1,
   getJson: getJson,
@@ -10570,10 +10607,10 @@ const Commands$2f = {
 const CacheStorage_ipc = {
   __proto__: null,
   Commands: Commands$2f,
-  name: name$29
+  name: name$2a
 };
 
-const name$28 = 'Callback';
+const name$29 = 'Callback';
 const Commands$2e = {
   resolve: resolve
 };
@@ -10581,7 +10618,7 @@ const Commands$2e = {
 const Callback_ipc = {
   __proto__: null,
   Commands: Commands$2e,
-  name: name$28
+  name: name$29
 };
 
 const minimize = () => {
@@ -10657,7 +10694,7 @@ const zoomReset = () => {
   }
 };
 
-const name$27 = 'Chrome';
+const name$28 = 'Chrome';
 const Commands$2d = {
   close: close$2,
   exit: exit$1,
@@ -10669,7 +10706,7 @@ const Commands$2d = {
 const Chrome_ipc = {
   __proto__: null,
   Commands: Commands$2d,
-  name: name$27
+  name: name$28
 };
 
 const clipBoardWorkerUrl = `${assetDir}/packages/clipboard-worker/dist/clipBoardWorkerMain.js`;
@@ -10732,7 +10769,7 @@ const execCopy = async () => {
   }
 };
 
-const name$26 = 'ClipBoard';
+const name$27 = 'ClipBoard';
 const Commands$2c = {
   disableMemoryClipBoard: disableMemoryClipBoard,
   enableMemoryClipBoard: enableMemoryClipBoard,
@@ -10750,14 +10787,14 @@ const Commands$2c = {
 const ClipBoard_ipc = {
   __proto__: null,
   Commands: Commands$2c,
-  name: name$26
+  name: name$27
 };
 
 const getColorThemeNames = async (assetDir, platform) => {
   return invoke$E('Extensions.getColorThemeNames', assetDir, platform);
 };
 
-const name$25 = 'ColorTheme';
+const name$26 = 'ColorTheme';
 const Commands$2b = {
   hydrate: hydrate$a,
   reload: reload$4,
@@ -10768,7 +10805,7 @@ const Commands$2b = {
 const ColorTheme_ipc = {
   __proto__: null,
   Commands: Commands$2b,
-  name: name$25
+  name: name$26
 };
 
 let mockOpenDialogPaths = undefined;
@@ -10905,7 +10942,7 @@ const showErrorMessage = ({
   return prompt$2(message);
 };
 
-const name$24 = 'ConfirmPrompt';
+const name$25 = 'ConfirmPrompt';
 const Commands$2a = {
   mock: mock$1,
   prompt: prompt$1,
@@ -10915,7 +10952,7 @@ const Commands$2a = {
 const ConfirmPrompt_ipc = {
   __proto__: null,
   Commands: Commands$2a,
-  name: name$24
+  name: name$25
 };
 
 const startRecording = options => {
@@ -10976,7 +11013,7 @@ const stop = async () => {
   await openNativeFolder(path);
 };
 
-const name$23 = 'ContentTracing';
+const name$24 = 'ContentTracing';
 const Commands$29 = {
   start: start,
   stop: stop
@@ -10985,7 +11022,7 @@ const Commands$29 = {
 const ContentTracing_ipc = {
   __proto__: null,
   Commands: Commands$29,
-  name: name$23
+  name: name$24
 };
 
 const hasContextMenuNativePreference = () => {
@@ -11011,7 +11048,7 @@ const show2$3 = async (uid, menuId, x, y, ...args) => {
   return module.show2(uid, menuId, x, y, ...args);
 };
 
-const name$22 = 'ContextMenu';
+const name$23 = 'ContextMenu';
 const Commands$28 = {
   show: show$a,
   show2: show2$3
@@ -11020,7 +11057,7 @@ const Commands$28 = {
 const ContextMenu_ipc = {
   __proto__: null,
   Commands: Commands$28,
-  name: name$22
+  name: name$23
 };
 
 const evaluate$3 = (debugId, expression, callFrameId) => {
@@ -11045,7 +11082,7 @@ const resumed = params => {
   emitEvent('Debug.resumed', params);
 };
 
-const name$21 = 'Debug';
+const name$22 = 'Debug';
 const Commands$27 = {
   scriptParsed: scriptParsed,
   paused: paused,
@@ -11055,7 +11092,7 @@ const Commands$27 = {
 const Debug_ipc = {
   __proto__: null,
   Commands: Commands$27,
-  name: name$21
+  name: name$22
 };
 
 const attachDebugger = async pid => {
@@ -11063,8 +11100,8 @@ const attachDebugger = async pid => {
   await invoke$F('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.88.0';
-const commit$1 = '684b9f1';
+const version = '0.89.1';
+const commit$1 = 'd7a85a3';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$F('Process.getPid');
@@ -11099,7 +11136,7 @@ const debugSharedProcess = async () => {
   await attachDebugger(pid);
 };
 
-const name$20 = 'DebugSharedProcess';
+const name$21 = 'DebugSharedProcess';
 const Commands$26 = {
   debugSharedProcess: debugSharedProcess
 };
@@ -11107,7 +11144,7 @@ const Commands$26 = {
 const DebugSharedProcess_ipc = {
   __proto__: null,
   Commands: Commands$26,
-  name: name$20
+  name: name$21
 };
 
 const crashSharedProcess = () => {
@@ -11614,7 +11651,7 @@ const openIframeInspector = async () => {
   await openUri$1('iframe-inspector://');
 };
 
-const name$1$ = 'Developer';
+const name$20 = 'Developer';
 
 // prettier-ignore
 const Commands$25 = {
@@ -11651,7 +11688,7 @@ const Commands$25 = {
 const Developer_ipc = {
   __proto__: null,
   Commands: Commands$25,
-  name: name$1$
+  name: name$20
 };
 
 const load = () => {
@@ -11754,7 +11791,7 @@ const showMessage = async (message, options) => {
   }
 };
 
-const name$1_ = 'Dialog';
+const name$1$ = 'Dialog';
 const Commands$24 = {
   // @ts-ignore
   close: undefined,
@@ -11767,7 +11804,7 @@ const Commands$24 = {
 const Dialog_ipc = {
   __proto__: null,
   Commands: Commands$24,
-  name: name$1_
+  name: name$1$
 };
 
 const createObjectUrl = blob => {
@@ -11804,7 +11841,7 @@ const downloadJson = async (json, fileName) => {
   }
 };
 
-const name$1Z = 'Download';
+const name$1_ = 'Download';
 const Commands$23 = {
   downloadFile: downloadFile,
   downloadJson: downloadJson,
@@ -11814,7 +11851,7 @@ const Commands$23 = {
 const Download_ipc = {
   __proto__: null,
   Commands: Commands$23,
-  name: name$1Z
+  name: name$1_
 };
 
 const hydrate = () => {
@@ -11838,7 +11875,7 @@ const hydrate = () => {
 
 // see also https://tink.uk/using-the-web-speech-api-to-simulate-css-speech-support/
 
-const name$1Y = 'EditorDiagnostics';
+const name$1Z = 'EditorDiagnostics';
 const Commands$22 = {
   hydrate: hydrate
 };
@@ -11846,7 +11883,7 @@ const Commands$22 = {
 const EditorDiagnostics_ipc = {
   __proto__: null,
   Commands: Commands$22,
-  name: name$1Y
+  name: name$1Z
 };
 
 /**
@@ -11891,7 +11928,7 @@ const EditorError_ipc = {
   Commands: Commands$21
 };
 
-const name$1X = 'ElectronBrowserView';
+const name$1Y = 'ElectronBrowserView';
 const Commands$20 = {
   handleDidNavigate: handleDidNavigate$1,
   handleTitleUpdated: handleTitleUpdated$1,
@@ -11901,14 +11938,14 @@ const Commands$20 = {
 const ElectronBrowserView_ipc = {
   __proto__: null,
   Commands: Commands$20,
-  name: name$1X
+  name: name$1Y
 };
 
 const writeText = text => {
   return invoke$F('ElectronClipBoard.writeText', text);
 };
 
-const name$1W = 'ElectronClipBoard';
+const name$1X = 'ElectronClipBoard';
 
 // prettier-ignore
 const Commands$1$ = {
@@ -11918,10 +11955,10 @@ const Commands$1$ = {
 const ElectronClipBoard_ipc = {
   __proto__: null,
   Commands: Commands$1$,
-  name: name$1W
+  name: name$1X
 };
 
-const name$1V = 'ElectronContextMenu';
+const name$1W = 'ElectronContextMenu';
 
 // prettier-ignore
 const Commands$1_ = {};
@@ -11929,10 +11966,10 @@ const Commands$1_ = {};
 const ElectronContextMenu_ipc = {
   __proto__: null,
   Commands: Commands$1_,
-  name: name$1V
+  name: name$1W
 };
 
-const name$1U = 'ElectronWindow';
+const name$1V = 'ElectronWindow';
 const Commands$1Z = {
   close: close$4,
   maximize: maximize$1,
@@ -11948,10 +11985,10 @@ const Commands$1Z = {
 const ElectronWindow_ipc = {
   __proto__: null,
   Commands: Commands$1Z,
-  name: name$1U
+  name: name$1V
 };
 
-const name$1T = 'ErrorHandling';
+const name$1U = 'ErrorHandling';
 const Commands$1Y = {
   handleError: handleError,
   showErrorDialog: showErrorDialog
@@ -11960,14 +11997,14 @@ const Commands$1Y = {
 const ErrorHandling_ipc = {
   __proto__: null,
   Commands: Commands$1Y,
-  name: name$1T
+  name: name$1U
 };
 
 const exit = () => {
   return invoke$F('Exit.exit');
 };
 
-const name$1S = 'Exit';
+const name$1T = 'Exit';
 const Commands$1X = {
   exit: exit
 };
@@ -11975,7 +12012,7 @@ const Commands$1X = {
 const Exit_ipc = {
   __proto__: null,
   Commands: Commands$1X,
-  name: name$1S
+  name: name$1T
 };
 
 const getCommandsFromExtension = extension => {
@@ -12060,7 +12097,7 @@ const loadWebExtension = async path => {
   // })
 };
 
-const name$1R = 'ExtensionHost';
+const name$1S = 'ExtensionHost';
 
 // prettier-ignore
 const Commands$1W = {
@@ -12075,10 +12112,10 @@ const Commands$1W = {
 const ExtensionHostCore_ipc = {
   __proto__: null,
   Commands: Commands$1W,
-  name: name$1R
+  name: name$1S
 };
 
-const name$1Q = 'ExtensionMeta';
+const name$1R = 'ExtensionMeta';
 
 // prettier-ignore
 const Commands$1V = {
@@ -12089,7 +12126,7 @@ const Commands$1V = {
 const ExtensionMeta_ipc = {
   __proto__: null,
   Commands: Commands$1V,
-  name: name$1Q
+  name: name$1R
 };
 
 const rpcs = Object.create(null);
@@ -12122,7 +12159,7 @@ const dispose$v = id => {
   rpc.dispose();
 };
 
-const name$1P = 'ExtensionNodeRpc';
+const name$1Q = 'ExtensionNodeRpc';
 const Commands$1U = {
   create: create$X,
   dispose: dispose$v,
@@ -12132,7 +12169,7 @@ const Commands$1U = {
 const ExtensionNodeRpc_ipc = {
   __proto__: null,
   Commands: Commands$1U,
-  name: name$1P
+  name: name$1Q
 };
 
 const openExtensionsFolder = async () => {
@@ -12174,7 +12211,7 @@ const saveViewInstanceState = async (viewId, uid) => {
   return invoke$E('Extensions.saveViewInstanceState', viewId, uid, assetDir, getPlatform$1());
 };
 
-const name$1O = 'Extensions';
+const name$1P = 'Extensions';
 
 // prettier-ignore
 const Commands$1T = {
@@ -12190,10 +12227,10 @@ const Commands$1T = {
 const Extensions_ipc = {
   __proto__: null,
   Commands: Commands$1T,
-  name: name$1O
+  name: name$1P
 };
 
-const name$1N = 'FilePicker';
+const name$1O = 'FilePicker';
 const Commands$1S = {
   showDirectoryPicker: showDirectoryPicker,
   showFilePicker: showFilePicker,
@@ -12204,10 +12241,10 @@ const Commands$1S = {
 const FilePicker_ipc = {
   __proto__: null,
   Commands: Commands$1S,
-  name: name$1N
+  name: name$1O
 };
 
-const name$1M = 'FileSystem';
+const name$1N = 'FileSystem';
 const Commands$1R = {
   chmod: chmod$4,
   copy: copy$4,
@@ -12231,10 +12268,10 @@ const Commands$1R = {
 const FileSystem_ipc = {
   __proto__: null,
   Commands: Commands$1R,
-  name: name$1M
+  name: name$1N
 };
 
-const name$1L = 'IconTheme';
+const name$1M = 'IconTheme';
 const Commands$1Q = {
   // TODO command necessary?
   // TODO hydrate should be an alias for reload/load
@@ -12250,7 +12287,7 @@ const Commands$1Q = {
 const IconTheme_ipc = {
   __proto__: null,
   Commands: Commands$1Q,
-  name: name$1L
+  name: name$1M
 };
 
 const state$7 = {
@@ -12285,7 +12322,7 @@ const hide$4 = async () => {
 
 // TODO only use ImagePreview module via ipc -> that way is is always lazyloaded
 
-const name$1K = 'ImagePreview';
+const name$1L = 'ImagePreview';
 const Commands$1P = {
   hide: hide$4,
   show: show$8
@@ -12294,10 +12331,10 @@ const Commands$1P = {
 const ImagePreview_ipc = {
   __proto__: null,
   Commands: Commands$1P,
-  name: name$1K
+  name: name$1L
 };
 
-const name$1J = 'Focus';
+const name$1K = 'Focus';
 const Commands$1O = {
   setFocus: setFocus,
   setAdditionalFocus: setAdditionalFocus,
@@ -12307,10 +12344,10 @@ const Commands$1O = {
 const Focus_ipc = {
   __proto__: null,
   Commands: Commands$1O,
-  name: name$1J
+  name: name$1K
 };
 
-const name$1I = 'IndexedDb';
+const name$1J = 'IndexedDb';
 const Commands$1N = {
   addHandle: addHandle,
   getHandle: getHandle
@@ -12319,7 +12356,7 @@ const Commands$1N = {
 const IndexedDb_ipc = {
   __proto__: null,
   Commands: Commands$1N,
-  name: name$1I
+  name: name$1J
 };
 
 const colorPickerWorkerUrl = `${assetDir}/packages/color-picker-worker/dist/colorPickerWorkerMain.js`;
@@ -12412,7 +12449,7 @@ const getSourceActionWorkerUrl = () => {
   return configuredWorkerUrl;
 };
 
-const name$1H = 'IpcParent';
+const name$1I = 'IpcParent';
 const wrappedCreate = options => {
   // TODO
   if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
@@ -12446,10 +12483,10 @@ const Commands$1M = {
 const IpcParent_ipc = {
   __proto__: null,
   Commands: Commands$1M,
-  name: name$1H
+  name: name$1I
 };
 
-const name$1G = 'KeyBindings';
+const name$1H = 'KeyBindings';
 const Commands$1L = {
   handleKeyBinding: handleKeyBinding$1,
   // @ts-ignore
@@ -12461,7 +12498,7 @@ const Commands$1L = {
 const KeyBindings_ipc = {
   __proto__: null,
   Commands: Commands$1L,
-  name: name$1G
+  name: name$1H
 };
 
 const getViewletKeyBindings = async module => {
@@ -12496,7 +12533,7 @@ const getKeyBindings$r = async () => {
   return keyBindingsPromises.flat(1);
 };
 
-const name$1F = 'KeyBindingsInitial';
+const name$1G = 'KeyBindingsInitial';
 
 // prettier-ignore
 const Commands$1K = {
@@ -12506,7 +12543,7 @@ const Commands$1K = {
 const KeyBindingsInitial_ipc = {
   __proto__: null,
   Commands: Commands$1K,
-  name: name$1F
+  name: name$1G
 };
 
 const getLicenseUri = async (platform = getPlatform$1(), assetDir$1 = assetDir) => {
@@ -12522,7 +12559,7 @@ const openLicense = async () => {
   await openUri$1(uri);
 };
 
-const name$1E = 'License';
+const name$1F = 'License';
 const Commands$1J = {
   openLicense: openLicense
 };
@@ -12530,7 +12567,7 @@ const Commands$1J = {
 const License_ipc = {
   __proto__: null,
   Commands: Commands$1J,
-  name: name$1E
+  name: name$1F
 };
 
 const launchIsolatedExtensionHostWorker = async (port, extensionId, url, workerName = '') => {
@@ -12548,7 +12585,7 @@ const launchIsolatedExtensionHostWorker = async (port, extensionId, url, workerN
   });
 };
 
-const name$1D = 'LaunchIsolatedExtensionHostWorker';
+const name$1E = 'LaunchIsolatedExtensionHostWorker';
 const Commands$1I = {
   launchIsolatedExtensionHostWorker: launchIsolatedExtensionHostWorker
 };
@@ -12556,7 +12593,7 @@ const Commands$1I = {
 const LaunchIsolatedExtensionHostWorker_ipc = {
   __proto__: null,
   Commands: Commands$1I,
-  name: name$1D
+  name: name$1E
 };
 
 const state$6 = Object.create(null);
@@ -12581,7 +12618,7 @@ const Listener_ipc = {
 
 // TODO only use LocalStorage module via ipc -> that way is is always lazyloaded
 
-const name$1C = 'LocalStorage';
+const name$1D = 'LocalStorage';
 const Commands$1G = {
   clear: clear$5,
   getJson: getJson$5,
@@ -12593,7 +12630,7 @@ const Commands$1G = {
 const LocalStorage_ipc = {
   __proto__: null,
   Commands: Commands$1G,
-  name: name$1C
+  name: name$1D
 };
 
 const getModule = id => {
@@ -12642,10 +12679,22 @@ const {
 } = getOrCreateWorker(launchMenuWorker);
 
 const show$7 = async (x, y, menuId, ...args) => {
-  await invoke$t('Menu.show', menuId, x, y, ...args);
+  await show$b('menu');
+  try {
+    await invoke$t('Menu.show', menuId, x, y, ...args);
+  } catch (error) {
+    await hide$5('menu');
+    throw error;
+  }
 };
 const show2$2 = async (uid, menuId, x, y, ...args) => {
-  await invoke$t('Menu.show2', uid, menuId, x, y, ...args);
+  await show$b('menu');
+  try {
+    await invoke$t('Menu.show2', uid, menuId, x, y, ...args);
+  } catch (error) {
+    await hide$5('menu');
+    throw error;
+  }
 };
 const selectIndex$1 = async (level, index) => {
   await invoke$t('Menu.selectIndex', level, index);
@@ -12654,7 +12703,11 @@ const selectItem = async text => {
   await invoke$t('Menu.selectItem', text);
 };
 const hide$3 = async (restoreFocus = true) => {
-  await invoke$t('Menu.hide', restoreFocus);
+  try {
+    await invoke$t('Menu.hide', restoreFocus);
+  } finally {
+    await hide$5('menu');
+  }
 };
 
 // TODO difference between focusing with mouse or keyboard
@@ -12689,7 +12742,7 @@ const focusNext$1 = async () => {
 
 // TODO more tests
 
-const name$1B = 'Menu';
+const name$1C = 'Menu';
 const Commands$1F = {
   focusFirst: focusFirst$1,
   focusIndex: focusIndex$3,
@@ -12709,7 +12762,7 @@ const Commands$1F = {
 const Menu_ipc = {
   __proto__: null,
   Commands: Commands$1F,
-  name: name$1B
+  name: name$1C
 };
 
 // based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/mime.ts (License MIT)
@@ -12788,7 +12841,7 @@ const getMediaMimeType = uri => {
   return mapExtToMediaMimes[extension] || defaultMimeType;
 };
 
-const name$1A = 'Mime';
+const name$1B = 'Mime';
 const Commands$1E = {
   getMediaMimeType: getMediaMimeType,
   getTextMime: getTextMime
@@ -12797,7 +12850,7 @@ const Commands$1E = {
 const Mime_ipc = {
   __proto__: null,
   Commands: Commands$1E,
-  name: name$1A
+  name: name$1B
 };
 
 const HandleMaximized = 'handleMaximized';
@@ -12814,7 +12867,7 @@ const handleMinimized = () => {
   emitEvent(HandleMinimized);
 };
 
-const name$1z = 'NativeHost';
+const name$1A = 'NativeHost';
 const Commands$1D = {
   handleMaximized: handleMaximized,
   handleMinimized: handleMinimized,
@@ -12824,7 +12877,7 @@ const Commands$1D = {
 const NativeHost_ipc = {
   __proto__: null,
   Commands: Commands$1D,
-  name: name$1z
+  name: name$1A
 };
 
 // TODO maybe rename this module to Focus
@@ -12938,7 +12991,7 @@ const focusPreviousPart = async () => {
   await focusPart(previousPart);
 };
 
-const name$1y = 'Navigation';
+const name$1z = 'Navigation';
 const Commands$1C = {
   focusActivityBar: focusActivityBar,
   focusMain: focusMain,
@@ -12953,10 +13006,10 @@ const Commands$1C = {
 const Navigation_ipc = {
   __proto__: null,
   Commands: Commands$1C,
-  name: name$1y
+  name: name$1z
 };
 
-const name$1x = 'Notification';
+const name$1y = 'Notification';
 const Commands$1B = {
   create: create$Y,
   dispose: dispose$w,
@@ -12967,7 +13020,7 @@ const Commands$1B = {
 const Notification_ipc = {
   __proto__: null,
   Commands: Commands$1B,
-  name: name$1x
+  name: name$1y
 };
 
 const openUrlWeb = async (url, useRedirect) => {
@@ -12990,7 +13043,7 @@ const openUrl = async (url, useRedirect) => {
 };
 const openExternal$1 = openExternal$2;
 
-const name$1w = 'Open';
+const name$1x = 'Open';
 const Commands$1A = {
   openExternal: openExternal$1,
   openUrl: openUrl
@@ -12999,7 +13052,7 @@ const Commands$1A = {
 const Open_ipc = {
   __proto__: null,
   Commands: Commands$1A,
-  name: name$1w
+  name: name$1x
 };
 
 const create$W = (id, successHtml, errorHtml) => {
@@ -13012,7 +13065,7 @@ const dispose$u = id => {
   return invoke$F('OAuthServer.dispose', id);
 };
 
-const name$1v = 'OAuthServer';
+const name$1w = 'OAuthServer';
 const Commands$1z = {
   create: create$W,
   getCode: getCode,
@@ -13022,10 +13075,10 @@ const Commands$1z = {
 const OAuthServer_ipc = {
   __proto__: null,
   Commands: Commands$1z,
-  name: name$1v
+  name: name$1w
 };
 
-const name$1u = 'OpenNativeFolder';
+const name$1v = 'OpenNativeFolder';
 const Commands$1y = {
   openNativeFolder: openNativeFolder
 };
@@ -13033,10 +13086,10 @@ const Commands$1y = {
 const OpenNativeFolder_ipc = {
   __proto__: null,
   Commands: Commands$1y,
-  name: name$1u
+  name: name$1v
 };
 
-const name$1t = 'PersistentFileHandle';
+const name$1u = 'PersistentFileHandle';
 const Commands$1x = {
   addHandle: addHandle$1,
   getHandle: getHandle$1,
@@ -13046,10 +13099,10 @@ const Commands$1x = {
 const PersistentFileHandle_ipc = {
   __proto__: null,
   Commands: Commands$1x,
-  name: name$1t
+  name: name$1u
 };
 
-const name$1s = 'Preferences';
+const name$1t = 'Preferences';
 
 // prettier-ignore
 const Commands$1w = {
@@ -13069,14 +13122,14 @@ const Commands$1w = {
 const Preferences_ipc = {
   __proto__: null,
   Commands: Commands$1w,
-  name: name$1s
+  name: name$1t
 };
 
 const prompt = (message, defaultValue) => {
   return invoke$I('Prompt.prompt', message, defaultValue);
 };
 
-const name$1r = 'Prompt';
+const name$1s = 'Prompt';
 const Commands$1v = {
   prompt: prompt
 };
@@ -13084,14 +13137,14 @@ const Commands$1v = {
 const Prompt_ipc = {
   __proto__: null,
   Commands: Commands$1v,
-  name: name$1r
+  name: name$1s
 };
 
 const rebuildNodePty = async () => {
   await invoke$F('RebuildNodePty.rebuildNodePty');
 };
 
-const name$1q = 'RebuildNodePty';
+const name$1r = 'RebuildNodePty';
 const Commands$1u = {
   rebuildNodePty: rebuildNodePty
 };
@@ -13099,10 +13152,10 @@ const Commands$1u = {
 const RebuildNodePty_ipc = {
   __proto__: null,
   Commands: Commands$1u,
-  name: name$1q
+  name: name$1r
 };
 
-const name$1p = 'RecentlyOpened';
+const name$1q = 'RecentlyOpened';
 
 // prettier-ignore
 const Commands$1t = {
@@ -13115,10 +13168,10 @@ const Commands$1t = {
 const RecentlyOpened_ipc = {
   __proto__: null,
   Commands: Commands$1t,
-  name: name$1p
+  name: name$1q
 };
 
-const name$1o = 'Reload';
+const name$1p = 'Reload';
 const Commands$1s = {
   reload: reload$2
 };
@@ -13126,7 +13179,7 @@ const Commands$1s = {
 const Reload_ipc = {
   __proto__: null,
   Commands: Commands$1s,
-  name: name$1o
+  name: name$1p
 };
 
 const Downloads = 'downloads';
@@ -13153,7 +13206,7 @@ const saveFileAs = async (fileName, url) => {
   }
 };
 
-const name$1n = 'SaveFileAs';
+const name$1o = 'SaveFileAs';
 
 // prettier-ignore
 const Commands$1r = {
@@ -13163,10 +13216,10 @@ const Commands$1r = {
 const SaveFileAs_ipc = {
   __proto__: null,
   Commands: Commands$1r,
-  name: name$1n
+  name: name$1o
 };
 
-const name$1m = 'SaveState';
+const name$1n = 'SaveState';
 
 // prettier-ignore
 const Commands$1q = {
@@ -13177,10 +13230,10 @@ const Commands$1q = {
 const SaveState_ipc = {
   __proto__: null,
   Commands: Commands$1q,
-  name: name$1m
+  name: name$1n
 };
 
-const name$1l = 'SessionReplay';
+const name$1m = 'SessionReplay';
 const Commands$1p = {
   downloadSession: downloadSession,
   openSession: openSession,
@@ -13191,12 +13244,12 @@ const Commands$1p = {
 const SessionReplay_ipc = {
   __proto__: null,
   Commands: Commands$1p,
-  name: name$1l
+  name: name$1m
 };
 
 // TODO only use SessionStorage module via ipc -> that way is is always lazyloaded
 
-const name$1k = 'SessionStorage';
+const name$1l = 'SessionStorage';
 const Commands$1o = {
   clear: clear$4,
   getJson: getJson$3
@@ -13205,10 +13258,10 @@ const Commands$1o = {
 const SessionStorage_ipc = {
   __proto__: null,
   Commands: Commands$1o,
-  name: name$1k
+  name: name$1l
 };
 
-const name$1j = 'Test';
+const name$1k = 'Test';
 const Commands$1n = {
   execute: execute$2,
   executeAll: executeAll,
@@ -13218,7 +13271,7 @@ const Commands$1n = {
 const Test_ipc = {
   __proto__: null,
   Commands: Commands$1n,
-  name: name$1j
+  name: name$1k
 };
 
 const defaultTimeout = 1000;
@@ -13245,7 +13298,7 @@ const checkSingleElementCondition = (locator, fnName, options) => {
 const checkMultiElementCondition = (locator, fnName, options) => {
   return checkCondition('TestFrameWork.checkMultiElementCondition', locator, fnName, options);
 };
-const showOverlay = (...args) => {
+const showOverlay$1 = (...args) => {
   return invoke$I('TestFrameWork.showOverlay', ...args);
 };
 const showTestResults = (...args) => {
@@ -13261,11 +13314,11 @@ const checkConditionError = (...args) => {
   return invoke$I('TestFrameWork.checkConditionError', ...args);
 };
 
-const name$1i = 'TestFrameWork';
+const name$1j = 'TestFrameWork';
 const Commands$1m = {
   checkMultiElementCondition: checkMultiElementCondition,
   checkSingleElementCondition: checkSingleElementCondition,
-  showOverlay: showOverlay,
+  showOverlay: showOverlay$1,
   showTestResults: showTestResults,
   performAction: performAction,
   performKeyBoardAction: performKeyBoardAction,
@@ -13275,10 +13328,10 @@ const Commands$1m = {
 const TestFrameWork_ipc = {
   __proto__: null,
   Commands: Commands$1m,
-  name: name$1i
+  name: name$1j
 };
 
-const name$1h = 'Url';
+const name$1i = 'Url';
 const Commands$1l = {
   createObjectUrl: createObjectUrl,
   revokeObjectUrl: revokeObjectUrl
@@ -13287,10 +13340,10 @@ const Commands$1l = {
 const Url_ipc = {
   __proto__: null,
   Commands: Commands$1l,
-  name: name$1h
+  name: name$1i
 };
 
-const name$1g = 'Viewlet';
+const name$1h = 'Viewlet';
 const Commands$1k = {
   2133: send,
   closeWidget: closeWidget,
@@ -13306,10 +13359,10 @@ const Commands$1k = {
 const Viewlet_ipc = {
   __proto__: null,
   Commands: Commands$1k,
-  name: name$1g
+  name: name$1h
 };
 
-const name$1f = 'Window';
+const name$1g = 'Window';
 const Commands$1j = {
   close: close$2,
   exit: exit$1,
@@ -13325,10 +13378,10 @@ const Commands$1j = {
 const Window_ipc = {
   __proto__: null,
   Commands: Commands$1j,
-  name: name$1f
+  name: name$1g
 };
 
-const name$1e = 'Workspace';
+const name$1f = 'Workspace';
 const Commands$1i = {
   close: close$3,
   getPath: getPath$4,
@@ -13341,10 +13394,10 @@ const Commands$1i = {
 const Workspace_ipc = {
   __proto__: null,
   Commands: Commands$1i,
-  name: name$1e
+  name: name$1f
 };
 
-const name$1d = 'WindowTitle';
+const name$1e = 'WindowTitle';
 const Commands$1h = {
   set: set$8
 };
@@ -13352,7 +13405,7 @@ const Commands$1h = {
 const WindowTitle_ipc = {
   __proto__: null,
   Commands: Commands$1h,
-  name: name$1d
+  name: name$1e
 };
 
 const mock = () => {
@@ -13362,7 +13415,7 @@ const unmock = () => {
   return invoke$I('PointerCapture.unmock');
 };
 
-const name$1c = 'PointerCapture';
+const name$1d = 'PointerCapture';
 const Commands$1g = {
   mock: mock,
   unmock: unmock
@@ -13371,7 +13424,7 @@ const Commands$1g = {
 const PointerCapture_ipc = {
   __proto__: null,
   Commands: Commands$1g,
-  name: name$1c
+  name: name$1d
 };
 
 const Add = 'Add';
@@ -13436,7 +13489,7 @@ const executeCallback = (callbackId, ...args) => {
   return executeCallback2(callbackId, ...args);
 };
 
-const name$1b = 'QuickPick';
+const name$1c = 'QuickPick';
 const Commands$1f = {
   show: show$6,
   showColorTheme: showColorTheme,
@@ -13451,7 +13504,7 @@ const Commands$1f = {
 const QuickPick_ipc = {
   __proto__: null,
   Commands: Commands$1f,
-  name: name$1b
+  name: name$1c
 };
 
 const show$5 = async picks => {
@@ -13462,18 +13515,22 @@ const show$5 = async picks => {
   await execute$3('QuickPick.showCustom', picks, resolve);
   return promise;
 };
+const showQuickPick = options => {
+  return invoke$C('QuickPick.showQuickPick', options);
+};
 
-const name$1a = 'ExtensionHostQuickPick';
+const name$1b = 'ExtensionHostQuickPick';
 
 // prettier-ignore
 const Commands$1e = {
-  show: show$5
+  show: show$5,
+  showQuickPick: showQuickPick
 };
 
 const ExtensionHostQuickPick_ipc = {
   __proto__: null,
   Commands: Commands$1e,
-  name: name$1a
+  name: name$1b
 };
 
 const showInformationMessage = async message => {
@@ -13482,7 +13539,7 @@ const showInformationMessage = async message => {
   return result;
 };
 
-const name$19 = 'ExtensionHostDialog';
+const name$1a = 'ExtensionHostDialog';
 
 // prettier-ignore
 const Commands$1d = {
@@ -13492,7 +13549,7 @@ const Commands$1d = {
 const ExtensionHostDialog_ipc = {
   __proto__: null,
   Commands: Commands$1d,
-  name: name$19
+  name: name$1a
 };
 
 const set$2 = async (url, contentSecurityPolicy) => {
@@ -13508,7 +13565,7 @@ const set$1 = async (url, contentSecurityPolicy) => {
   await set$2(url, contentSecurityPolicy);
 };
 
-const name$18 = 'ExtensionHostWorkerContentSecurityPolicy';
+const name$19 = 'ExtensionHostWorkerContentSecurityPolicy';
 const Commands$1c = {
   set: set$1
 };
@@ -13516,10 +13573,10 @@ const Commands$1c = {
 const ExtensionHostWorkerContentSecurityPolicy_ipc = {
   __proto__: null,
   Commands: Commands$1c,
-  name: name$18
+  name: name$19
 };
 
-const name$17 = 'SendMessagePortToElectron';
+const name$18 = 'SendMessagePortToElectron';
 const Commands$1b = {
   sendMessagePortToElectron: sendMessagePortToElectron
 };
@@ -13527,7 +13584,7 @@ const Commands$1b = {
 const SendMessagePortToElectron_ipc = {
   __proto__: null,
   Commands: Commands$1b,
-  name: name$17
+  name: name$18
 };
 
 const terminalWorkerUrl = `${assetDir}/packages/terminal-worker/dist/terminalWorkerMain.js`;
@@ -13592,7 +13649,7 @@ const createForPreview = async (callbackId, width, height) => {
   await invokeAndTransfer$i('Preview.executeCallback', callbackId, canvas, canvasId);
 };
 
-const name$16 = 'OffscreenCanvas';
+const name$17 = 'OffscreenCanvas';
 const Commands$1a = {
   create: create$V,
   createForTerminal: createForTerminal,
@@ -13602,10 +13659,10 @@ const Commands$1a = {
 const OffscreenCanvas_ipc = {
   __proto__: null,
   Commands: Commands$1a,
-  name: name$16
+  name: name$17
 };
 
-const name$15 = 'Timeout';
+const name$16 = 'Timeout';
 const Commands$19 = {
   sleep: sleep
 };
@@ -13613,10 +13670,10 @@ const Commands$19 = {
 const Timeout_ipc = {
   __proto__: null,
   Commands: Commands$19,
-  name: name$15
+  name: name$16
 };
 
-const name$14 = 'MouseActions';
+const name$15 = 'MouseActions';
 const Commands$18 = {
   add: add$1,
   get: get$7
@@ -13625,10 +13682,10 @@ const Commands$18 = {
 const MouseActions_ipc = {
   __proto__: null,
   Commands: Commands$18,
-  name: name$14
+  name: name$15
 };
 
-const name$13 = 'Languages';
+const name$14 = 'Languages';
 const Commands$17 = {
   getLanguageConfiguration: getLanguageConfiguration
 };
@@ -13636,10 +13693,10 @@ const Commands$17 = {
 const Languages_ipc = {
   __proto__: null,
   Commands: Commands$17,
-  name: name$13
+  name: name$14
 };
 
-const name$12 = 'FileWatcher';
+const name$13 = 'FileWatcher';
 const Commands$16 = {
   handleEvent: handleEvent,
   watchFile: watchFile
@@ -13648,7 +13705,7 @@ const Commands$16 = {
 const FileWatcher_ipc = {
   __proto__: null,
   Commands: Commands$16,
-  name: name$12
+  name: name$13
 };
 
 const OnBraceCompletion = 'onBraceCompletion';
@@ -13702,7 +13759,7 @@ const executeGrowSelection = (editor, positions) => {
   });
 };
 
-const name$11 = 'ExtensionHostSelection';
+const name$12 = 'ExtensionHostSelection';
 const Commands$15 = {
   executeGrowSelection: executeGrowSelection
 };
@@ -13710,7 +13767,7 @@ const Commands$15 = {
 const ExtensionHostSelection_ipc = {
   __proto__: null,
   Commands: Commands$15,
-  name: name$11
+  name: name$12
 };
 
 const combineResults$8 = results => {
@@ -13731,7 +13788,7 @@ const executeBraceCompletionProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$10 = 'ExtensionHostBraceCompletion';
+const name$11 = 'ExtensionHostBraceCompletion';
 const Commands$14 = {
   executeBraceCompletionProvider: executeBraceCompletionProvider
 };
@@ -13739,7 +13796,7 @@ const Commands$14 = {
 const ExtensionHostBraceCompletion_ipc = {
   __proto__: null,
   Commands: Commands$14,
-  name: name$10
+  name: name$11
 };
 
 const combineResults$7 = results => {
@@ -13756,7 +13813,7 @@ const executeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$$ = 'ExtensionHostDefinition';
+const name$10 = 'ExtensionHostDefinition';
 const Commands$13 = {
   executeDefinitionProvider: executeDefinitionProvider
 };
@@ -13764,7 +13821,7 @@ const Commands$13 = {
 const ExtensionHostDefinition_ipc = {
   __proto__: null,
   Commands: Commands$13,
-  name: name$$
+  name: name$10
 };
 
 const combineResults$6 = results => {
@@ -13782,7 +13839,7 @@ const executeTypeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$_ = 'ExtensionHostTypeDefinition';
+const name$$ = 'ExtensionHostTypeDefinition';
 const Commands$12 = {
   executeTypeDefinitionProvider: executeTypeDefinitionProvider
 };
@@ -13790,7 +13847,7 @@ const Commands$12 = {
 const ExtensionHostTypeDefinition_ipc = {
   __proto__: null,
   Commands: Commands$12,
-  name: name$_
+  name: name$$
 };
 
 const combineResults$5 = results => {
@@ -13808,7 +13865,7 @@ const executeOrganizeImports = editor => {
   });
 };
 
-const name$Z = 'ExtensionHostOrganizeImports';
+const name$_ = 'ExtensionHostOrganizeImports';
 const Commands$11 = {
   organizeImports: executeOrganizeImports
 };
@@ -13816,7 +13873,7 @@ const Commands$11 = {
 const ExtensionHostOrganizeImports_ipc = {
   __proto__: null,
   Commands: Commands$11,
-  name: name$Z
+  name: name$_
 };
 
 const combineResults$4 = results => {
@@ -13834,7 +13891,7 @@ const executeTabCompletionProvider = (editor, offset) => {
   });
 };
 
-const name$Y = 'ExtensionHostTabCompletion';
+const name$Z = 'ExtensionHostTabCompletion';
 const Commands$10 = {
   executeTabCompletionProvider: executeTabCompletionProvider
 };
@@ -13842,7 +13899,7 @@ const Commands$10 = {
 const ExtensionHostTabCompletion_ipc = {
   __proto__: null,
   Commands: Commands$10,
-  name: name$Y
+  name: name$Z
 };
 
 const combineResults$3 = results => {
@@ -13859,7 +13916,7 @@ const executeClosingTagProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$X = 'ExtensionHostClosingTagCompletion';
+const name$Y = 'ExtensionHostClosingTagCompletion';
 const Commands$$ = {
   executeClosingTagProvider: executeClosingTagProvider
 };
@@ -13867,7 +13924,7 @@ const Commands$$ = {
 const ExtensionHostClosingTagCompletion_ipc = {
   __proto__: null,
   Commands: Commands$$,
-  name: name$X
+  name: name$Y
 };
 
 const sendMessagePortToRendererProcess$1 = async (port, initialCommand) => {
@@ -13876,7 +13933,7 @@ const sendMessagePortToRendererProcess$1 = async (port, initialCommand) => {
   await invokeAndTransfer$u(initialCommand, port);
 };
 
-const name$W = 'SendMessagePortToRendererProcess';
+const name$X = 'SendMessagePortToRendererProcess';
 const Commands$_ = {
   sendMessagePortToRendererProcess: sendMessagePortToRendererProcess$1
 };
@@ -13884,7 +13941,7 @@ const Commands$_ = {
 const SendMessagePortToRendererProcess_ipc = {
   __proto__: null,
   Commands: Commands$_,
-  name: name$W
+  name: name$X
 };
 
 const combineResults$2 = results => {
@@ -13903,7 +13960,7 @@ const executeHoverProvider = (editor, offset) => {
   });
 };
 
-const name$V = 'ExtensionHostHover';
+const name$W = 'ExtensionHostHover';
 const Commands$Z = {
   executeHoverProvider: executeHoverProvider
 };
@@ -13911,7 +13968,7 @@ const Commands$Z = {
 const ExtensionHostHover_ipc = {
   __proto__: null,
   Commands: Commands$Z,
-  name: name$V
+  name: name$W
 };
 
 const chatCoordinatorWorkerUrl = `${assetDir}/packages/chat-coordinator-worker/dist/chatCoordinatorWorkerMain.js`;
@@ -14382,7 +14439,7 @@ const sendMessagePortToDiffWorker = async (port, initialCommand, rpcId) => {
 
 // TODO add only one function sendMessagePortToRpc(rpcId) which sends it to the matching rpc module
 
-const name$U = 'SendMessagePortToExtensionHostWorker';
+const name$V = 'SendMessagePortToExtensionHostWorker';
 const Commands$Y = {
   sendMessagePortToAuthWorker: sendMessagePortToAuthWorker,
   sendMessagePortToChatCoordinatorWorker: sendMessagePortToChatCoordinatorWorker,
@@ -14419,10 +14476,10 @@ const Commands$Y = {
 const SendMessagePortToExtensionHostWorker_ipc = {
   __proto__: null,
   Commands: Commands$Y,
-  name: name$U
+  name: name$V
 };
 
-const name$T = 'ExtensionHostManagement';
+const name$U = 'ExtensionHostManagement';
 const Commands$X = {
   activateByEvent: activateByEvent,
   getStatusBarItems: getStatusBarItems
@@ -14431,7 +14488,7 @@ const Commands$X = {
 const ExtensionHostManagement_ipc = {
   __proto__: null,
   Commands: Commands$X,
-  name: name$T
+  name: name$U
 };
 
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
@@ -14465,7 +14522,7 @@ const sendMessagePortToSyntaxHighlightingWorker = async (port, initialCommand) =
   await invokeAndTransfer(initialCommand, port);
 };
 
-const name$S = 'SendMessagePortToSyntaxHighlightingWorker';
+const name$T = 'SendMessagePortToSyntaxHighlightingWorker';
 const Commands$W = {
   sendMessagePortToSyntaxHighlightingWorker: sendMessagePortToSyntaxHighlightingWorker
 };
@@ -14473,10 +14530,10 @@ const Commands$W = {
 const SendMessagePortToSyntaxHighlightingWorker_ipc = {
   __proto__: null,
   Commands: Commands$W,
-  name: name$S
+  name: name$T
 };
 
-const name$R = 'Transferrable';
+const name$S = 'Transferrable';
 const Commands$V = {
   transferToRendererProcess: transferToRendererProcess,
   transfer: transfer,
@@ -14486,7 +14543,7 @@ const Commands$V = {
 const Transferrable_ipc = {
   __proto__: null,
   Commands: Commands$V,
-  name: name$R
+  name: name$S
 };
 
 const getWebViewsNode = async () => {
@@ -14568,7 +14625,7 @@ const compat = {
   }
 };
 
-const name$Q = 'WebView';
+const name$R = 'WebView';
 const Commands$U = {
   compatExtensionHostWorkerInvoke: compat.extensionHostWorkerInvoke,
   compatExtensionHostWorkerInvokeAndTransfer: compat.extensionHostWorkerInvokeAndTransfer,
@@ -14588,7 +14645,7 @@ const Commands$U = {
 const WebView_ipc = {
   __proto__: null,
   Commands: Commands$U,
-  name: name$Q
+  name: name$R
 };
 
 const launchSearchProcess = async () => {
@@ -14620,7 +14677,7 @@ const invoke$l = async (method, ...params) => {
   return invoke$H(ipc, method, ...params);
 };
 
-const name$P = 'SearchProcess';
+const name$Q = 'SearchProcess';
 const Commands$T = {
   invoke: invoke$l
 };
@@ -14628,7 +14685,7 @@ const Commands$T = {
 const SearchProcess_ipc = {
   __proto__: null,
   Commands: Commands$T,
-  name: name$P
+  name: name$Q
 };
 
 const combineResults$1 = results => {
@@ -14660,7 +14717,7 @@ const textSearchMemory2 = (...args) => {
   return invoke$D('TextSearchMemory.textSearch2', ...args);
 };
 
-const name$O = 'ExtensionHostTextSearch';
+const name$P = 'ExtensionHostTextSearch';
 const Commands$S = {
   executeTextSearchProvider: executeTextSearchProvider,
   textSearchFetch: textSearchFetch,
@@ -14672,10 +14729,10 @@ const Commands$S = {
 const ExtensionHostTextSearch_ipc = {
   __proto__: null,
   Commands: Commands$S,
-  name: name$O
+  name: name$P
 };
 
-const name$N = 'GetWindowId';
+const name$O = 'GetWindowId';
 const Commands$R = {
   getWindowId: getWindowId
 };
@@ -14683,10 +14740,10 @@ const Commands$R = {
 const GetWindowId_ipc = {
   __proto__: null,
   Commands: Commands$R,
-  name: name$N
+  name: name$O
 };
 
-const name$M = 'ElectronDialog';
+const name$N = 'ElectronDialog';
 const Commands$Q = {
   mockOpenDialog: mockOpenDialog,
   resetMockOpenDialog: resetMockOpenDialog,
@@ -14697,10 +14754,10 @@ const Commands$Q = {
 const ElectronDialog_ipc = {
   __proto__: null,
   Commands: Commands$Q,
-  name: name$M
+  name: name$N
 };
 
-const name$L = 'Process';
+const name$M = 'Process';
 const Commands$P = {
   getNodeVersion: getNodeVersion,
   getElectronVersion: getElectronVersion,
@@ -14715,7 +14772,7 @@ const Commands$P = {
 const Process_ipc = {
   __proto__: null,
   Commands: Commands$P,
-  name: name$L
+  name: name$M
 };
 
 const contexts = Object.create(null);
@@ -14838,7 +14895,7 @@ const getRunningExtensions = async () => {
   return invoke$E('Extensions.getRunningExtensions', assetDir, getPlatform$1());
 };
 
-const name$K = 'ExtensionManagement';
+const name$L = 'ExtensionManagement';
 const Commands$O = {
   disable: disable,
   enable: enable,
@@ -14857,7 +14914,7 @@ const Commands$O = {
 const ExtensionManagement_ipc = {
   __proto__: null,
   Commands: Commands$O,
-  name: name$K
+  name: name$L
 };
 
 const getVirtualDom$1 = html => {
@@ -14867,7 +14924,7 @@ const renderMarkdown = (markdown, options) => {
   return invoke$o('Markdown.renderMarkdown', markdown, options);
 };
 
-const name$J = 'Markdown';
+const name$K = 'Markdown';
 const Commands$N = {
   renderMarkdown: renderMarkdown,
   getVirtualDom: getVirtualDom$1
@@ -14876,7 +14933,7 @@ const Commands$N = {
 const Markdown_ipc = {
   __proto__: null,
   Commands: Commands$N,
-  name: name$J
+  name: name$K
 };
 
 const measureTextHeight = (text, fontFamily, fontSize) => {
@@ -14886,7 +14943,7 @@ const measureTextBlockHeight = (text, fontFamily, fontSize, lineHeight, width) =
   return invoke$I('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
 };
 
-const name$I = 'MeasureTextHeight';
+const name$J = 'MeasureTextHeight';
 const Commands$M = {
   measureTextBlockHeight: measureTextBlockHeight,
   measureTextHeight: measureTextHeight
@@ -14895,7 +14952,7 @@ const Commands$M = {
 const MeasureTextHeight_ipc = {
   __proto__: null,
   Commands: Commands$M,
-  name: name$I
+  name: name$J
 };
 
 const create$U = id => {
@@ -14952,7 +15009,7 @@ const getKeyBindings$q = () => {
   return invoke$x('About.getKeyBindings');
 };
 
-const name$H = 'About';
+const name$I = 'About';
 
 const apply = (oldState, newState) => {
   const commands = newState.commands;
@@ -15032,7 +15089,7 @@ const ViewletAbout_ipc = {
   hasFunctionalRender: hasFunctionalRender$J,
   hasFunctionalRootRender: hasFunctionalRootRender$D,
   loadContent: loadContent$Q,
-  name: name$H,
+  name: name$I,
   render: render$M,
   renderDialog: renderDialog$4,
   renderEventListeners: renderEventListeners$t
@@ -15202,7 +15259,7 @@ const getMenus$h = async () => {
   }
 };
 
-const name$G = 'ActivityBar';
+const name$H = 'ActivityBar';
 const getDisplayName$2 = () => {
   return 'ActivityBar';
 };
@@ -15260,7 +15317,7 @@ const ViewletActivityBar_ipc = {
   hotReload: hotReload$m,
   loadContent: loadContent$P,
   menus: menus$n,
-  name: name$G,
+  name: name$H,
   render: render$L,
   renderEventListeners: renderEventListeners$s
 };
@@ -15355,6 +15412,7 @@ const Th = 13;
 const THead = 14;
 const Tr = 15;
 const I = 16;
+const Img = 17;
 const H2 = 22;
 const Select$1 = 63;
 const Option = 64;
@@ -15446,7 +15504,7 @@ const renderAudio = {
 };
 const render$K = [renderAudio];
 
-const name$F = 'Audio';
+const name$G = 'Audio';
 
 const ViewletAudio_ipc = {
   __proto__: null,
@@ -15458,7 +15516,7 @@ const ViewletAudio_ipc = {
   hasFunctionalRender: hasFunctionalRender$H,
   hasFunctionalRootRender: hasFunctionalRootRender$B,
   loadContent: loadContent$O,
-  name: name$F,
+  name: name$G,
   render: render$K
 };
 
@@ -15615,7 +15673,7 @@ const getKeyBindings$o = () => {
   return invoke$j('Chat.getKeyBindings');
 };
 
-const name$E = 'Chat';
+const name$F = 'Chat';
 
 const hasFunctionalRender$F = true;
 const hasFunctionalRootRender$A = true;
@@ -15673,7 +15731,7 @@ const ViewletChat_ipc = {
   hotReload: hotReload$l,
   loadContent: loadContent$M,
   menus: menus$m,
-  name: name$E,
+  name: name$F,
   render: render$I,
   renderDialog: renderDialog$3,
   renderEventListeners: renderEventListeners$r,
@@ -15828,7 +15886,7 @@ const getKeyBindings$n = () => {
   return invoke$i('ChatDebug.getKeyBindings');
 };
 
-const name$D = 'StatusBar';
+const name$E = 'StatusBar';
 
 const ViewletChatDebug_ipc = {
   __proto__: null,
@@ -15845,7 +15903,7 @@ const ViewletChatDebug_ipc = {
   hotReload: hotReload$k,
   loadContent: loadContent$L,
   menus: menus$l,
-  name: name$D,
+  name: name$E,
   render: render$H,
   renderEventListeners: renderEventListeners$q,
   resize: resize$n,
@@ -15877,7 +15935,7 @@ const dispose$s = state => {
   state.disposed = true;
 };
 
-const name$C = 'Clock';
+const name$D = 'Clock';
 const Commands$G = {};
 
 const ViewletClock_ipc = {
@@ -15886,7 +15944,7 @@ const ViewletClock_ipc = {
   create: create$O,
   dispose: dispose$s,
   loadContent: loadContent$K,
-  name: name$C
+  name: name$D
 };
 
 // TODO remove this file and merge with whenExpressions
@@ -15952,7 +16010,7 @@ const renderFocus$2 = {
 };
 const render$G = [renderDialog$2, renderFocus$2];
 
-const name$B = 'Confirm';
+const name$C = 'Confirm';
 
 const ViewletConfirm_ipc = {
   __proto__: null,
@@ -15967,7 +16025,7 @@ const ViewletConfirm_ipc = {
   hasFunctionalRender: hasFunctionalRender$D,
   hasFunctionalRootRender: hasFunctionalRootRender$y,
   loadContent: loadContent$J,
-  name: name$B,
+  name: name$C,
   render: render$G,
   renderDialog: renderDialog$2,
   renderFocus: renderFocus$2
@@ -16061,7 +16119,7 @@ const getQuickPickMenuEntries$3 = () => {
   }];
 };
 
-const name$A = 'DebugConsole';
+const name$B = 'DebugConsole';
 
 const getVirtualDom = textContent => {
   const dom = [];
@@ -16236,7 +16294,7 @@ const ViewletDebugConsole_ipc = {
   handleInput: handleInput$4,
   hasFunctionalRender: hasFunctionalRender$C,
   loadContent: loadContent$I,
-  name: name$A,
+  name: name$B,
   render: render$F,
   renderActions: renderActions$d
 };
@@ -16501,7 +16559,7 @@ const renderStack = {
 };
 const render$D = [renderHeader, renderButtons, renderCodeFrame, renderMessage$2, renderStack];
 
-const name$z = 'Dialog';
+const name$A = 'Dialog';
 
 const ViewletDialog_ipc = {
   __proto__: null,
@@ -16512,7 +16570,7 @@ const ViewletDialog_ipc = {
   handleClick: handleClick$1,
   hasFunctionalRender: hasFunctionalRender$A,
   loadContent: loadContent$G,
-  name: name$z,
+  name: name$A,
   render: render$D
 };
 
@@ -16603,7 +16661,7 @@ const getMenus$e = async () => {
   }
 };
 
-const name$y = 'DiffView';
+const name$z = 'DiffView';
 const create$H = (uid, uri, x, y, width, height, args, parentUid) => {
   return {
     id: uid,
@@ -16743,7 +16801,7 @@ const ViewletDiffEditor2_ipc = {
   hotReload: hotReload$j,
   loadContent: loadContent$F,
   menus: menus$k,
-  name: name$y,
+  name: name$z,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
   resize: resize$m,
@@ -16898,7 +16956,7 @@ const MenuEntriesE2eTests = {
 
 const menus$j = [MenuEntriesE2eTests];
 
-const name$x = 'E2e Test';
+const name$y = 'E2e Test';
 
 const getE2eTestVirtualDom = content => {
   return [{
@@ -16983,7 +17041,7 @@ const ViewletE2eTest_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$v,
   loadContent: loadContent$E,
   menus: menus$j,
-  name: name$x,
+  name: name$y,
   render: render$B,
   renderActions: renderActions$c,
   resize: resize$l
@@ -17244,7 +17302,7 @@ const renderItems$e = {
 const render$z = [renderItems$e];
 const Css$w = ['/css/parts/Preview.css'];
 
-const name$w = 'Preview';
+const name$x = 'Preview';
 
 const ViewletPreview_ipc = {
   __proto__: null,
@@ -17261,7 +17319,7 @@ const ViewletPreview_ipc = {
   hotReload: hotReload$h,
   increment,
   loadContent: loadContent$C,
-  name: name$w,
+  name: name$x,
   render: render$z,
   renderEventListeners: renderEventListeners$n
 };
@@ -17379,7 +17437,7 @@ const render$y = [renderTerminal];
 
 const Css$v = ['/css/parts/ViewletTerminal.css', '/lib-css/xterm.css'];
 
-const name$v = 'Terminal2';
+const name$w = 'Terminal2';
 
 const ViewletTerminal2_ipc = {
   __proto__: null,
@@ -17397,7 +17455,7 @@ const ViewletTerminal2_ipc = {
   hasFunctionalRender: hasFunctionalRender$v,
   hasFunctionalResize: hasFunctionalResize$k,
   loadContent: loadContent$B,
-  name: name$v,
+  name: name$w,
   render: render$y,
   resize: resize$k,
   resizeEffect: resizeEffect$2
@@ -17524,7 +17582,7 @@ const getKeyBindings$h = () => {
 
 const menus$h = [MenuEntriesE2eTests];
 
-const name$u = 'E2e Tests';
+const name$v = 'E2e Tests';
 
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
@@ -17655,7 +17713,7 @@ const ViewletE2eTests_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$s,
   loadContent: loadContent$A,
   menus: menus$h,
-  name: name$u,
+  name: name$v,
   openInNewTab,
   render: render$x,
   renderActions: renderActions$b,
@@ -18377,7 +18435,7 @@ const getMenus$c = async () => {
   }
 };
 
-const name$t = 'EditorText';
+const name$u = 'EditorText';
 
 const saveState$g = state => {
   // @ts-ignore
@@ -18425,7 +18483,7 @@ const ViewletEditorText_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$r,
   loadContent: loadContent$z,
   menus: menus$g,
-  name: name$t,
+  name: name$u,
   render: render$v,
   renderEventListeners: renderEventListeners$m,
   rerender: rerender$1,
@@ -18479,7 +18537,7 @@ const getEditorErrorInfo = error => {
   };
 };
 
-const name$s = 'TextEditorError';
+const name$t = 'TextEditorError';
 const create$z = () => {
   return {
     id: 0,
@@ -18506,7 +18564,7 @@ const ViewletTextEditorError_ipc = {
   create: create$z,
   handleClickCreate,
   loadContent: loadContent$y,
-  name: name$s,
+  name: name$t,
   render: render$u
 };
 
@@ -18587,7 +18645,7 @@ const loadContent$x = state => {
 };
 const dispose$m = state => {};
 
-const name$r = 'EmptyEditor';
+const name$s = 'EmptyEditor';
 const Commands$u = {};
 
 const ViewletEmptyEditor_ipc = {
@@ -18596,7 +18654,7 @@ const ViewletEmptyEditor_ipc = {
   create: create$x,
   dispose: dispose$m,
   loadContent: loadContent$x,
-  name: name$r
+  name: name$s
 };
 
 const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerViewWorkerMain.js`;
@@ -18781,7 +18839,7 @@ const explorer = () => {
   return i18nString(UiStrings$4.Explorer);
 };
 
-const name$q = 'Explorer';
+const name$r = 'Explorer';
 const getDisplayName$1 = () => {
   return explorer();
 };
@@ -18812,7 +18870,7 @@ const renderActions$a = {
   }
 };
 
-const renderTitle$3 = {
+const renderTitle$4 = {
   isEqual(oldState, newState) {
     return oldState.title === newState.title;
   },
@@ -18850,11 +18908,11 @@ const ViewletExplorer_ipc = {
   hotReload: hotReload$f,
   loadContent: loadContent$w,
   menus: menus$f,
-  name: name$q,
+  name: name$r,
   render: render$s,
   renderActions: renderActions$a,
   renderEventListeners: renderEventListeners$l,
-  renderTitle: renderTitle$3,
+  renderTitle: renderTitle$4,
   resize: resize$i,
   restoreState,
   saveState: saveState$f
@@ -18992,7 +19050,7 @@ const getMenus$b = async () => {
   }
 };
 
-const name$p = 'ExtensionDetail';
+const name$q = 'ExtensionDetail';
 
 const hasFunctionalRender$r = true;
 const hasFunctionalRootRender$p = true;
@@ -19025,7 +19083,7 @@ const ViewletExtensionDetail_ipc = {
   hotReload: hotReload$e,
   loadContent: loadContent$v,
   menus: menus$e,
-  name: name$p,
+  name: name$q,
   render: render$r,
   renderEventListeners: renderEventListeners$k,
   saveState: saveState$e
@@ -19372,7 +19430,7 @@ const renderActions$9 = {
     return newState.actionsDom;
   }
 };
-const renderTitle$2 = {
+const renderTitle$3 = {
   isEqual(oldState, newState) {
     return oldState.title === newState.title;
   },
@@ -19457,7 +19515,7 @@ const ViewletExtensionView_ipc = {
   render: render$q,
   renderActions: renderActions$9,
   renderEventListeners: renderEventListeners$j,
-  renderTitle: renderTitle$2,
+  renderTitle: renderTitle$3,
   rerender,
   resize: resize$h,
   saveState: saveState$d
@@ -19593,7 +19651,7 @@ const getMenus$a = async () => {
   }
 };
 
-const name$o = 'Extensions';
+const name$p = 'Extensions';
 
 const hasFunctionalRender$p = true;
 const hasFunctionalRootRender$n = true;
@@ -19637,7 +19695,7 @@ const renderActions$8 = {
   }
 };
 
-const renderTitle$1 = {
+const renderTitle$2 = {
   isEqual(oldState, newState) {
     return oldState === newState;
   },
@@ -19680,11 +19738,11 @@ const ViewletExtensions_ipc = {
   hotReload: hotReload$d,
   loadContent: loadContent$t,
   menus: menus$c,
-  name: name$o,
+  name: name$p,
   render: render$p,
   renderActions: renderActions$8,
   renderEventListeners: renderEventListeners$i,
-  renderTitle: renderTitle$1,
+  renderTitle: renderTitle$2,
   resize: resize$g,
   saveState: saveState$c
 };
@@ -19785,7 +19843,7 @@ const getKeyBindings$c = () => {
   return invoke$c('IframeInspector.getKeyBindings');
 };
 
-const name$n = 'IframeInspector';
+const name$o = 'IframeInspector';
 
 const hasFunctionalRender$o = true;
 const hasFunctionalRootRender$m = true;
@@ -19815,7 +19873,7 @@ const ViewletIframeInspector_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$m,
   hotReload: hotReload$c,
   loadContent: loadContent$s,
-  name: name$n,
+  name: name$o,
   render: render$o,
   renderContent,
   renderEventListeners: renderEventListeners$h
@@ -20057,7 +20115,7 @@ const renderEventListeners$g = async () => {
   return listeners;
 };
 
-const name$m = 'Implementations';
+const name$n = 'Implementations';
 const Commands$o = {};
 
 const ViewletImplementations_ipc = {
@@ -20070,7 +20128,7 @@ const ViewletImplementations_ipc = {
   hasFunctionalRender: hasFunctionalRender$n,
   hasFunctionalRootRender: hasFunctionalRootRender$l,
   loadContent: loadContent$q,
-  name: name$m,
+  name: name$n,
   render: render$n,
   renderEventListeners: renderEventListeners$g
 };
@@ -20098,7 +20156,7 @@ const ViewletInlineDiffEditor_ipc = {
   hotReload: hotReload$j,
   loadContent: loadContent$F,
   menus: menus$k,
-  name: name$y,
+  name: name$z,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
   resize: resize$m,
@@ -20226,7 +20284,7 @@ const getMenus$9 = async () => {
   }
 };
 
-const name$l = 'KeyBindings';
+const name$m = 'KeyBindings';
 
 const hasFunctionalRender$m = true;
 const hasFunctionalRootRender$k = true;
@@ -20280,7 +20338,7 @@ const ViewletKeyBindings_ipc = {
   hotReload: hotReload$a,
   loadContent: loadContent$p,
   menus: menus$b,
-  name: name$l,
+  name: name$m,
   render: render$m,
   renderEventListeners: renderEventListeners$f,
   resize: resize$f,
@@ -20289,7 +20347,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '684b9f1';
+const commit = 'd7a85a3';
 
 const getAutoUpdateType = () => {
   return invoke$F('AutoUpdater.getAutoUpdateType');
@@ -20595,6 +20653,31 @@ const getPoints = (source, sideBarLocation = Right) => {
   const newPanelHeight = clamp(panelHeight, panelMinHeight, panelMaxHeight); // TODO check that it is in bounds of window
   const preferredPreviewWidth = previewWidth > 0 ? previewWidth : windowWidth / 2;
   const availableWidth = previewVisible ? Math.max(0, windowWidth - Math.max(previewMinWidth, preferredPreviewWidth)) : windowWidth;
+  if (source.sideBarFocusMode) {
+    const contentTop = titleBarVisible ? titleBarHeight : 0;
+    const contentBottom = statusBarVisible ? windowHeight - statusBarHeight : windowHeight;
+    return {
+      ...source,
+      activityBarSashVisible: false,
+      activityBarVisible: false,
+      activityBarWidth: 0,
+      mainVisible: false,
+      panelSashVisible: false,
+      panelVisible: false,
+      previewSashVisible: false,
+      previewVisible: false,
+      secondarySideBarVisible: false,
+      sideBarHeight: Math.max(0, contentBottom - contentTop),
+      sideBarLeft: 0,
+      sideBarSashVisible: false,
+      sideBarTop: contentTop,
+      sideBarVisible: true,
+      sideBarWidth: windowWidth,
+      statusBarTop: contentBottom,
+      statusBarWidth: windowWidth,
+      titleBarWidth: windowWidth
+    };
+  }
   if (sideBarLocation === Right) {
     const p1 = /* Top */0;
     let p2 = /* End of Title Bar */0;
@@ -20919,6 +21002,8 @@ const create$o = id => {
     previewSashVisible: false,
     previewVisible: false,
     sideBarSashVisible: false,
+    sideBarFocusMode: false,
+    sideBarFocusModeLayout: undefined,
     sideBarVisible: false,
     secondarySideBarVisible: false,
     statusBarVisible: false,
@@ -20991,6 +21076,10 @@ const create$o = id => {
   };
 };
 const saveState$9 = state => {
+  const stateToSave = state.sideBarFocusModeLayout ? {
+    ...state,
+    ...state.sideBarFocusModeLayout
+  } : state;
   const {
     activityBarVisible,
     panelHeight,
@@ -21006,7 +21095,7 @@ const saveState$9 = state => {
     secondarySideBarView,
     secondarySideBarVisible,
     secondarySideBarWidth
-  } = state;
+  } = stateToSave;
   return {
     activityBarVisible,
     panelHeight,
@@ -21155,6 +21244,8 @@ const loadContent$o = (state, savedState) => {
     restore,
     sideBarLocation,
     sideBarSashVisible: true,
+    sideBarFocusMode: false,
+    sideBarFocusModeLayout: undefined,
     sideBarView: savedView,
     secondarySideBarView: savedSecondaryView,
     workbenchVisible: true,
@@ -21165,6 +21256,12 @@ const loadContent$o = (state, savedState) => {
   return newState;
 };
 const show$4 = async (state, module, currentViewletId) => {
+  if (state.sideBarFocusMode && module !== SideBar && module !== StatusBar && module !== TitleBar) {
+    return {
+      newState: state,
+      commands: []
+    };
+  }
   const {
     kVisible,
     kTop,
@@ -21269,6 +21366,59 @@ const toggle = (state, module, moduleId) => {
   }
   return show$4(state, module, moduleId);
 };
+const getSideBarFocusModeLayoutSnapshot = state => {
+  return {
+    activityBarSashVisible: state.activityBarSashVisible,
+    activityBarVisible: state.activityBarVisible,
+    mainVisible: state.mainVisible,
+    panelSashVisible: state.panelSashVisible,
+    panelVisible: state.panelVisible,
+    previewSashVisible: state.previewSashVisible,
+    previewVisible: state.previewVisible,
+    secondarySideBarVisible: state.secondarySideBarVisible,
+    sideBarSashVisible: state.sideBarSashVisible,
+    sideBarVisible: state.sideBarVisible,
+    sideBarWidth: state.sideBarWidth
+  };
+};
+const getSideBarFocusMode = state => {
+  return state.sideBarFocusMode;
+};
+const enterSideBarFocusMode = async state => {
+  if (state.sideBarFocusMode || !state.sideBarVisible) {
+    return {
+      newState: state,
+      commands: []
+    };
+  }
+  const newState = getPoints({
+    ...state,
+    sideBarFocusMode: true,
+    sideBarFocusModeLayout: getSideBarFocusModeLayoutSnapshot(state)
+  });
+  return {
+    newState,
+    commands: await getResizeCommands(state, newState)
+  };
+};
+const leaveSideBarFocusMode = async state => {
+  if (!state.sideBarFocusMode || !state.sideBarFocusModeLayout) {
+    return {
+      newState: state,
+      commands: []
+    };
+  }
+  const newState = getPoints({
+    ...state,
+    ...state.sideBarFocusModeLayout,
+    sideBarFocusMode: false,
+    sideBarFocusModeLayout: undefined
+  });
+  return {
+    newState,
+    commands: await getResizeCommands(state, newState)
+  };
+};
 const showSideBar = async (state, moduleId = state.sideBarView) => {
   const sideBarView = moduleId || state.sideBarView || Explorer$1;
   if (state.sideBarVisible) {
@@ -21306,6 +21456,12 @@ const showSideBar = async (state, moduleId = state.sideBarView) => {
   };
 };
 const hide$2 = async (state, module) => {
+  if (state.sideBarFocusMode && module !== SideBar && module !== StatusBar && module !== TitleBar) {
+    return {
+      newState: state,
+      commands: []
+    };
+  }
   const {
     kVisible,
     moduleId
@@ -21342,10 +21498,11 @@ const hide$2 = async (state, module) => {
   };
 };
 const hideSideBar = async state => {
+  const focusResult = await leaveSideBarFocusMode(state);
   const {
     newState,
     commands
-  } = await hide$2(state, SideBar);
+  } = await hide$2(focusResult.newState, SideBar);
   const {
     activityBarId
   } = newState;
@@ -21355,10 +21512,13 @@ const hideSideBar = async state => {
       ...newState,
       sideBarVisible: false
     },
-    commands: [...commands, ...activityBarCommands]
+    commands: [...focusResult.commands, ...commands, ...activityBarCommands]
   };
 };
 const toggleSideBar = state => {
+  if (state.sideBarFocusMode) {
+    return hideSideBar(state);
+  }
   // @ts-ignore
   return toggle(state, SideBar);
 };
@@ -21454,7 +21614,7 @@ const togglePanel = (state, moduleId = None$8) => {
 };
 const mainMinHeight = 100;
 const maximizePanel = async state => {
-  if (state.panelMaximized) {
+  if (state.panelMaximized || state.sideBarFocusMode) {
     return {
       newState: state,
       commands: []
@@ -21477,7 +21637,7 @@ const maximizePanel = async state => {
   };
 };
 const unmaximizePanel = async state => {
-  if (!state.panelMaximized || !state.panelVisible) {
+  if (!state.panelMaximized || !state.panelVisible || state.sideBarFocusMode) {
     return {
       newState: state,
       commands: []
@@ -22575,6 +22735,62 @@ const getHref = state => {
   return getHref$1();
 };
 
+const defaultColorTheme = 'slime';
+const closeWidgets = async () => {
+  await execute$3('Viewlet.closeWidget', QuickPick);
+  await execute$3('Viewlet.closeWidget', Dialog);
+  await execute$3('Viewlet.closeWidget', Confirm$1);
+};
+const getActivityBarBounds = () => {
+  const state = getState$1(Layout);
+  return {
+    height: state.activityBarHeight,
+    width: state.activityBarWidth,
+    x: state.activityBarLeft,
+    y: state.activityBarTop
+  };
+};
+const resetActivityBar = async () => {
+  const {
+    height,
+    width,
+    x,
+    y
+  } = getActivityBarBounds();
+  await execute$3('ActivityBar.create', '', x, y, width, height, null, null, -1);
+  await execute$3('ActivityBar.loadContent', {});
+};
+const reset = async state => {
+  await execute$3('Menu.hide', false);
+  await closeWidgets();
+  await execute$3('ColorTheme.setColorTheme', defaultColorTheme);
+  await execute$3('Main.closeAllEditors');
+  const workspacePath = await execute$3('Workspace.getPath');
+  if (workspacePath) {
+    await execute$3('Workspace.close');
+  }
+  if (state.sideBarFocusMode) {
+    await execute$3('Layout.leaveSideBarFocusMode');
+  }
+  if (state.sideBarLocation !== Right) {
+    await execute$3('Layout.moveSideBarRight');
+  }
+  if (!state.sideBarVisible || state.sideBarView !== Explorer$1) {
+    await execute$3('Layout.showSideBar', Explorer$1);
+  }
+  if (state.panelVisible) {
+    if (state.panelMaximized) {
+      await execute$3('Layout.unmaximizePanel');
+    }
+    await execute$3('Layout.hidePanel');
+  }
+  await resetActivityBar();
+  return {
+    commands: [],
+    newState: state
+  };
+};
+
 // prettier-ignore
 const Commands$m = {
   getAllQuickPickMenuEntries: getAllQuickPickMenuEntries,
@@ -22584,6 +22800,7 @@ const Commands$m = {
   getSideBarVisible: getSideBarVisible,
   getSecondarySideBarVisible: getSecondarySideBarVisible,
   getSideBarPosition: getSideBarPosition,
+  getSideBarFocusMode: getSideBarFocusMode,
   getCommit: getCommit,
   getPlatform: getPlatform,
   getAssetDir: getAssetDir,
@@ -22612,7 +22829,9 @@ const CommandsWithSideEffects = {
   handleSashPointerUp: handleSashPointerUp,
   handleWorkspaceRefresh: handleWorkspaceRefresh,
   refreshSourceControlBadgeCount: refreshSourceControlBadgeCount,
+  reset: reset,
   closeChat: closeChat,
+  enterSideBarFocusMode: enterSideBarFocusMode,
   hideActivityBar: hideActivityBar,
   hideMain: hideMain,
   hidePanel: hidePanel,
@@ -22629,6 +22848,7 @@ const CommandsWithSideEffects = {
   loadSecondarySideBarIfVisible: loadSecondarySideBarIfVisible,
   loadStatusBarIfVisible: loadStatusBarIfVisible,
   loadTitleBarIfVisible: loadTitleBarIfVisible,
+  leaveSideBarFocusMode: leaveSideBarFocusMode,
   moveSideBarLeft: moveSideBarLeft,
   moveSideBarRight: moveSideBarRight,
   openChat: openChat,
@@ -23189,7 +23409,7 @@ const getQuickPickMenuEntries$1 = () => {
   }];
 };
 
-const name$k = 'Layout';
+const name$l = 'Layout';
 
 const getSashSideBarDom = () => {
   return [{
@@ -23643,6 +23863,7 @@ const ViewletLayout_ipc = {
   create: create$o,
   createPanelViewlet,
   createViewlet: createViewlet$1,
+  enterSideBarFocusMode,
   getActivePanelView,
   getActiveSecondarySideBarView,
   getActiveSideBarView,
@@ -23658,6 +23879,7 @@ const ViewletLayout_ipc = {
   getPlatform,
   getQuickPickMenuEntries: getQuickPickMenuEntries$1,
   getSecondarySideBarVisible,
+  getSideBarFocusMode,
   getSideBarPosition,
   getSideBarVisible,
   getUserInfo,
@@ -23688,6 +23910,7 @@ const ViewletLayout_ipc = {
   hideStatusBar,
   hideTitleBar,
   isSideBarVisible,
+  leaveSideBarFocusMode,
   loadActivityBarIfVisible,
   loadContent: loadContent$o,
   loadMainIfVisible,
@@ -23701,7 +23924,7 @@ const ViewletLayout_ipc = {
   moveSideBar,
   moveSideBarLeft,
   moveSideBarRight,
-  name: name$k,
+  name: name$l,
   openChat,
   openCommandPalette,
   openPanelView,
@@ -24376,7 +24599,7 @@ const resize$e = async (state, dimensions) => {
   };
 };
 
-const name$j = 'Main';
+const name$k = 'Main';
 
 const ViewletMain_ipc = {
   __proto__: null,
@@ -24397,7 +24620,7 @@ const ViewletMain_ipc = {
   hotReload: hotReload$9,
   loadContent: loadContent$n,
   menus: menus$a,
-  name: name$j,
+  name: name$k,
   openEditorWithType,
   openKeyBindings,
   render: render$k,
@@ -24432,7 +24655,7 @@ const dispose$f = state => {
   state.disposed = true;
 };
 
-const name$i = 'MarkDownPreview';
+const name$j = 'MarkDownPreview';
 const Commands$k = {};
 
 const ViewletMarkDownPreview_ipc = {
@@ -24441,7 +24664,7 @@ const ViewletMarkDownPreview_ipc = {
   create: create$m,
   dispose: dispose$f,
   loadContent: loadContent$m,
-  name: name$i
+  name: name$j
 };
 
 const create$l = id => {
@@ -24597,7 +24820,7 @@ const renderActions$6 = {
   }
 };
 
-const name$h = 'Output';
+const name$i = 'Output';
 
 const ViewletOutput_ipc = {
   __proto__: null,
@@ -24611,7 +24834,7 @@ const ViewletOutput_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$h,
   hotReload: hotReload$8,
   loadContent: loadContent$k,
-  name: name$h,
+  name: name$i,
   render: render$j,
   renderActions: renderActions$6,
   renderDialog,
@@ -24724,7 +24947,7 @@ const resize$d = async (state, dimensions) => {
   };
 };
 
-const name$g = 'Panel';
+const name$h = 'Panel';
 
 const ViewletPanel_ipc = {
   __proto__: null,
@@ -24739,7 +24962,7 @@ const ViewletPanel_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$g,
   hotReload: hotReload$7,
   loadContent: loadContent$j,
-  name: name$g,
+  name: name$h,
   render: render$i,
   renderEventListeners: renderEventListeners$b,
   resize: resize$d
@@ -24931,7 +25154,7 @@ const saveState$6 = async state => {
   return savedState;
 };
 
-const name$f = 'Problems';
+const name$g = 'Problems';
 
 const ViewletProblems_ipc = {
   __proto__: null,
@@ -24948,7 +25171,7 @@ const ViewletProblems_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$f,
   loadContent: loadContent$i,
   menus: menus$9,
-  name: name$f,
+  name: name$g,
   render: render$h,
   renderActions: renderActions$5,
   renderEventListeners: renderEventListeners$a,
@@ -25067,7 +25290,7 @@ const MenuEntriesProcessExplorer = {
 
 const menus$8 = [MenuEntriesProcessExplorer];
 
-const name$e = 'ProcessExplorer';
+const name$f = 'ProcessExplorer';
 
 const hasFunctionalRender$g = true;
 const hasFunctionalRootRender$e = true;
@@ -25098,7 +25321,7 @@ const ViewletProcessExplorer_ipc = {
   hotReload: hotReload$6,
   loadContent: loadContent$h,
   menus: menus$8,
-  name: name$e,
+  name: name$f,
   render: render$g,
   renderEventListeners: renderEventListeners$9
 };
@@ -25217,7 +25440,7 @@ const renderEventListeners$8 = async () => {
   return listeners;
 };
 
-const name$d = 'QuickPick';
+const name$e = 'QuickPick';
 
 const ViewletQuickPick_ipc = {
   __proto__: null,
@@ -25232,7 +25455,7 @@ const ViewletQuickPick_ipc = {
   hasFunctionalRender: hasFunctionalRender$f,
   hasFunctionalRootRender: hasFunctionalRootRender$d,
   loadContent: loadContent$g,
-  name: name$d,
+  name: name$e,
   render: render$f,
   renderEventListeners: renderEventListeners$8,
   renderItems: renderItems$6,
@@ -25343,7 +25566,7 @@ const getDisplayName = () => {
   return i18nString(UiStrings$2.References);
 };
 
-const name$c = 'References';
+const name$d = 'References';
 
 const ViewletReferences_ipc = {
   __proto__: null,
@@ -25359,7 +25582,7 @@ const ViewletReferences_ipc = {
   hasFunctionalRender: hasFunctionalRender$n,
   hasFunctionalRootRender: hasFunctionalRootRender$l,
   loadContent: loadContent$f,
-  name: name$c,
+  name: name$d,
   render: render$n,
   renderActions: renderActions$4,
   renderEventListeners: renderEventListeners$g,
@@ -25585,7 +25808,7 @@ const renderActions$3 = {
   }
 };
 
-const name$b = 'Run And Debug';
+const name$c = 'Run And Debug';
 
 const ViewletRunAndDebug_ipc = {
   __proto__: null,
@@ -25608,7 +25831,7 @@ const ViewletRunAndDebug_ipc = {
   hotReload: hotReload$5,
   loadContent: loadContent$e,
   menus: menus$7,
-  name: name$b,
+  name: name$c,
   render: render$e,
   renderActions: renderActions$3,
   renderEventListeners: renderEventListeners$7,
@@ -25635,6 +25858,7 @@ const create$d = (uid, uri, x, y, width, height) => {
   return {
     commands: [],
     height,
+    title: 'Running Extensions',
     uid,
     uri,
     width,
@@ -25700,6 +25924,8 @@ const getCommands$6 = async () => {
 
 const Css$d = ["/css/parts/ViewletRunningExtensions.css"];
 
+const name$b = 'RunningExtensions';
+
 const hasFunctionalEvents$8 = true;
 const hasFunctionalRender$d = true;
 const hasFunctionalRootRender$b = true;
@@ -25715,6 +25941,15 @@ const renderEventListeners$6 = async () => {
   return invoke$4('RunningExtensions.renderEventListeners');
 };
 
+const renderTitle$1 = {
+  isEqual(oldState, newState) {
+    return oldState.title === newState.title;
+  },
+  apply(_oldState, newState) {
+    return newState.title;
+  }
+};
+
 const ViewletRunningExtensions_ipc = {
   __proto__: null,
   Commands: Commands$b,
@@ -25727,8 +25962,10 @@ const ViewletRunningExtensions_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$b,
   loadContent: loadContent$d,
   menus: menus$6,
+  name: name$b,
   render: render$d,
-  renderEventListeners: renderEventListeners$6
+  renderEventListeners: renderEventListeners$6,
+  renderTitle: renderTitle$1
 };
 
 const getSources = async options => {
@@ -26202,6 +26439,7 @@ const handleClickAction = async (state, index, command) => {
   return state;
 };
 
+const defaultTitleAreaHeight = 35;
 const create$9 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
@@ -26211,7 +26449,7 @@ const create$9 = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    titleAreaHeight: 35,
+    titleAreaHeight: defaultTitleAreaHeight,
     actions: [],
     title: EmptyString,
     childUid: -1
@@ -26281,6 +26519,10 @@ const getChildModuleId = moduleId => {
   }
   return ExtensionView$1;
 };
+const getExtensionViewTitleAreaHeight = async moduleId => {
+  const view = await getExtensionView(moduleId);
+  return view?.showSideBarHeader === false ? 0 : defaultTitleAreaHeight;
+};
 
 // TODO
 // export const getChildren = (state) => {
@@ -26308,17 +26550,21 @@ const handleSideBarViewletChange = async (state, moduleId, restore = true) => {
   }
   // TODO set it in layout
   const {
-    currentViewletId,
-    titleAreaHeight
+    currentViewletId
   } = state;
   const requestId = state.currentViewletRequestId + 1;
   const savePromise = saveViewletState(currentViewletId);
   state.currentViewletRequestId = requestId;
   state.currentViewletId = moduleId;
-  const childDimensions = getContentDimensions$1(state, titleAreaHeight);
   const uid = state.uid;
-  const childUid = create$18();
   const childModuleId = getChildModuleId(moduleId);
+  const titleAreaHeight = childModuleId === ExtensionView$1 ? await getExtensionViewTitleAreaHeight(moduleId) : defaultTitleAreaHeight;
+  if (state.currentViewletRequestId !== requestId || state.currentViewletId !== moduleId) {
+    await savePromise;
+    return state;
+  }
+  const childDimensions = getContentDimensions$1(state, titleAreaHeight);
+  const childUid = create$18();
   const commands = await load$4({
     getModule: load$2,
     id: childModuleId,
@@ -26365,7 +26611,7 @@ const handleSideBarViewletChange = async (state, moduleId, restore = true) => {
       title = childInstance?.state?.title || EmptyString;
     }
     const eventsIndex = commands.findIndex(command => command[0] === 'Viewlet.registerEventListeners');
-    if (actionsDom.length > 0) {
+    if (titleAreaHeight > 0 && actionsDom.length > 0) {
       const events = eventsIndex >= 0 ? commands[eventsIndex][2] : [];
       actionsUid = create$18();
       commands.push(['Viewlet.createFunctionalRoot', moduleId, actionsUid, true], ['Viewlet.registerEventListeners', actionsUid, events], ['Viewlet.setDom2', actionsUid, actionsDom], ['Viewlet.setUid', actionsUid, childUid]);
@@ -26387,6 +26633,7 @@ const handleSideBarViewletChange = async (state, moduleId, restore = true) => {
     currentViewletId: moduleId,
     childUid,
     actionsUid,
+    titleAreaHeight,
     title
   };
 };
@@ -26508,11 +26755,12 @@ const getSideBarDom = newState => {
   const {
     childUid
   } = newState;
+  const showHeader = newState.titleAreaHeight !== 0;
   return [{
     type: Div,
     className: 'SideBar',
-    childCount: 2
-  }, ...getTitleAreaDom(newState), {
+    childCount: showHeader ? 2 : 1
+  }, ...(showHeader ? getTitleAreaDom(newState) : []), {
     type: Reference,
     uid: childUid
   }];
@@ -26819,6 +27067,9 @@ const setIframeSrc = async (id, iframeSrc) => {
 const focus = id => {
   return invoke$2('ElectronWebContentsView.focus', id);
 };
+const capturePage = id => {
+  return invoke$2('ElectronWebContentsView.capturePage', id);
+};
 const show$3 = id => {
   return invoke$2('ElectronWebContentsView.show', id);
 };
@@ -26933,6 +27184,8 @@ const create$7 = (id, uri, x, y, width, height) => {
     canGoBack: true,
     isLoading: false,
     hasSuggestionsOverlay: false,
+    overlayIds: [],
+    snapshot: '',
     suggestionsEnabled: false,
     shortcuts: []
   };
@@ -27058,6 +27311,52 @@ const hide = async state => {
   } = state;
   await hide$1(browserViewId);
 };
+const showOverlay = async (state, overlayId) => {
+  if (state.overlayIds.includes(overlayId)) {
+    return state;
+  }
+  const overlayIds = [...state.overlayIds, overlayId];
+  if (state.snapshot) {
+    return {
+      ...state,
+      overlayIds
+    };
+  }
+  try {
+    const snapshot = await capturePage(state.browserViewId);
+    await hide$1(state.browserViewId);
+    return {
+      ...state,
+      overlayIds,
+      snapshot
+    };
+  } catch (error) {
+    console.error('[renderer-worker] Failed to capture Simple Browser page', error);
+    return state;
+  }
+};
+const hideOverlay = async (state, overlayId) => {
+  if (!state.overlayIds.includes(overlayId)) {
+    return state;
+  }
+  const overlayIds = state.overlayIds.filter(id => id !== overlayId);
+  if (overlayIds.length > 0) {
+    return {
+      ...state,
+      overlayIds
+    };
+  }
+  try {
+    await show$3(state.browserViewId);
+  } catch (error) {
+    console.error('[renderer-worker] Failed to restore Simple Browser page', error);
+  }
+  return {
+    ...state,
+    overlayIds,
+    snapshot: ''
+  };
+};
 const handleInput$1 = async (state, value) => {
   const {
     hasSuggestionsOverlay,
@@ -27226,9 +27525,11 @@ const Commands$6 = {
   handleKeyBinding: handleKeyBinding,
   handleTitleUpdated: handleTitleUpdated,
   handleWillNavigate: handleWillNavigate,
+  hideOverlay: hideOverlay,
   insertCss: insertCss,
   insertJavaScript: insertJavaScript,
-  setUrl: setUrl
+  setUrl: setUrl,
+  showOverlay: showOverlay
 };
 const LazyCommands = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
@@ -27372,11 +27673,12 @@ const menus$3 = [MenuEntriesSimpleBrowser];
 
 const Url = 'url';
 
-const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value) => {
-  return [{
+const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, snapshot = '') => {
+  /** @type {any[]} */
+  const dom = [{
     type: Div,
     className: 'Viewlet SimpleBrowser',
-    childCount: 1
+    childCount: snapshot ? 2 : 1
   }, {
     type: Div,
     className: SimpleBrowserHeader,
@@ -27431,16 +27733,26 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value) =
     childCount: 0,
     onClick: HandleClickOpenExternal
   }];
+  if (snapshot) {
+    dom.push({
+      type: Img,
+      className: 'SimpleBrowserSnapshot',
+      src: snapshot,
+      draggable: false,
+      childCount: 0
+    });
+  }
+  return dom;
 };
 
 const hasFunctionalRender$7 = true;
 const hasFunctionalRootRender$6 = true;
 const renderDom$1 = {
   isEqual(oldState, newState) {
-    return oldState.iframeSrc === newState.iframeSrc && oldState.canGoBack === newState.canGoBack && oldState.canGoForward === newState.canGoForward && oldState.isLoading === newState.isLoading;
+    return oldState.iframeSrc === newState.iframeSrc && oldState.canGoBack === newState.canGoBack && oldState.canGoForward === newState.canGoForward && oldState.isLoading === newState.isLoading && oldState.snapshot === newState.snapshot;
   },
   apply(oldState, newState) {
-    const dom = getSimpleBrowserVirtualDom(newState.canGoBack, newState.canGoForward, newState.isLoading, newState.iframeSrc);
+    const dom = getSimpleBrowserVirtualDom(newState.canGoBack, newState.canGoForward, newState.isLoading, newState.iframeSrc, newState.snapshot);
     return ['Viewlet.setDom2', dom];
   }
 };
@@ -27498,6 +27810,7 @@ const ViewletSimpleBrowser_ipc = {
   hasFunctionalResize: hasFunctionalResize$5,
   hasFunctionalRootRender: hasFunctionalRootRender$6,
   hide,
+  hideOverlay,
   loadContent: loadContent$7,
   menus: menus$3,
   name: name$6,
@@ -27506,7 +27819,8 @@ const ViewletSimpleBrowser_ipc = {
   resizeEffect: resizeEffect$1,
   saveState,
   setUrl,
-  show: show$2
+  show: show$2,
+  showOverlay
 };
 
 const state = {