@lvce-editor/static-server 0.87.3 → 0.89.0

package/static/{2d299f4 → 632c255}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/2d299f4';
+    return '/632c255';
   }
 };
 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 = [];
@@ -3907,18 +3921,24 @@ const handleVisibilityChange = async visibilityState => {
 const getStorageKey = viewletId => {
   return getViewletStorageKey(viewletId, getWorkspacePath());
 };
-const saveViewletState = async id => {
-  const instance = getInstance(id);
+const saveViewletStateAs = async (instanceId, storageId) => {
+  const instance = getInstance(instanceId);
   const savedState = await serializeInstance(instance);
   if (savedState === undefined) {
     return;
   }
-  await setJson$3(getStorageKey(id), savedState);
+  await setJson$3(getStorageKey(storageId), savedState);
   if (instance && instance.factory.saveChildState) {
     const childIds = instance.factory.saveChildState(instance.state);
     await Promise.all(childIds.map(saveViewletState));
   }
 };
+const saveViewletState = async id => {
+  return saveViewletStateAs(id, id);
+};
+const saveViewletStateWithStorageId = async (instanceId, storageId) => {
+  return saveViewletStateAs(instanceId, storageId);
+};
 const hydrate$5 = async () => {
   addListener('workspace.beforeChange', saveWorkspaceViewletStates);
   // TODO should set up listener in renderer process
@@ -5392,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 {
@@ -5401,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}`);
@@ -7486,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'),
@@ -7817,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'),
@@ -7837,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'),
@@ -7854,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'),
@@ -8848,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)) {
@@ -8913,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,
@@ -8922,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)) {
@@ -8970,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,
@@ -8978,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)) {
@@ -9043,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,
@@ -9059,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: [],
@@ -9351,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,
@@ -9385,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)
 };
@@ -9464,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,
@@ -9478,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;
@@ -9582,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,
@@ -9973,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);
 };
@@ -10020,7 +10063,7 @@ const FileSystemDebug = {
   getPathSeparator,
   isReadonly,
   mkdir,
-  name: name$2m,
+  name: name$2n,
   readDirWithFileTypes,
   readFile: readFile$6,
   remove,
@@ -10070,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
 };
@@ -10078,7 +10121,7 @@ const Commands$2r = {
 const About_ipc = {
   __proto__: null,
   Commands: Commands$2r,
-  name: name$2l
+  name: name$2m
 };
 
 /**
@@ -10146,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,
@@ -10156,7 +10199,7 @@ const Commands$2q = {
 const Ajax_ipc = {
   __proto__: null,
   Commands: Commands$2q,
-  name: name$2k
+  name: name$2l
 };
 
 const playBell = async () => {
@@ -10167,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
@@ -10176,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`;
@@ -10201,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
 };
@@ -10209,7 +10252,7 @@ const Commands$2o = {
 const AutoUpdater_ipc = {
   __proto__: null,
   Commands: Commands$2o,
-  name: name$2i
+  name: name$2j
 };
 
 const getActiveEditorId = () => {
@@ -10220,7 +10263,7 @@ const getActiveEditorId = () => {
   return instance.state.id;
 };
 
-const name$2h = 'GetActiveEditor';
+const name$2i = 'GetActiveEditor';
 const Commands$2n = {
   getActiveEditorId: getActiveEditorId
 };
@@ -10228,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
 };
@@ -10243,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) => {
@@ -10253,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
 };
@@ -10261,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);
@@ -10299,7 +10342,7 @@ const getEditorSourceActions = async () => {
   return codeActions;
 };
 
-const name$2e = 'GetEditorSourceActions';
+const name$2f = 'GetEditorSourceActions';
 const Commands$2k = {
   getEditorSourceActions: getEditorSourceActions
 };
@@ -10307,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,
@@ -10323,7 +10366,7 @@ const Commands$2j = {
 const PlatformPaths_ipc = {
   __proto__: null,
   Commands: Commands$2j,
-  name: name$2d
+  name: name$2e
 };
 
 const getFileHandles = ids => {
@@ -10337,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,
@@ -10347,7 +10390,7 @@ const Commands$2i = {
 const FileSystemHandle_ipc = {
   __proto__: null,
   Commands: Commands$2i,
-  name: name$2c
+  name: name$2d
 };
 
 const base64StringToBlob = base64String => {
@@ -10369,7 +10412,7 @@ const disposeSrc = async src => {
   }
 };
 
-const name$2b = 'Blob';
+const name$2c = 'Blob';
 const Commands$2h = {
   base64StringToBlob: base64StringToBlob,
   binaryStringToBlob: binaryStringToBlob,
@@ -10380,7 +10423,7 @@ const Commands$2h = {
 const Blob_ipc = {
   __proto__: null,
   Commands: Commands$2h,
-  name: name$2b
+  name: name$2c
 };
 
 const getNewContent = (oldContent, changes) => {
@@ -10453,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
 };
@@ -10461,7 +10504,7 @@ const Commands$2g = {
 const BulkReplacement_ipc = {
   __proto__: null,
   Commands: Commands$2g,
-  name: name$2a
+  name: name$2b
 };
 
 const ApplicationJson = 'aplication/json';
@@ -10554,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,
@@ -10564,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
 };
@@ -10575,7 +10618,7 @@ const Commands$2e = {
 const Callback_ipc = {
   __proto__: null,
   Commands: Commands$2e,
-  name: name$28
+  name: name$29
 };
 
 const minimize = () => {
@@ -10651,7 +10694,7 @@ const zoomReset = () => {
   }
 };
 
-const name$27 = 'Chrome';
+const name$28 = 'Chrome';
 const Commands$2d = {
   close: close$2,
   exit: exit$1,
@@ -10663,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`;
@@ -10726,7 +10769,7 @@ const execCopy = async () => {
   }
 };
 
-const name$26 = 'ClipBoard';
+const name$27 = 'ClipBoard';
 const Commands$2c = {
   disableMemoryClipBoard: disableMemoryClipBoard,
   enableMemoryClipBoard: enableMemoryClipBoard,
@@ -10744,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,
@@ -10762,7 +10805,7 @@ const Commands$2b = {
 const ColorTheme_ipc = {
   __proto__: null,
   Commands: Commands$2b,
-  name: name$25
+  name: name$26
 };
 
 let mockOpenDialogPaths = undefined;
@@ -10899,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,
@@ -10909,7 +10952,7 @@ const Commands$2a = {
 const ConfirmPrompt_ipc = {
   __proto__: null,
   Commands: Commands$2a,
-  name: name$24
+  name: name$25
 };
 
 const startRecording = options => {
@@ -10970,7 +11013,7 @@ const stop = async () => {
   await openNativeFolder(path);
 };
 
-const name$23 = 'ContentTracing';
+const name$24 = 'ContentTracing';
 const Commands$29 = {
   start: start,
   stop: stop
@@ -10979,7 +11022,7 @@ const Commands$29 = {
 const ContentTracing_ipc = {
   __proto__: null,
   Commands: Commands$29,
-  name: name$23
+  name: name$24
 };
 
 const hasContextMenuNativePreference = () => {
@@ -11005,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
@@ -11014,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) => {
@@ -11039,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,
@@ -11049,7 +11092,7 @@ const Commands$27 = {
 const Debug_ipc = {
   __proto__: null,
   Commands: Commands$27,
-  name: name$21
+  name: name$22
 };
 
 const attachDebugger = async pid => {
@@ -11057,8 +11100,8 @@ const attachDebugger = async pid => {
   await invoke$F('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.87.3';
-const commit$1 = '2d299f4';
+const version = '0.89.0';
+const commit$1 = '632c255';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$F('Process.getPid');
@@ -11093,7 +11136,7 @@ const debugSharedProcess = async () => {
   await attachDebugger(pid);
 };
 
-const name$20 = 'DebugSharedProcess';
+const name$21 = 'DebugSharedProcess';
 const Commands$26 = {
   debugSharedProcess: debugSharedProcess
 };
@@ -11101,7 +11144,7 @@ const Commands$26 = {
 const DebugSharedProcess_ipc = {
   __proto__: null,
   Commands: Commands$26,
-  name: name$20
+  name: name$21
 };
 
 const crashSharedProcess = () => {
@@ -11608,7 +11651,7 @@ const openIframeInspector = async () => {
   await openUri$1('iframe-inspector://');
 };
 
-const name$1$ = 'Developer';
+const name$20 = 'Developer';
 
 // prettier-ignore
 const Commands$25 = {
@@ -11645,7 +11688,7 @@ const Commands$25 = {
 const Developer_ipc = {
   __proto__: null,
   Commands: Commands$25,
-  name: name$1$
+  name: name$20
 };
 
 const load = () => {
@@ -11748,7 +11791,7 @@ const showMessage = async (message, options) => {
   }
 };
 
-const name$1_ = 'Dialog';
+const name$1$ = 'Dialog';
 const Commands$24 = {
   // @ts-ignore
   close: undefined,
@@ -11761,7 +11804,7 @@ const Commands$24 = {
 const Dialog_ipc = {
   __proto__: null,
   Commands: Commands$24,
-  name: name$1_
+  name: name$1$
 };
 
 const createObjectUrl = blob => {
@@ -11798,7 +11841,7 @@ const downloadJson = async (json, fileName) => {
   }
 };
 
-const name$1Z = 'Download';
+const name$1_ = 'Download';
 const Commands$23 = {
   downloadFile: downloadFile,
   downloadJson: downloadJson,
@@ -11808,7 +11851,7 @@ const Commands$23 = {
 const Download_ipc = {
   __proto__: null,
   Commands: Commands$23,
-  name: name$1Z
+  name: name$1_
 };
 
 const hydrate = () => {
@@ -11832,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
 };
@@ -11840,7 +11883,7 @@ const Commands$22 = {
 const EditorDiagnostics_ipc = {
   __proto__: null,
   Commands: Commands$22,
-  name: name$1Y
+  name: name$1Z
 };
 
 /**
@@ -11885,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,
@@ -11895,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$ = {
@@ -11912,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_ = {};
@@ -11923,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,
@@ -11942,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
@@ -11954,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
 };
@@ -11969,7 +12012,7 @@ const Commands$1X = {
 const Exit_ipc = {
   __proto__: null,
   Commands: Commands$1X,
-  name: name$1S
+  name: name$1T
 };
 
 const getCommandsFromExtension = extension => {
@@ -12054,7 +12097,7 @@ const loadWebExtension = async path => {
   // })
 };
 
-const name$1R = 'ExtensionHost';
+const name$1S = 'ExtensionHost';
 
 // prettier-ignore
 const Commands$1W = {
@@ -12069,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 = {
@@ -12083,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);
@@ -12116,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,
@@ -12126,7 +12169,7 @@ const Commands$1U = {
 const ExtensionNodeRpc_ipc = {
   __proto__: null,
   Commands: Commands$1U,
-  name: name$1P
+  name: name$1Q
 };
 
 const openExtensionsFolder = async () => {
@@ -12168,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 = {
@@ -12184,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,
@@ -12198,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,
@@ -12225,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
@@ -12244,7 +12287,7 @@ const Commands$1Q = {
 const IconTheme_ipc = {
   __proto__: null,
   Commands: Commands$1Q,
-  name: name$1L
+  name: name$1M
 };
 
 const state$7 = {
@@ -12279,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
@@ -12288,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,
@@ -12301,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
@@ -12313,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`;
@@ -12406,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')) {
@@ -12440,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
@@ -12455,7 +12498,7 @@ const Commands$1L = {
 const KeyBindings_ipc = {
   __proto__: null,
   Commands: Commands$1L,
-  name: name$1G
+  name: name$1H
 };
 
 const getViewletKeyBindings = async module => {
@@ -12490,7 +12533,7 @@ const getKeyBindings$r = async () => {
   return keyBindingsPromises.flat(1);
 };
 
-const name$1F = 'KeyBindingsInitial';
+const name$1G = 'KeyBindingsInitial';
 
 // prettier-ignore
 const Commands$1K = {
@@ -12500,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) => {
@@ -12516,7 +12559,7 @@ const openLicense = async () => {
   await openUri$1(uri);
 };
 
-const name$1E = 'License';
+const name$1F = 'License';
 const Commands$1J = {
   openLicense: openLicense
 };
@@ -12524,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 = '') => {
@@ -12542,7 +12585,7 @@ const launchIsolatedExtensionHostWorker = async (port, extensionId, url, workerN
   });
 };
 
-const name$1D = 'LaunchIsolatedExtensionHostWorker';
+const name$1E = 'LaunchIsolatedExtensionHostWorker';
 const Commands$1I = {
   launchIsolatedExtensionHostWorker: launchIsolatedExtensionHostWorker
 };
@@ -12550,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);
@@ -12575,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,
@@ -12587,7 +12630,7 @@ const Commands$1G = {
 const LocalStorage_ipc = {
   __proto__: null,
   Commands: Commands$1G,
-  name: name$1C
+  name: name$1D
 };
 
 const getModule = id => {
@@ -12636,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);
@@ -12648,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
@@ -12683,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,
@@ -12703,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)
@@ -12782,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
@@ -12791,7 +12850,7 @@ const Commands$1E = {
 const Mime_ipc = {
   __proto__: null,
   Commands: Commands$1E,
-  name: name$1A
+  name: name$1B
 };
 
 const HandleMaximized = 'handleMaximized';
@@ -12808,7 +12867,7 @@ const handleMinimized = () => {
   emitEvent(HandleMinimized);
 };
 
-const name$1z = 'NativeHost';
+const name$1A = 'NativeHost';
 const Commands$1D = {
   handleMaximized: handleMaximized,
   handleMinimized: handleMinimized,
@@ -12818,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
@@ -12932,7 +12991,7 @@ const focusPreviousPart = async () => {
   await focusPart(previousPart);
 };
 
-const name$1y = 'Navigation';
+const name$1z = 'Navigation';
 const Commands$1C = {
   focusActivityBar: focusActivityBar,
   focusMain: focusMain,
@@ -12947,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,
@@ -12961,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) => {
@@ -12984,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
@@ -12993,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) => {
@@ -13006,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,
@@ -13016,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
 };
@@ -13027,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,
@@ -13040,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 = {
@@ -13063,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
 };
@@ -13078,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
 };
@@ -13093,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 = {
@@ -13109,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
 };
@@ -13120,7 +13179,7 @@ const Commands$1s = {
 const Reload_ipc = {
   __proto__: null,
   Commands: Commands$1s,
-  name: name$1o
+  name: name$1p
 };
 
 const Downloads = 'downloads';
@@ -13147,7 +13206,7 @@ const saveFileAs = async (fileName, url) => {
   }
 };
 
-const name$1n = 'SaveFileAs';
+const name$1o = 'SaveFileAs';
 
 // prettier-ignore
 const Commands$1r = {
@@ -13157,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 = {
@@ -13171,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,
@@ -13185,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
@@ -13199,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,
@@ -13212,7 +13271,7 @@ const Commands$1n = {
 const Test_ipc = {
   __proto__: null,
   Commands: Commands$1n,
-  name: name$1j
+  name: name$1k
 };
 
 const defaultTimeout = 1000;
@@ -13239,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) => {
@@ -13255,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,
@@ -13269,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
@@ -13281,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,
@@ -13300,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,
@@ -13319,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,
@@ -13335,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
 };
@@ -13346,7 +13405,7 @@ const Commands$1h = {
 const WindowTitle_ipc = {
   __proto__: null,
   Commands: Commands$1h,
-  name: name$1d
+  name: name$1e
 };
 
 const mock = () => {
@@ -13356,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
@@ -13365,7 +13424,7 @@ const Commands$1g = {
 const PointerCapture_ipc = {
   __proto__: null,
   Commands: Commands$1g,
-  name: name$1c
+  name: name$1d
 };
 
 const Add = 'Add';
@@ -13430,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,
@@ -13445,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 => {
@@ -13456,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 => {
@@ -13476,7 +13539,7 @@ const showInformationMessage = async message => {
   return result;
 };
 
-const name$19 = 'ExtensionHostDialog';
+const name$1a = 'ExtensionHostDialog';
 
 // prettier-ignore
 const Commands$1d = {
@@ -13486,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) => {
@@ -13502,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
 };
@@ -13510,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
 };
@@ -13521,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`;
@@ -13586,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,
@@ -13596,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
 };
@@ -13607,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
@@ -13619,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
 };
@@ -13630,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
@@ -13642,7 +13705,7 @@ const Commands$16 = {
 const FileWatcher_ipc = {
   __proto__: null,
   Commands: Commands$16,
-  name: name$12
+  name: name$13
 };
 
 const OnBraceCompletion = 'onBraceCompletion';
@@ -13696,7 +13759,7 @@ const executeGrowSelection = (editor, positions) => {
   });
 };
 
-const name$11 = 'ExtensionHostSelection';
+const name$12 = 'ExtensionHostSelection';
 const Commands$15 = {
   executeGrowSelection: executeGrowSelection
 };
@@ -13704,7 +13767,7 @@ const Commands$15 = {
 const ExtensionHostSelection_ipc = {
   __proto__: null,
   Commands: Commands$15,
-  name: name$11
+  name: name$12
 };
 
 const combineResults$8 = results => {
@@ -13725,7 +13788,7 @@ const executeBraceCompletionProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$10 = 'ExtensionHostBraceCompletion';
+const name$11 = 'ExtensionHostBraceCompletion';
 const Commands$14 = {
   executeBraceCompletionProvider: executeBraceCompletionProvider
 };
@@ -13733,7 +13796,7 @@ const Commands$14 = {
 const ExtensionHostBraceCompletion_ipc = {
   __proto__: null,
   Commands: Commands$14,
-  name: name$10
+  name: name$11
 };
 
 const combineResults$7 = results => {
@@ -13750,7 +13813,7 @@ const executeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$$ = 'ExtensionHostDefinition';
+const name$10 = 'ExtensionHostDefinition';
 const Commands$13 = {
   executeDefinitionProvider: executeDefinitionProvider
 };
@@ -13758,7 +13821,7 @@ const Commands$13 = {
 const ExtensionHostDefinition_ipc = {
   __proto__: null,
   Commands: Commands$13,
-  name: name$$
+  name: name$10
 };
 
 const combineResults$6 = results => {
@@ -13776,7 +13839,7 @@ const executeTypeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$_ = 'ExtensionHostTypeDefinition';
+const name$$ = 'ExtensionHostTypeDefinition';
 const Commands$12 = {
   executeTypeDefinitionProvider: executeTypeDefinitionProvider
 };
@@ -13784,7 +13847,7 @@ const Commands$12 = {
 const ExtensionHostTypeDefinition_ipc = {
   __proto__: null,
   Commands: Commands$12,
-  name: name$_
+  name: name$$
 };
 
 const combineResults$5 = results => {
@@ -13802,7 +13865,7 @@ const executeOrganizeImports = editor => {
   });
 };
 
-const name$Z = 'ExtensionHostOrganizeImports';
+const name$_ = 'ExtensionHostOrganizeImports';
 const Commands$11 = {
   organizeImports: executeOrganizeImports
 };
@@ -13810,7 +13873,7 @@ const Commands$11 = {
 const ExtensionHostOrganizeImports_ipc = {
   __proto__: null,
   Commands: Commands$11,
-  name: name$Z
+  name: name$_
 };
 
 const combineResults$4 = results => {
@@ -13828,7 +13891,7 @@ const executeTabCompletionProvider = (editor, offset) => {
   });
 };
 
-const name$Y = 'ExtensionHostTabCompletion';
+const name$Z = 'ExtensionHostTabCompletion';
 const Commands$10 = {
   executeTabCompletionProvider: executeTabCompletionProvider
 };
@@ -13836,7 +13899,7 @@ const Commands$10 = {
 const ExtensionHostTabCompletion_ipc = {
   __proto__: null,
   Commands: Commands$10,
-  name: name$Y
+  name: name$Z
 };
 
 const combineResults$3 = results => {
@@ -13853,7 +13916,7 @@ const executeClosingTagProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$X = 'ExtensionHostClosingTagCompletion';
+const name$Y = 'ExtensionHostClosingTagCompletion';
 const Commands$$ = {
   executeClosingTagProvider: executeClosingTagProvider
 };
@@ -13861,7 +13924,7 @@ const Commands$$ = {
 const ExtensionHostClosingTagCompletion_ipc = {
   __proto__: null,
   Commands: Commands$$,
-  name: name$X
+  name: name$Y
 };
 
 const sendMessagePortToRendererProcess$1 = async (port, initialCommand) => {
@@ -13870,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
 };
@@ -13878,7 +13941,7 @@ const Commands$_ = {
 const SendMessagePortToRendererProcess_ipc = {
   __proto__: null,
   Commands: Commands$_,
-  name: name$W
+  name: name$X
 };
 
 const combineResults$2 = results => {
@@ -13897,7 +13960,7 @@ const executeHoverProvider = (editor, offset) => {
   });
 };
 
-const name$V = 'ExtensionHostHover';
+const name$W = 'ExtensionHostHover';
 const Commands$Z = {
   executeHoverProvider: executeHoverProvider
 };
@@ -13905,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`;
@@ -14376,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,
@@ -14413,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
@@ -14425,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`;
@@ -14459,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
 };
@@ -14467,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,
@@ -14480,7 +14543,7 @@ const Commands$V = {
 const Transferrable_ipc = {
   __proto__: null,
   Commands: Commands$V,
-  name: name$R
+  name: name$S
 };
 
 const getWebViewsNode = async () => {
@@ -14562,7 +14625,7 @@ const compat = {
   }
 };
 
-const name$Q = 'WebView';
+const name$R = 'WebView';
 const Commands$U = {
   compatExtensionHostWorkerInvoke: compat.extensionHostWorkerInvoke,
   compatExtensionHostWorkerInvokeAndTransfer: compat.extensionHostWorkerInvokeAndTransfer,
@@ -14582,7 +14645,7 @@ const Commands$U = {
 const WebView_ipc = {
   __proto__: null,
   Commands: Commands$U,
-  name: name$Q
+  name: name$R
 };
 
 const launchSearchProcess = async () => {
@@ -14614,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
 };
@@ -14622,7 +14685,7 @@ const Commands$T = {
 const SearchProcess_ipc = {
   __proto__: null,
   Commands: Commands$T,
-  name: name$P
+  name: name$Q
 };
 
 const combineResults$1 = results => {
@@ -14654,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,
@@ -14666,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
 };
@@ -14677,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,
@@ -14691,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,
@@ -14709,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);
@@ -14832,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,
@@ -14851,7 +14914,7 @@ const Commands$O = {
 const ExtensionManagement_ipc = {
   __proto__: null,
   Commands: Commands$O,
-  name: name$K
+  name: name$L
 };
 
 const getVirtualDom$1 = html => {
@@ -14861,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
@@ -14870,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) => {
@@ -14880,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
@@ -14889,7 +14952,7 @@ const Commands$M = {
 const MeasureTextHeight_ipc = {
   __proto__: null,
   Commands: Commands$M,
-  name: name$I
+  name: name$J
 };
 
 const create$U = id => {
@@ -14946,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;
@@ -15026,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
@@ -15177,8 +15240,8 @@ const getKeyBindings$p = () => {
   }];
 };
 
-const menus$m = [];
-const getMenus$g = async () => {
+const menus$n = [];
+const getMenus$h = async () => {
   try {
     const ids = await invoke$k('ActivityBar.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -15196,7 +15259,7 @@ const getMenus$g = async () => {
   }
 };
 
-const name$G = 'ActivityBar';
+const name$H = 'ActivityBar';
 const getDisplayName$2 = () => {
   return 'ActivityBar';
 };
@@ -15246,15 +15309,15 @@ const ViewletActivityBar_ipc = {
   getCommands: getCommands$q,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$p,
-  getMenus: getMenus$g,
+  getMenus: getMenus$h,
   getQuickPickMenuEntries: getQuickPickMenuEntries$5,
   hasFunctionalEvents: hasFunctionalEvents$u,
   hasFunctionalRender: hasFunctionalRender$I,
   hasFunctionalRootRender: hasFunctionalRootRender$C,
   hotReload: hotReload$m,
   loadContent: loadContent$P,
-  menus: menus$m,
-  name: name$G,
+  menus: menus$n,
+  name: name$H,
   render: render$L,
   renderEventListeners: renderEventListeners$s
 };
@@ -15349,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;
@@ -15440,7 +15504,7 @@ const renderAudio = {
 };
 const render$K = [renderAudio];
 
-const name$F = 'Audio';
+const name$G = 'Audio';
 
 const ViewletAudio_ipc = {
   __proto__: null,
@@ -15452,7 +15516,7 @@ const ViewletAudio_ipc = {
   hasFunctionalRender: hasFunctionalRender$H,
   hasFunctionalRootRender: hasFunctionalRootRender$B,
   loadContent: loadContent$O,
-  name: name$F,
+  name: name$G,
   render: render$K
 };
 
@@ -15609,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;
@@ -15628,12 +15692,12 @@ const renderEventListeners$r = async () => {
   return listeners;
 };
 
-const menus$l = [];
+const menus$m = [];
 const getQuickPickMenuEntries$4 = async () => {
   const entries = await invoke$j('Chat.getQuickPickMenuEntries');
   return entries;
 };
-const getMenus$f = async () => {
+const getMenus$g = async () => {
   try {
     const ids = await invoke$j('Chat.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -15658,7 +15722,7 @@ const ViewletChat_ipc = {
   create: create$Q,
   getCommands: getCommands$p,
   getKeyBindings: getKeyBindings$o,
-  getMenus: getMenus$f,
+  getMenus: getMenus$g,
   getQuickPickMenuEntries: getQuickPickMenuEntries$4,
   hasFunctionalEvents: hasFunctionalEvents$t,
   hasFunctionalRender: hasFunctionalRender$F,
@@ -15666,8 +15730,8 @@ const ViewletChat_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$A,
   hotReload: hotReload$l,
   loadContent: loadContent$M,
-  menus: menus$l,
-  name: name$E,
+  menus: menus$m,
+  name: name$F,
   render: render$I,
   renderDialog: renderDialog$3,
   renderEventListeners: renderEventListeners$r,
@@ -15768,8 +15832,8 @@ const getCommands$o = async () => {
 
 const Css$F = ["/css/parts/DebugChatDetails.css", "/css/parts/DebugChatImagePreview.css", "/css/parts/DebugChatDetailsClose.css", "/css/parts/DebugChatTable.css", "/css/parts/DebugChatTimeline.css", "/css/parts/DebugChatTop.css", "/css/parts/EditorMessage.css", "/css/parts/Table.css", "/css/parts/ViewletPanel.css", "/css/parts/ViewletPanelTabs.css"];
 
-const menus$k = [];
-const getMenus$e = async () => {
+const menus$l = [];
+const getMenus$f = async () => {
   try {
     const ids = await invoke$i('ChatDebug.getMenuIds');
     const adjusted = ids.map(id => {
@@ -15822,7 +15886,7 @@ const getKeyBindings$n = () => {
   return invoke$i('ChatDebug.getKeyBindings');
 };
 
-const name$D = 'StatusBar';
+const name$E = 'StatusBar';
 
 const ViewletChatDebug_ipc = {
   __proto__: null,
@@ -15831,15 +15895,15 @@ const ViewletChatDebug_ipc = {
   create: create$P,
   getCommands: getCommands$o,
   getKeyBindings: getKeyBindings$n,
-  getMenus: getMenus$e,
+  getMenus: getMenus$f,
   hasFunctionalEvents: hasFunctionalEvents$s,
   hasFunctionalRender: hasFunctionalRender$E,
   hasFunctionalResize: hasFunctionalResize$o,
   hasFunctionalRootRender: hasFunctionalRootRender$z,
   hotReload: hotReload$k,
   loadContent: loadContent$L,
-  menus: menus$k,
-  name: name$D,
+  menus: menus$l,
+  name: name$E,
   render: render$H,
   renderEventListeners: renderEventListeners$q,
   resize: resize$n,
@@ -15871,7 +15935,7 @@ const dispose$s = state => {
   state.disposed = true;
 };
 
-const name$C = 'Clock';
+const name$D = 'Clock';
 const Commands$G = {};
 
 const ViewletClock_ipc = {
@@ -15880,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
@@ -15946,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,
@@ -15961,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
@@ -16055,7 +16119,7 @@ const getQuickPickMenuEntries$3 = () => {
   }];
 };
 
-const name$A = 'DebugConsole';
+const name$B = 'DebugConsole';
 
 const getVirtualDom = textContent => {
   const dom = [];
@@ -16230,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
 };
@@ -16495,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,
@@ -16506,7 +16570,7 @@ const ViewletDialog_ipc = {
   handleClick: handleClick$1,
   hasFunctionalRender: hasFunctionalRender$A,
   loadContent: loadContent$G,
-  name: name$z,
+  name: name$A,
   render: render$D
 };
 
@@ -16578,8 +16642,8 @@ const {
   restart: restart$c
 } = getOrCreateWorker(launchDiffViewWorker);
 
-const menus$j = [];
-const getMenus$d = async () => {
+const menus$k = [];
+const getMenus$e = async () => {
   try {
     const ids = await invoke$h('DiffView.getMenuIds');
     const adjusted = ids.map(id => {
@@ -16597,7 +16661,7 @@ const getMenus$d = async () => {
   }
 };
 
-const name$y = 'DiffView';
+const name$z = 'DiffView';
 const create$H = (uid, uri, x, y, width, height, args, parentUid) => {
   return {
     id: uid,
@@ -16729,15 +16793,15 @@ const ViewletDiffEditor2_ipc = {
   getCommands: getCommands$n,
   getDynamicCss,
   getKeyBindings: getKeyBindings$k,
-  getMenus: getMenus$d,
+  getMenus: getMenus$e,
   hasFunctionalEvents: hasFunctionalEvents$r,
   hasFunctionalRender: hasFunctionalRender$z,
   hasFunctionalResize: hasFunctionalResize$n,
   hasFunctionalRootRender: hasFunctionalRootRender$w,
   hotReload: hotReload$j,
   loadContent: loadContent$F,
-  menus: menus$j,
-  name: name$y,
+  menus: menus$k,
+  name: name$z,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
   resize: resize$m,
@@ -16890,9 +16954,9 @@ const MenuEntriesE2eTests = {
   id: id$3
 };
 
-const menus$i = [MenuEntriesE2eTests];
+const menus$j = [MenuEntriesE2eTests];
 
-const name$x = 'E2e Test';
+const name$y = 'E2e Test';
 
 const getE2eTestVirtualDom = content => {
   return [{
@@ -16976,8 +17040,8 @@ const ViewletE2eTest_ipc = {
   hasFunctionalResize: hasFunctionalResize$m,
   hasFunctionalRootRender: hasFunctionalRootRender$v,
   loadContent: loadContent$E,
-  menus: menus$i,
-  name: name$x,
+  menus: menus$j,
+  name: name$y,
   render: render$B,
   renderActions: renderActions$c,
   resize: resize$l
@@ -17044,8 +17108,8 @@ const hotReload$i = async state => {
     commands
   };
 };
-const menus$h = [];
-const getMenus$c = async () => {
+const menus$i = [];
+const getMenus$d = async () => {
   try {
     const ids = await invoke$g('LanguageModels.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -17118,13 +17182,13 @@ const ViewletLanguageModels_ipc = {
   create: create$F,
   getCommands: getCommands$m,
   getKeyBindings: getKeyBindings$i,
-  getMenus: getMenus$c,
+  getMenus: getMenus$d,
   hasFunctionalEvents: hasFunctionalEvents$q,
   hasFunctionalRender: hasFunctionalRender$x,
   hasFunctionalRootRender: hasFunctionalRootRender$u,
   hotReload: hotReload$i,
   loadContent: loadContent$D,
-  menus: menus$h,
+  menus: menus$i,
   render: render$A,
   renderDialog: renderDialog$1,
   renderEventListeners: renderEventListeners$o
@@ -17238,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,
@@ -17255,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
 };
@@ -17373,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,
@@ -17391,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
@@ -17516,9 +17580,9 @@ const getKeyBindings$h = () => {
   return [];
 };
 
-const menus$g = [MenuEntriesE2eTests];
+const menus$h = [MenuEntriesE2eTests];
 
-const name$u = 'E2e Tests';
+const name$v = 'E2e Tests';
 
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
@@ -17648,8 +17712,8 @@ const ViewletE2eTests_ipc = {
   hasFunctionalRender: hasFunctionalRender$u,
   hasFunctionalRootRender: hasFunctionalRootRender$s,
   loadContent: loadContent$A,
-  menus: menus$g,
-  name: name$u,
+  menus: menus$h,
+  name: name$v,
   openInNewTab,
   render: render$x,
   renderActions: renderActions$b,
@@ -18349,8 +18413,8 @@ const getQuickPickMenuEntries$2 = async () => {
   const entries = await actualInvoke('Editor.getQuickPickMenuEntries');
   return entries;
 };
-const menus$f = [];
-const getMenus$b = async () => {
+const menus$g = [];
+const getMenus$c = async () => {
   try {
     // @ts-ignore
     const ids = await actualInvoke('Editor.getMenuIds');
@@ -18371,7 +18435,7 @@ const getMenus$b = async () => {
   }
 };
 
-const name$t = 'EditorText';
+const name$u = 'EditorText';
 
 const saveState$g = state => {
   // @ts-ignore
@@ -18408,7 +18472,7 @@ const ViewletEditorText_ipc = {
   getCommands: getCommands$k,
   getDynamicCss,
   getKeyBindings: getKeyBindings$g,
-  getMenus: getMenus$b,
+  getMenus: getMenus$c,
   getQuickPickMenuEntries: getQuickPickMenuEntries$2,
   handleEditorChange,
   handleLanguagesChanged,
@@ -18418,8 +18482,8 @@ const ViewletEditorText_ipc = {
   hasFunctionalResize: hasFunctionalResize$j,
   hasFunctionalRootRender: hasFunctionalRootRender$r,
   loadContent: loadContent$z,
-  menus: menus$f,
-  name: name$t,
+  menus: menus$g,
+  name: name$u,
   render: render$v,
   renderEventListeners: renderEventListeners$m,
   rerender: rerender$1,
@@ -18473,7 +18537,7 @@ const getEditorErrorInfo = error => {
   };
 };
 
-const name$s = 'TextEditorError';
+const name$t = 'TextEditorError';
 const create$z = () => {
   return {
     id: 0,
@@ -18500,7 +18564,7 @@ const ViewletTextEditorError_ipc = {
   create: create$z,
   handleClickCreate,
   loadContent: loadContent$y,
-  name: name$s,
+  name: name$t,
   render: render$u
 };
 
@@ -18581,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 = {
@@ -18590,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`;
@@ -18764,7 +18828,7 @@ const MenuEntriesExplorer = {
   id: id$2
 };
 
-const menus$e = [MenuEntriesExplorer];
+const menus$f = [MenuEntriesExplorer];
 
 /**
  * @enum {string}
@@ -18775,7 +18839,7 @@ const explorer = () => {
   return i18nString(UiStrings$4.Explorer);
 };
 
-const name$q = 'Explorer';
+const name$r = 'Explorer';
 const getDisplayName$1 = () => {
   return explorer();
 };
@@ -18806,7 +18870,7 @@ const renderActions$a = {
   }
 };
 
-const renderTitle$3 = {
+const renderTitle$4 = {
   isEqual(oldState, newState) {
     return oldState.title === newState.title;
   },
@@ -18843,12 +18907,12 @@ const ViewletExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$q,
   hotReload: hotReload$f,
   loadContent: loadContent$w,
-  menus: menus$e,
-  name: name$q,
+  menus: menus$f,
+  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
@@ -18966,8 +19030,8 @@ const getKeyBindings$e = async () => {
   }
 };
 
-const menus$d = [];
-const getMenus$a = async () => {
+const menus$e = [];
+const getMenus$b = async () => {
   try {
     const ids = await invoke$e('ExtensionDetail.getMenuIds');
     const adjusted = ids.map(id => {
@@ -18986,7 +19050,7 @@ const getMenus$a = async () => {
   }
 };
 
-const name$p = 'ExtensionDetail';
+const name$q = 'ExtensionDetail';
 
 const hasFunctionalRender$r = true;
 const hasFunctionalRootRender$p = true;
@@ -19011,15 +19075,15 @@ const ViewletExtensionDetail_ipc = {
   create: create$v,
   getCommands: getCommands$i,
   getKeyBindings: getKeyBindings$e,
-  getMenus: getMenus$a,
+  getMenus: getMenus$b,
   hasFunctionalEvents: hasFunctionalEvents$m,
   hasFunctionalRender: hasFunctionalRender$r,
   hasFunctionalResize: hasFunctionalResize$h,
   hasFunctionalRootRender: hasFunctionalRootRender$p,
   hotReload: hotReload$e,
   loadContent: loadContent$v,
-  menus: menus$d,
-  name: name$p,
+  menus: menus$e,
+  name: name$q,
   render: render$r,
   renderEventListeners: renderEventListeners$k,
   saveState: saveState$e
@@ -19366,7 +19430,7 @@ const renderActions$9 = {
     return newState.actionsDom;
   }
 };
-const renderTitle$2 = {
+const renderTitle$3 = {
   isEqual(oldState, newState) {
     return oldState.title === newState.title;
   },
@@ -19424,7 +19488,7 @@ const getMenuEntries$2 = async (uid, props = {}) => {
   }
   return invoke$E('Extensions.getViewMenuEntries', state.uri, uid, props.menuId, assetDir, getPlatform$1());
 };
-const menus$c = [{
+const menus$d = [{
   getMenuEntries: getMenuEntries$2,
   id: ExtensionView
 }];
@@ -19447,11 +19511,11 @@ const ViewletExtensionView_ipc = {
   hasFunctionalResize: hasFunctionalResize$g,
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$u,
-  menus: menus$c,
+  menus: menus$d,
   render: render$q,
   renderActions: renderActions$9,
   renderEventListeners: renderEventListeners$j,
-  renderTitle: renderTitle$2,
+  renderTitle: renderTitle$3,
   rerender,
   resize: resize$h,
   saveState: saveState$d
@@ -19567,8 +19631,8 @@ const getKeyBindings$d = () => {
   return invoke$d('SearchExtensions.getKeyBindings');
 };
 
-const menus$b = [];
-const getMenus$9 = async () => {
+const menus$c = [];
+const getMenus$a = async () => {
   try {
     const ids = await invoke$d('SearchExtensions.getMenuIds');
     const adjusted = ids.map(id => {
@@ -19587,7 +19651,7 @@ const getMenus$9 = async () => {
   }
 };
 
-const name$o = 'Extensions';
+const name$p = 'Extensions';
 
 const hasFunctionalRender$p = true;
 const hasFunctionalRootRender$n = true;
@@ -19631,7 +19695,7 @@ const renderActions$8 = {
   }
 };
 
-const renderTitle$1 = {
+const renderTitle$2 = {
   isEqual(oldState, newState) {
     return oldState === newState;
   },
@@ -19666,19 +19730,19 @@ const ViewletExtensions_ipc = {
   dispose: dispose$j,
   getCommands: getCommands$h,
   getKeyBindings: getKeyBindings$d,
-  getMenus: getMenus$9,
+  getMenus: getMenus$a,
   hasFunctionalEvents: hasFunctionalEvents$k,
   hasFunctionalRender: hasFunctionalRender$p,
   hasFunctionalResize: hasFunctionalResize$f,
   hasFunctionalRootRender: hasFunctionalRootRender$n,
   hotReload: hotReload$d,
   loadContent: loadContent$t,
-  menus: menus$b,
-  name: name$o,
+  menus: menus$c,
+  name: name$p,
   render: render$p,
   renderActions: renderActions$8,
   renderEventListeners: renderEventListeners$i,
-  renderTitle: renderTitle$1,
+  renderTitle: renderTitle$2,
   resize: resize$g,
   saveState: saveState$c
 };
@@ -19779,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;
@@ -19809,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
@@ -20051,7 +20115,7 @@ const renderEventListeners$g = async () => {
   return listeners;
 };
 
-const name$m = 'Implementations';
+const name$n = 'Implementations';
 const Commands$o = {};
 
 const ViewletImplementations_ipc = {
@@ -20064,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
 };
@@ -20084,15 +20148,15 @@ const ViewletInlineDiffEditor_ipc = {
   getCommands: getCommands$n,
   getDynamicCss,
   getKeyBindings: getKeyBindings$k,
-  getMenus: getMenus$d,
+  getMenus: getMenus$e,
   hasFunctionalEvents: hasFunctionalEvents$r,
   hasFunctionalRender: hasFunctionalRender$z,
   hasFunctionalResize: hasFunctionalResize$n,
   hasFunctionalRootRender: hasFunctionalRootRender$w,
   hotReload: hotReload$j,
   loadContent: loadContent$F,
-  menus: menus$j,
-  name: name$y,
+  menus: menus$k,
+  name: name$z,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
   resize: resize$m,
@@ -20200,8 +20264,8 @@ const getKeyBindings$b = () => {
   return invoke$a('KeyBindings.getKeyBindings');
 };
 
-const menus$a = [];
-const getMenus$8 = async () => {
+const menus$b = [];
+const getMenus$9 = async () => {
   try {
     const ids = await invoke$a('KeyBindings.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -20220,7 +20284,7 @@ const getMenus$8 = async () => {
   }
 };
 
-const name$l = 'KeyBindings';
+const name$m = 'KeyBindings';
 
 const hasFunctionalRender$m = true;
 const hasFunctionalRootRender$k = true;
@@ -20266,15 +20330,15 @@ const ViewletKeyBindings_ipc = {
   create: create$p,
   getCommands: getCommands$f,
   getKeyBindings: getKeyBindings$b,
-  getMenus: getMenus$8,
+  getMenus: getMenus$9,
   hasFunctionalEvents: hasFunctionalEvents$h,
   hasFunctionalRender: hasFunctionalRender$m,
   hasFunctionalResize: hasFunctionalResize$e,
   hasFunctionalRootRender: hasFunctionalRootRender$k,
   hotReload: hotReload$a,
   loadContent: loadContent$p,
-  menus: menus$a,
-  name: name$l,
+  menus: menus$b,
+  name: name$m,
   render: render$m,
   renderEventListeners: renderEventListeners$f,
   resize: resize$f,
@@ -20283,7 +20347,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '2d299f4';
+const commit = '632c255';
 
 const getAutoUpdateType = () => {
   return invoke$F('AutoUpdater.getAutoUpdateType');
@@ -20589,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;
@@ -20913,6 +21002,8 @@ const create$o = id => {
     previewSashVisible: false,
     previewVisible: false,
     sideBarSashVisible: false,
+    sideBarFocusMode: false,
+    sideBarFocusModeLayout: undefined,
     sideBarVisible: false,
     secondarySideBarVisible: false,
     statusBarVisible: false,
@@ -20979,16 +21070,22 @@ const create$o = id => {
     commands: [],
     sashId: None$6,
     previewUri: '',
+    previewViewletId: Preview$3,
     panelView: Problems,
     initial: true
   };
 };
 const saveState$9 = state => {
+  const stateToSave = state.sideBarFocusModeLayout ? {
+    ...state,
+    ...state.sideBarFocusModeLayout
+  } : state;
   const {
     activityBarVisible,
     panelHeight,
     panelVisible,
     previewUri,
+    previewViewletId,
     previewVisible,
     previewWidth,
     sideBarLocation,
@@ -20998,12 +21095,13 @@ const saveState$9 = state => {
     secondarySideBarView,
     secondarySideBarVisible,
     secondarySideBarWidth
-  } = state;
+  } = stateToSave;
   return {
     activityBarVisible,
     panelHeight,
     panelVisible,
     previewUri,
+    previewViewletId,
     previewVisible,
     previewWidth,
     sideBarLocation,
@@ -21073,6 +21171,12 @@ const getSavedSecondarySideBarView = savedState => {
   }
   return Chat;
 };
+const getSavedPreviewViewletId = savedState => {
+  if (savedState?.previewViewletId === SimpleBrowser$1) {
+    return SimpleBrowser$1;
+  }
+  return Preview$3;
+};
 const loadContent$o = (state, savedState) => {
   const {
     Layout
@@ -21100,6 +21204,7 @@ const loadContent$o = (state, savedState) => {
   const savedView = getSavedSideBarView(stateToRestore);
   const savedSecondaryView = getSavedSecondarySideBarView(stateToRestore);
   const previewUri = stateToRestore?.previewUri || '';
+  const previewViewletId = getSavedPreviewViewletId(stateToRestore);
   const intermediateState = {
     ...state,
     activityBarVisible: true,
@@ -21135,9 +21240,12 @@ const loadContent$o = (state, savedState) => {
     panelSashVisible: true,
     previewSashVisible: previewVisible,
     previewUri,
+    previewViewletId,
     restore,
     sideBarLocation,
     sideBarSashVisible: true,
+    sideBarFocusMode: false,
+    sideBarFocusModeLayout: undefined,
     sideBarView: savedView,
     secondarySideBarView: savedSecondaryView,
     workbenchVisible: true,
@@ -21148,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,
@@ -21176,6 +21290,7 @@ const show$4 = async (state, module, currentViewletId) => {
   const height = intermediateState[kHeight];
   const uid = state.uid;
   const childUid = create$18();
+  const viewletModuleId = module === Preview$1 ? state.previewViewletId : moduleId;
   let uri = '';
   if (module === Preview$1 && state.previewUri) {
     uri = state.previewUri;
@@ -21184,7 +21299,7 @@ const show$4 = async (state, module, currentViewletId) => {
     disposed: false,
     getModule: load$2,
     args: module === SideBar && currentViewletId ? [currentViewletId] : [],
-    id: moduleId,
+    id: viewletModuleId,
     type: 0,
     // @ts-ignore
     uri,
@@ -21251,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) {
@@ -21288,21 +21456,35 @@ 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
   } = module;
+  const isPreview = module === Preview$1;
+  const instanceId = isPreview ? state.previewId : moduleId;
+  const storageId = isPreview ? state.previewViewletId : moduleId;
   const newState = getPoints({
     ...state,
     [kVisible]: false,
-    ...(module === Preview$1 ? {
+    ...(isPreview ? {
+      previewId: -1,
       previewSashVisible: false
     } : {})
   });
   // TODO save state to local storage after rending (in background)
-  await saveViewletState(moduleId);
+  if (isPreview) {
+    await saveViewletStateWithStorageId(instanceId, storageId);
+  } else {
+    await saveViewletState(instanceId);
+  }
   // TODO also resize other viewlets if necessary
-  const commands = disposeFunctional(moduleId);
+  const commands = disposeFunctional(instanceId);
   const resizeCommands = await getResizeCommands(state, newState);
   commands.push(...resizeCommands);
 
@@ -21316,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;
@@ -21329,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);
 };
@@ -21428,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: []
@@ -21451,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: []
@@ -21492,25 +21678,76 @@ const toggleStatusBar = state => {
   // @ts-ignore
   return toggle(state, StatusBar);
 };
-const showPreview = async (state, uri) => {
+const getPreviewViewletId = uri => {
+  if (uri.startsWith('simple-browser://')) {
+    return SimpleBrowser$1;
+  }
+  return Preview$3;
+};
+const replacePreview = async (state, uri, previewViewletId) => {
+  await saveViewletStateWithStorageId(state.previewId, state.previewViewletId);
+  const commands = disposeFunctional(state.previewId);
+  const childUid = create$18();
+  const newState = {
+    ...state,
+    previewId: childUid,
+    previewUri: uri,
+    previewViewletId
+  };
+  setState$1(state.uid, newState);
+  const viewlet = {
+    disposed: false,
+    getModule: load$2,
+    args: [],
+    id: previewViewletId,
+    type: 0,
+    uri,
+    show: false,
+    focus: false,
+    x: state.previewLeft,
+    y: state.previewTop,
+    width: state.previewWidth,
+    height: state.previewHeight,
+    parentUid: state.uid,
+    uid: childUid
+  };
+  const loadCommands = await load$4(viewlet, false, true, undefined);
+  commands.push(...loadCommands);
+  return {
+    newState,
+    commands
+  };
+};
+const showPreview = async (state, uri = state.previewUri) => {
   const {
     previewVisible,
     previewId,
     uid
   } = state;
+  const previewViewletId = getPreviewViewletId(uri);
   if (previewVisible && previewId !== -1) {
-    await execute$3('Preview.setUri', uri);
+    if (state.previewViewletId !== previewViewletId) {
+      return replacePreview(state, uri, previewViewletId);
+    }
+    if (previewViewletId === Preview$3) {
+      await execute$3('Preview.setUri', uri);
+    }
     return {
       newState: {
         ...state,
-        previewUri: uri
+        previewUri: uri,
+        previewViewletId
       },
       commands: []
     };
   }
   const partialNewState = {
     ...state,
-    previewUri: uri
+    previewUri: uri,
+    previewViewletId,
+    ...(previewVisible ? {
+      previewVisible: false
+    } : {})
   };
   setState$1(uid, partialNewState);
   // @ts-ignore
@@ -21523,11 +21760,11 @@ const showPreview = async (state, uri) => {
 const hidePreview = state => {
   return hide$2(state, Preview$1);
 };
-const togglePreview = (state, uri) => {
-  return toggle({
-    ...state,
-    previewUri: uri
-  }, Preview$1);
+const togglePreview = (state, uri = state.previewUri) => {
+  if (state.previewVisible) {
+    return hidePreview(state);
+  }
+  return showPreview(state, uri);
 };
 const showTitleBar = state => {
   // @ts-ignore
@@ -21631,6 +21868,8 @@ const loadIfVisible = async (state, module) => {
       kId,
       kReady
     } = module;
+    const viewletModuleId = module === Preview$1 ? state.previewViewletId : moduleId;
+    const uri = module === Preview$1 ? state.previewUri : '';
     const visible = state[kVisible];
     const x = state[kLeft];
     const y = state[kTop];
@@ -21646,10 +21885,10 @@ const loadIfVisible = async (state, module) => {
       };
       commands = await load$4({
         getModule: load$2,
-        id: moduleId,
+        id: viewletModuleId,
         type: 0,
         // @ts-ignore
-        uri: '',
+        uri,
         show: false,
         focus: false,
         x,
@@ -21951,7 +22190,8 @@ const getResizeCommands = async (oldState, newState) => {
       kHeight,
       moduleId
     } = module;
-    const instance = getInstance(moduleId);
+    const instanceId = module === Preview$1 ? newState.previewId : moduleId;
+    const instance = getInstance(instanceId);
     if (!instance) {
       return [];
     }
@@ -22010,25 +22250,25 @@ const getFocusChangeCommands = isFocused => {
   }
   return commands;
 };
-const showAsync = async (uid, points, module) => {
+const showAsync = async (uid, points, module, viewletUid) => {
   try {
     number(uid);
     const {
-      moduleId,
+      moduleId: defaultModuleId,
       kTop,
       kLeft,
       kWidth,
       kHeight
     } = module;
-    const viewletUid = create$18();
+    const moduleId = module === Preview$1 ? points.previewViewletId : defaultModuleId;
+    const uri = module === Preview$1 ? points.previewUri : '';
     const commands = await load$4({
       getModule: load$2,
       id: moduleId,
       // @ts-ignore
       uid: viewletUid,
       type: 0,
-      // @ts-ignore
-      uri: '',
+      uri,
       show: false,
       focus: false,
       x: points[kLeft],
@@ -22051,12 +22291,13 @@ const showAsync = async (uid, points, module) => {
 const showPlaceholder = (uid, points, module) => {
   number(uid);
   const {
-    moduleId,
+    moduleId: defaultModuleId,
     kTop,
     kLeft,
     kWidth,
     kHeight
   } = module;
+  const moduleId = module === Preview$1 ? points.previewViewletId : defaultModuleId;
   return ['Viewlet.createPlaceholder', /* id */moduleId, /* parentId */uid, /* top */points[kTop], /* left */points[kLeft], /* width */points[kWidth], /* height */points[kHeight]];
 };
 const handleSashPointerMove = async (state, x, y) => {
@@ -22077,25 +22318,34 @@ const handleSashPointerMove = async (state, x, y) => {
     } = module;
     if (state[kVisible] !== newState[kVisible]) {
       if (newState[kVisible]) {
-        showAsync(uid, newState, module); // TODO avoid side effect
+        const viewletUid = create$18();
+        showAsync(uid, newState, module, viewletUid); // TODO avoid side effect
         const commands = showPlaceholder(uid, newState, module);
         // @ts-ignore
         allCommands.push(commands);
         if (moduleId === Preview$3) {
           newState = {
             ...newState,
+            previewId: viewletUid,
             previewVisible: true,
             previewSashVisible: true
           };
         }
       } else {
-        await saveViewletState(moduleId);
-        const commands = disposeFunctional(moduleId);
+        const instanceId = module === Preview$1 ? state.previewId : moduleId;
+        const storageId = module === Preview$1 ? state.previewViewletId : moduleId;
+        if (module === Preview$1) {
+          await saveViewletStateWithStorageId(instanceId, storageId);
+        } else {
+          await saveViewletState(instanceId);
+        }
+        const commands = disposeFunctional(instanceId);
         // @ts-ignore
         allCommands.push(...commands);
         if (moduleId === Preview$3) {
           newState = {
             ...newState,
+            previewId: -1,
             previewVisible: false,
             previewSashVisible: false
           };
@@ -22485,6 +22735,52 @@ 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 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 execute$3('ActivityBar.reset', getActivityBarBounds());
+  return {
+    commands: [],
+    newState: state
+  };
+};
+
 // prettier-ignore
 const Commands$m = {
   getAllQuickPickMenuEntries: getAllQuickPickMenuEntries,
@@ -22494,6 +22790,7 @@ const Commands$m = {
   getSideBarVisible: getSideBarVisible,
   getSecondarySideBarVisible: getSecondarySideBarVisible,
   getSideBarPosition: getSideBarPosition,
+  getSideBarFocusMode: getSideBarFocusMode,
   getCommit: getCommit,
   getPlatform: getPlatform,
   getAssetDir: getAssetDir,
@@ -22522,7 +22819,9 @@ const CommandsWithSideEffects = {
   handleSashPointerUp: handleSashPointerUp,
   handleWorkspaceRefresh: handleWorkspaceRefresh,
   refreshSourceControlBadgeCount: refreshSourceControlBadgeCount,
+  reset: reset,
   closeChat: closeChat,
+  enterSideBarFocusMode: enterSideBarFocusMode,
   hideActivityBar: hideActivityBar,
   hideMain: hideMain,
   hidePanel: hidePanel,
@@ -22539,6 +22838,7 @@ const CommandsWithSideEffects = {
   loadSecondarySideBarIfVisible: loadSecondarySideBarIfVisible,
   loadStatusBarIfVisible: loadStatusBarIfVisible,
   loadTitleBarIfVisible: loadTitleBarIfVisible,
+  leaveSideBarFocusMode: leaveSideBarFocusMode,
   moveSideBarLeft: moveSideBarLeft,
   moveSideBarRight: moveSideBarRight,
   openChat: openChat,
@@ -23083,6 +23383,10 @@ const getQuickPickMenuEntries$1 = () => {
     id: 'Main.openUri',
     label: 'Simple Browser: Open',
     args: ['simple-browser://']
+  }, {
+    id: 'Layout.showPreview',
+    label: 'Simple Browser: Open in Preview Area',
+    args: ['simple-browser://']
   }, {
     id: 'SimpleBrowser.openDevtools',
     label: 'Simple Browser: Open Dev Devtools'
@@ -23095,7 +23399,7 @@ const getQuickPickMenuEntries$1 = () => {
   }];
 };
 
-const name$k = 'Layout';
+const name$l = 'Layout';
 
 const getSashSideBarDom = () => {
   return [{
@@ -23549,6 +23853,7 @@ const ViewletLayout_ipc = {
   create: create$o,
   createPanelViewlet,
   createViewlet: createViewlet$1,
+  enterSideBarFocusMode,
   getActivePanelView,
   getActiveSecondarySideBarView,
   getActiveSideBarView,
@@ -23564,6 +23869,7 @@ const ViewletLayout_ipc = {
   getPlatform,
   getQuickPickMenuEntries: getQuickPickMenuEntries$1,
   getSecondarySideBarVisible,
+  getSideBarFocusMode,
   getSideBarPosition,
   getSideBarVisible,
   getUserInfo,
@@ -23594,6 +23900,7 @@ const ViewletLayout_ipc = {
   hideStatusBar,
   hideTitleBar,
   isSideBarVisible,
+  leaveSideBarFocusMode,
   loadActivityBarIfVisible,
   loadContent: loadContent$o,
   loadMainIfVisible,
@@ -23607,7 +23914,7 @@ const ViewletLayout_ipc = {
   moveSideBar,
   moveSideBarLeft,
   moveSideBarRight,
-  name: name$k,
+  name: name$l,
   openChat,
   openCommandPalette,
   openPanelView,
@@ -24185,8 +24492,8 @@ const getQuickPickMenuEntries = () => {
     label: 'Main: Reopen Editor With'
   }];
 };
-const menus$9 = [];
-const getMenus$7 = async () => {
+const menus$a = [];
+const getMenus$8 = async () => {
   try {
     const ids = await invoke$8('MainArea.getMenuIds');
     const adjusted = ids.map(id => {
@@ -24282,7 +24589,7 @@ const resize$e = async (state, dimensions) => {
   };
 };
 
-const name$j = 'Main';
+const name$k = 'Main';
 
 const ViewletMain_ipc = {
   __proto__: null,
@@ -24294,7 +24601,7 @@ const ViewletMain_ipc = {
   focus: focus$3,
   getCommands: getCommands$e,
   getKeyBindings: getKeyBindings$9,
-  getMenus: getMenus$7,
+  getMenus: getMenus$8,
   getQuickPickMenuEntries,
   hasFunctionalEvents: hasFunctionalEvents$f,
   hasFunctionalRender: hasFunctionalRender$k,
@@ -24302,8 +24609,8 @@ const ViewletMain_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$i,
   hotReload: hotReload$9,
   loadContent: loadContent$n,
-  menus: menus$9,
-  name: name$j,
+  menus: menus$a,
+  name: name$k,
   openEditorWithType,
   openKeyBindings,
   render: render$k,
@@ -24338,7 +24645,7 @@ const dispose$f = state => {
   state.disposed = true;
 };
 
-const name$i = 'MarkDownPreview';
+const name$j = 'MarkDownPreview';
 const Commands$k = {};
 
 const ViewletMarkDownPreview_ipc = {
@@ -24347,7 +24654,7 @@ const ViewletMarkDownPreview_ipc = {
   create: create$m,
   dispose: dispose$f,
   loadContent: loadContent$m,
-  name: name$i
+  name: name$j
 };
 
 const create$l = id => {
@@ -24503,7 +24810,7 @@ const renderActions$6 = {
   }
 };
 
-const name$h = 'Output';
+const name$i = 'Output';
 
 const ViewletOutput_ipc = {
   __proto__: null,
@@ -24517,7 +24824,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,
@@ -24630,7 +24937,7 @@ const resize$d = async (state, dimensions) => {
   };
 };
 
-const name$g = 'Panel';
+const name$h = 'Panel';
 
 const ViewletPanel_ipc = {
   __proto__: null,
@@ -24645,7 +24952,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
@@ -24779,8 +25086,8 @@ const getKeyBindings$8 = () => {
   }];
 };
 
-const menus$8 = [];
-const getMenus$6 = async () => {
+const menus$9 = [];
+const getMenus$7 = async () => {
   try {
     const ids = await invoke$6('Problems.getMenuIds');
     const adjusted = ids.map(id => {
@@ -24837,7 +25144,7 @@ const saveState$6 = async state => {
   return savedState;
 };
 
-const name$f = 'Problems';
+const name$g = 'Problems';
 
 const ViewletProblems_ipc = {
   __proto__: null,
@@ -24847,14 +25154,14 @@ const ViewletProblems_ipc = {
   getBadgeCount,
   getCommands: getCommands$b,
   getKeyBindings: getKeyBindings$8,
-  getMenus: getMenus$6,
+  getMenus: getMenus$7,
   hasFunctionalEvents: hasFunctionalEvents$c,
   hasFunctionalRender: hasFunctionalRender$h,
   hasFunctionalResize: hasFunctionalResize$a,
   hasFunctionalRootRender: hasFunctionalRootRender$f,
   loadContent: loadContent$i,
-  menus: menus$8,
-  name: name$f,
+  menus: menus$9,
+  name: name$g,
   render: render$h,
   renderActions: renderActions$5,
   renderEventListeners: renderEventListeners$a,
@@ -24971,9 +25278,9 @@ const MenuEntriesProcessExplorer = {
   id: id$1
 };
 
-const menus$7 = [MenuEntriesProcessExplorer];
+const menus$8 = [MenuEntriesProcessExplorer];
 
-const name$e = 'ProcessExplorer';
+const name$f = 'ProcessExplorer';
 
 const hasFunctionalRender$g = true;
 const hasFunctionalRootRender$e = true;
@@ -25003,8 +25310,8 @@ const ViewletProcessExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$e,
   hotReload: hotReload$6,
   loadContent: loadContent$h,
-  menus: menus$7,
-  name: name$e,
+  menus: menus$8,
+  name: name$f,
   render: render$g,
   renderEventListeners: renderEventListeners$9
 };
@@ -25123,7 +25430,7 @@ const renderEventListeners$8 = async () => {
   return listeners;
 };
 
-const name$d = 'QuickPick';
+const name$e = 'QuickPick';
 
 const ViewletQuickPick_ipc = {
   __proto__: null,
@@ -25138,7 +25445,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,
@@ -25249,7 +25556,7 @@ const getDisplayName = () => {
   return i18nString(UiStrings$2.References);
 };
 
-const name$c = 'References';
+const name$d = 'References';
 
 const ViewletReferences_ipc = {
   __proto__: null,
@@ -25265,7 +25572,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,
@@ -25447,8 +25754,8 @@ const getKeyBindings$5 = () => {
   return invoke$y('RunAndDebug.getKeyBindings');
 };
 
-const menus$6 = [];
-const getMenus$5 = async () => {
+const menus$7 = [];
+const getMenus$6 = async () => {
   try {
     const modules = await invoke$y('RunAndDebug.getMenuEntries');
     const adjusted = modules.map(module => {
@@ -25491,7 +25798,7 @@ const renderActions$3 = {
   }
 };
 
-const name$b = 'Run And Debug';
+const name$c = 'Run And Debug';
 
 const ViewletRunAndDebug_ipc = {
   __proto__: null,
@@ -25504,7 +25811,7 @@ const ViewletRunAndDebug_ipc = {
   dispose: dispose$a,
   getCommands: getCommands$7,
   getKeyBindings: getKeyBindings$5,
-  getMenus: getMenus$5,
+  getMenus: getMenus$6,
   handleDebugInput,
   handleEvaluate,
   hasFunctionalEvents: hasFunctionalEvents$9,
@@ -25513,8 +25820,8 @@ const ViewletRunAndDebug_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$c,
   hotReload: hotReload$5,
   loadContent: loadContent$e,
-  menus: menus$6,
-  name: name$b,
+  menus: menus$7,
+  name: name$c,
   render: render$e,
   renderActions: renderActions$3,
   renderEventListeners: renderEventListeners$7,
@@ -25541,6 +25848,7 @@ const create$d = (uid, uri, x, y, width, height) => {
   return {
     commands: [],
     height,
+    title: 'Running Extensions',
     uid,
     uri,
     width,
@@ -25566,6 +25874,22 @@ const loadContent$d = async state => {
     commands
   };
 };
+const menus$6 = [];
+const getMenus$5 = async () => {
+  try {
+    const ids = await invoke$4('RunningExtensions.getMenuEntryIds');
+    return ids.map(id => {
+      return {
+        id,
+        async getMenuEntries(...args) {
+          return invoke$4('RunningExtensions.getMenuEntries', ...args);
+        }
+      };
+    });
+  } catch {
+    return [];
+  }
+};
 
 const wrapRunningExtensionsCommand = key => {
   return async (state, ...args) => {
@@ -25590,6 +25914,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;
@@ -25605,18 +25931,31 @@ 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,
   Css: Css$d,
   create: create$d,
   getCommands: getCommands$6,
+  getMenus: getMenus$5,
   hasFunctionalEvents: hasFunctionalEvents$8,
   hasFunctionalRender: hasFunctionalRender$d,
   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 => {
@@ -26090,6 +26429,7 @@ const handleClickAction = async (state, index, command) => {
   return state;
 };
 
+const defaultTitleAreaHeight = 35;
 const create$9 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
@@ -26099,7 +26439,7 @@ const create$9 = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    titleAreaHeight: 35,
+    titleAreaHeight: defaultTitleAreaHeight,
     actions: [],
     title: EmptyString,
     childUid: -1
@@ -26169,6 +26509,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) => {
@@ -26196,17 +26540,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,
@@ -26253,7 +26601,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]);
@@ -26275,6 +26623,7 @@ const handleSideBarViewletChange = async (state, moduleId, restore = true) => {
     currentViewletId: moduleId,
     childUid,
     actionsUid,
+    titleAreaHeight,
     title
   };
 };
@@ -26396,11 +26745,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
   }];
@@ -26707,6 +27057,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);
 };
@@ -26821,6 +27174,8 @@ const create$7 = (id, uri, x, y, width, height) => {
     canGoBack: true,
     isLoading: false,
     hasSuggestionsOverlay: false,
+    overlayIds: [],
+    snapshot: '',
     suggestionsEnabled: false,
     shortcuts: []
   };
@@ -26946,6 +27301,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,
@@ -27114,9 +27515,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; }),
@@ -27260,11 +27663,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,
@@ -27319,16 +27723,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];
   }
 };
@@ -27386,6 +27800,7 @@ const ViewletSimpleBrowser_ipc = {
   hasFunctionalResize: hasFunctionalResize$5,
   hasFunctionalRootRender: hasFunctionalRootRender$6,
   hide,
+  hideOverlay,
   loadContent: loadContent$7,
   menus: menus$3,
   name: name$6,
@@ -27394,7 +27809,8 @@ const ViewletSimpleBrowser_ipc = {
   resizeEffect: resizeEffect$1,
   saveState,
   setUrl,
-  show: show$2
+  show: show$2,
+  showOverlay
 };
 
 const state = {