@lvce-editor/server 0.21.2 → 0.21.3

package/static/{ba057bc → 21796c8}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -534,7 +534,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/ba057bc'
+    return '/21796c8'
   }
 };
 
@@ -562,7 +562,7 @@ const state$U = {
   id: 0,
 };
 
-const create$13 = () => {
+const create$14 = () => {
   return ++state$U.id
 };
 
@@ -603,7 +603,7 @@ const state$T = {
 };
 
 const registerPromise = () => {
-  const id = create$13();
+  const id = create$14();
   const { resolve, promise } = withResolvers();
   state$T.callbacks[id] = resolve;
   return { id, promise }
@@ -698,7 +698,7 @@ const listen$a = async ({ method }) => {
   return ipc
 };
 
-const create$12 = (method, params) => {
+const create$13 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -706,7 +706,7 @@ const create$12 = (method, params) => {
   }
 };
 
-const create$11 = (method, params) => {
+const create$12 = (method, params) => {
   const { id, promise } = registerPromise();
   const message = {
     jsonrpc: Two,
@@ -859,12 +859,12 @@ const unwrapJsonRpcResult = (responseMessage) => {
 };
 
 const send$2 = (transport, method, ...params) => {
-  const message = create$12(method, params);
+  const message = create$13(method, params);
   transport.send(message);
 };
 
 const invoke$3 = async (ipc, method, ...params) => {
-  const { message, promise } = create$11(method, params);
+  const { message, promise } = create$12(method, params);
   ipc.send(message);
   const responseMessage = await promise;
   const result = unwrapJsonRpcResult(responseMessage);
@@ -872,7 +872,7 @@ const invoke$3 = async (ipc, method, ...params) => {
 };
 
 const invokeAndTransfer$1 = async (ipc, transfer, method, ...params) => {
-  const { message, promise } = create$11(method, params);
+  const { message, promise } = create$12(method, params);
   ipc.sendAndTransfer(message, transfer);
   const responseMessage = await promise;
   const result = unwrapJsonRpcResult(responseMessage);
@@ -916,7 +916,7 @@ const getJson$7 = (response) => {
   return response.json()
 };
 
-const create$10 = (value, options) => {
+const create$11 = (value, options) => {
   return new Response(value, options)
 };
 
@@ -1215,7 +1215,7 @@ const getMarkerLines = (loc, source, opts) => {
   return { start, end, markerLines }
 };
 
-const create$$ = (rawLines, loc, opts = {}) => {
+const create$10 = (rawLines, loc, opts = {}) => {
   const lines = rawLines.split(NEWLINE);
   const { start, end, markerLines } = getMarkerLines(loc, lines, opts);
   const hasColumns = loc.start && typeof loc.start.column === 'number';
@@ -1547,7 +1547,7 @@ const prepareErrorMessageWithoutCodeFrame = async (error) => {
       const { source, originalLine, originalColumn } = getOriginalPosition(sourceMap, parsedLine, parsedColumn);
       const absoluteSourceUrl = toAbsoluteUrl(path, source);
       const originalSourceContent = await getText$3(absoluteSourceUrl);
-      const codeFrame = create$$(originalSourceContent, {
+      const codeFrame = create$10(originalSourceContent, {
         start: {
           line: originalLine,
           column: originalColumn,
@@ -1565,7 +1565,7 @@ const prepareErrorMessageWithoutCodeFrame = async (error) => {
         _error: error,
       }
     }
-    const codeFrame = create$$(text, {
+    const codeFrame = create$10(text, {
       start: {
         line: parsedLine,
         column: parsedColumn,
@@ -1717,7 +1717,7 @@ const getModule$8 = (method) => {
   }
 };
 
-const create$_ = async ({ method, ...options }) => {
+const create$$ = async ({ method, ...options }) => {
   const module = await getModule$8(method);
   // @ts-ignore
   const rawIpc = await module.create(options);
@@ -1731,7 +1731,7 @@ const create$_ = async ({ method, ...options }) => {
 const SharedProcess = 'lvce.shared-process';
 
 const listen$8 = (method) => {
-  return create$_({
+  return create$$({
     method,
     type: 'shared-process',
     name: 'Shared Process',
@@ -2676,7 +2676,7 @@ const warnFileNames = (languageId, language) => {
       break
     }
   }
-  const codeFrame = create$$(code, {
+  const codeFrame = create$10(code, {
     start: {
       line: rowIndex + 1,
       column: columnIndex + 1,
@@ -3680,9 +3680,11 @@ const TitleBar$1 = 'TitleBar';
 
 const TitleBarButtons = 'TitleBarButtons';
 
+const TitleBarTitle = 'TitleBarTitle';
+
 const TitleBarIcon = 'TitleBarIcon';
 
-const TitleBarMenuBar = 'TitleBarMenuBar';
+const TitleBarMenuBar$1 = 'TitleBarMenuBar';
 
 const TodoList = 'TodoList';
 
@@ -3739,7 +3741,8 @@ const ViewletModuleId = {
   TitleBar: TitleBar$1,
   TitleBarButtons,
   TitleBarIcon,
-  TitleBarMenuBar,
+  TitleBarMenuBar: TitleBarMenuBar$1,
+  TitleBarTitle,
   TodoList,
   Video
 };
@@ -3780,7 +3783,7 @@ const runFn = async (instance, id, key, fn, args) => {
     if (oldState === newState) {
       return
     }
-    const commands = render$F(instance.factory, oldState, newState, newState.uid || id);
+    const commands = render$G(instance.factory, oldState, newState, newState.uid || id);
     setRenderedState(id, newState);
     await invoke$2(/* Viewlet.sendMultiple */ kSendMultiple, /* commands */ commands);
   } else {
@@ -3799,7 +3802,7 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
   object(newState);
   const renderedState = instance.renderedState;
   if (oldState !== newState) {
-    commands.push(...render$F(instance.factory, renderedState, newState));
+    commands.push(...render$G(instance.factory, renderedState, newState));
     setRenderedState(id, newState);
   }
   if (commands.length === 0) {
@@ -3865,7 +3868,7 @@ const wrapViewletCommandWithSideEffectLazy = (id, key, importFn) => {
  * @param {()=>any} getModule
  * @returns
  */
-const create$Z = (getModule, id, parentUid, uri, x, y, width, height) => {
+const create$_ = (getModule, id, parentUid, uri, x, y, width, height) => {
   fn(getModule);
   string(id);
   number(parentUid);
@@ -3965,7 +3968,7 @@ const maybeRegisterEvents = (module) => {
         }
         const uid = instance.uid || instance.state.uid;
         number(uid);
-        const commands = render$F(instance.factory, instance.renderedState, newState, uid);
+        const commands = render$G(instance.factory, instance.renderedState, newState, uid);
         instance.state = newState;
         instance.renderedState = newState;
         await invoke$2(/* Viewlet.sendMultiple */ kSendMultiple, /* commands */ commands);
@@ -4026,7 +4029,7 @@ const load$8 = async (viewlet, focus = false, restore = false, restoreState = un
   }
   let state = ViewletState.Default;
   // @ts-ignore
-  const viewletUid = viewlet.uid || create$13();
+  const viewletUid = viewlet.uid || create$14();
   let module;
   try {
     viewlet.type = 1;
@@ -4078,7 +4081,7 @@ const load$8 = async (viewlet, focus = false, restore = false, restoreState = un
     if (module.getChildren) {
       const children = module.getChildren(newState);
       for (const child of children) {
-        const childUid = child.uid || create$13();
+        const childUid = child.uid || create$14();
         const childId = child.id;
         const childViewlet = {
           x: child.x,
@@ -4237,7 +4240,7 @@ const load$8 = async (viewlet, focus = false, restore = false, restoreState = un
   // console.timeEnd(`load/${viewlet.id}`)
 };
 
-const render$F = (module, oldState, newState, uid = newState.uid || module.name) => {
+const render$G = (module, oldState, newState, uid = newState.uid || module.name) => {
   return getRenderCommands(module, oldState, newState, uid)
 };
 
@@ -4325,12 +4328,14 @@ const load$7 = (moduleId) => {
       return Promise.resolve().then(function () { return ViewletTitleBarButtons_ipc; })
     case TitleBarIcon:
       return Promise.resolve().then(function () { return ViewletTitleBarIcon_ipc; })
-    case TitleBarMenuBar:
+    case TitleBarMenuBar$1:
       return Promise.resolve().then(function () { return ViewletTitleBarMenuBar_ipc; })
     case Video:
       return Promise.resolve().then(function () { return ViewletVideo_ipc; })
     case ColorPicker:
       return Promise.resolve().then(function () { return ViewletColorPicker_ipc; })
+    case TitleBarTitle:
+      return Promise.resolve().then(function () { return ViewletTitleBarTitle_ipc; })
     default:
       throw new Error(`unknown module ${moduleId}`)
   }
@@ -4470,7 +4475,7 @@ const openElectronQuickPick = async (...args) => {
   const keyBindings = await undefined();
   const quickPickKeyBindings = getQuickPickKeyBindings(keyBindings);
   await createBrowserViewQuickPick(x, y, width, height);
-  const ipc = await create$_({
+  const ipc = await create$$({
     method: ElectronMessagePort,
     type: 'quickpick',
   });
@@ -4493,7 +4498,7 @@ const openElectronQuickPick = async (...args) => {
       return closeWidgetElectronQuickPick()
     }
     const newState = await instance.factory.Commands[method](oldState, ...params);
-    const commands = render$F(instance.factory, oldState, newState);
+    const commands = render$G(instance.factory, oldState, newState);
     ipc.send({
       jsonrpc: Two,
       method: 'executeCommands',
@@ -4528,7 +4533,7 @@ const focus$c = async (id) => {
   if (instance && instance.factory.focus) {
     const oldState = instance.state;
     const newState = instance.factory.focus(oldState);
-    commands.push(...render$F(instance.factory, oldState, newState));
+    commands.push(...render$G(instance.factory, oldState, newState));
   }
   setFocusedInstance(instance);
   await invoke$2('Viewlet.sendMultiple', commands);
@@ -4629,7 +4634,7 @@ const disposeFunctional = (id) => {
   }
 };
 
-const resize$l = (id, dimensions) => {
+const resize$m = (id, dimensions) => {
   number(id);
   object(dimensions);
   const instance = getInstance(id);
@@ -4649,7 +4654,7 @@ const resize$l = (id, dimensions) => {
       // TODO handle promise rejection gracefully
       instance.factory.resizeEffect(newState);
     }
-    commands = render$F(instance.factory, instance.state, newState);
+    commands = render$G(instance.factory, instance.state, newState);
   } else {
     const result = instance.factory.resize(oldState, dimensions);
     newState = result.newState;
@@ -4668,7 +4673,7 @@ const handleFocusChange$3 = (id, isFocused) => {
   }
   const oldState = instance.state;
   const newState = instance.factory.handleFocusChange(oldState, isFocused);
-  const commands = render$F(instance.factory, instance.state, newState);
+  const commands = render$G(instance.factory, instance.state, newState);
   object(newState);
   array(commands);
   setState$1(id, newState);
@@ -4684,7 +4689,7 @@ const setStateFunctional = (id, newState) => {
   const instance = getInstance(id);
   if (instance && instance.factory && instance.factory.hasFunctionalRender) {
     const oldState = instance.state;
-    const commands = render$F(instance.factory, oldState, newState);
+    const commands = render$G(instance.factory, oldState, newState);
     instance.state = newState;
     return commands
   }
@@ -4716,7 +4721,7 @@ const openWidget = async (moduleId, ...args) => {
     }
     return openElectronQuickPick(...args)
   }
-  const childUid = create$13();
+  const childUid = create$14();
   const commands = await load$8({
     getModule: load$6,
     id: moduleId,
@@ -4812,7 +4817,7 @@ const executeViewletCommand = async (uid, fnName, ...args) => {
   if (!hasInstance(uid)) {
     return
   }
-  const commands = render$F(instance.factory, instance.renderedState, actualNewState);
+  const commands = render$G(instance.factory, instance.renderedState, actualNewState);
   if ('newState' in newState) {
     commands.push(...newState.commands);
   }
@@ -6063,8 +6068,8 @@ const startup = async () => {
   mark$1(Four);
 
   mark(WillShowLayout);
-  const layout = create$Z(load$6, Layout, 0, '', 0, 0, 0, 0);
-  layout.uid = create$13();
+  const layout = create$_(load$6, Layout, 0, '', 0, 0, 0, 0);
+  layout.uid = create$14();
   const layoutState = await getSavedViewletState(Layout);
   const commands = await load$8(
     {
@@ -6335,7 +6340,7 @@ const getPort = async (type, name) => {
   return port2
 };
 
-const create$Y = async (options) => {
+const create$Z = async (options) => {
   const type = options.type;
   const name = options.name || 'electron ipc';
   string(type);
@@ -6377,7 +6382,7 @@ const wrap$7 = (port) => {
 
 const IpcParentWithElectronMessagePort = {
   __proto__: null,
-  create: create$Y,
+  create: create$Z,
   wrap: wrap$7
 };
 
@@ -6392,7 +6397,7 @@ const isMessagePort = (value) => {
   return value instanceof MessagePort
 };
 
-const create$X = async ({ url }) => {
+const create$Y = async ({ url }) => {
   string(url);
   const portPromise = new Promise((resolve) => {
     globalThis.acceptPort = resolve;
@@ -6441,7 +6446,7 @@ const wrap$6 = (port) => {
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$X,
+  create: create$Y,
   wrap: wrap$6
 };
 
@@ -6503,7 +6508,7 @@ const tryToGetActualErrorMessage$1 = async ({ url, name }) => {
 
 const Module$2 = 'module';
 
-const create$W = async ({ url, name }) => {
+const create$X = async ({ url, name }) => {
   const worker = new Worker(url, {
     type: Module$2,
     name,
@@ -6556,11 +6561,11 @@ const wrap$5 = (worker) => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$W,
+  create: create$X,
   wrap: wrap$5
 };
 
-const create$V = async ({ url }) => {
+const create$W = async ({ url }) => {
   const referencePort = await new Promise((resolve) => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -6599,7 +6604,7 @@ const wrap$4 = (referencePort) => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$V,
+  create: create$W,
   wrap: wrap$4
 };
 
@@ -6649,7 +6654,7 @@ const waitForWebSocketToBeOpen = (webSocket) => {
   })
 };
 
-const create$U = async ({ protocol }) => {
+const create$V = async ({ protocol }) => {
   string(protocol);
   // TODO replace this during build
   const wsUrl = getWsUrl();
@@ -6692,11 +6697,11 @@ const wrap$3 = (webSocket) => {
 
 const IpcParentWithWebSocket = {
   __proto__: null,
-  create: create$U,
+  create: create$V,
   wrap: wrap$3
 };
 
-const create$T = async ({ url, name }) => {
+const create$U = async ({ url, name }) => {
   const { port1, port2 } = new MessageChannel();
   await invokeAndTransfer('IpcParent.create', [port1], {
     method: ModuleWorkerWithMessagePort,
@@ -6751,7 +6756,7 @@ const wrap$2 = (port) => {
 
 const IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug = {
   __proto__: null,
-  create: create$T,
+  create: create$U,
   wrap: wrap$2
 };
 
@@ -6767,7 +6772,7 @@ const getModule$7 = () => {
   }
 };
 
-const create$S = async (options) => {
+const create$T = async (options) => {
   const module = await getModule$7();
   const rawIpc = await module.create(options);
   if (options.raw) {
@@ -6785,11 +6790,11 @@ const wrap$1 = ({ rawIpc, module }) => {
 
 const IpcParentWithNode = {
   __proto__: null,
-  create: create$S,
+  create: create$T,
   wrap: wrap$1
 };
 
-const create$R = async (options) => {
+const create$S = async (options) => {
   switch (platform) {
     case Web$1:
     case Remote:
@@ -6817,6 +6822,9 @@ const getActualData = (event) => {
 };
 
 const wrap = (port) => {
+  if (!(port instanceof MessagePort)) {
+    return port.module.wrap(port.rawIpc)
+  }
   return {
     port,
     /**
@@ -6845,7 +6853,7 @@ const wrap = (port) => {
 
 const IpcParentWithNodeAlternate = {
   __proto__: null,
-  create: create$R,
+  create: create$S,
   wrap
 };
 
@@ -7134,7 +7142,7 @@ const positionAt = (textDocument, offset) => {
   }
 };
 
-const name$1X = 'webExtensionHost';
+const name$1Y = 'webExtensionHost';
 
 const ipc$2 = ModuleWorkerAndWorkaroundForChromeDevtoolsBug;
 
@@ -7146,10 +7154,10 @@ const ExtensionHostManagementBrowser = {
   __proto__: null,
   canActivate: canActivate$2,
   ipc: ipc$2,
-  name: name$1X
+  name: name$1Y
 };
 
-const name$1W = 'nodeExtensionHost';
+const name$1X = 'nodeExtensionHost';
 
 const ipc$1 = ElectronMessagePort;
 
@@ -7161,10 +7169,10 @@ const ExtensionHostManagementElectron = {
   __proto__: null,
   canActivate: canActivate$1,
   ipc: ipc$1,
-  name: name$1W
+  name: name$1X
 };
 
-const name$1V = 'nodeExtensionHost';
+const name$1W = 'nodeExtensionHost';
 
 const ipc = WebSocket$1;
 
@@ -7176,7 +7184,7 @@ const ExtensionHostManagementNode = {
   __proto__: null,
   canActivate,
   ipc,
-  name: name$1V
+  name: name$1W
 };
 
 const getName$2 = () => {
@@ -7187,7 +7195,7 @@ const getName$2 = () => {
 };
 
 const listen$3 = (method) => {
-  return create$_({
+  return create$$({
     method,
     type: 'extension-host',
     name: getName$2(),
@@ -7678,7 +7686,7 @@ const ExtensionHostFileSystem = {
   writeFile: writeFile$e
 };
 
-const name$1U = 'App';
+const name$1V = 'App';
 
 const getModule$6 = (uri) => {
   switch (uri) {
@@ -7736,7 +7744,7 @@ const FileSystemApp = {
   canBeRestored: canBeRestored$5,
   getPathSeparator: getPathSeparator$7,
   mkdir: mkdir$6,
-  name: name$1U,
+  name: name$1V,
   readDirWithFileTypes: readDirWithFileTypes$6,
   readFile: readFile$c,
   remove: remove$5,
@@ -7744,7 +7752,7 @@ const FileSystemApp = {
   writeFile: writeFile$d
 };
 
-const name$1T = 'Data';
+const name$1U = 'Data';
 
 const copy$4 = (source, target) => {
   throw new Error('not implemented')
@@ -7791,7 +7799,7 @@ const FileSystemData = {
   getBlobUrl: getBlobUrl$1,
   getPathSeparator: getPathSeparator$6,
   mkdir: mkdir$5,
-  name: name$1T,
+  name: name$1U,
   readDirWithFileTypes: readDirWithFileTypes$5,
   readFile: readFile$b,
   remove: remove$4,
@@ -7799,7 +7807,7 @@ const FileSystemData = {
   writeFile: writeFile$c
 };
 
-const name$1S = 'Memory';
+const name$1T = 'Memory';
 
 const state$u = {
   files: Object.create(null),
@@ -7912,7 +7920,7 @@ const FileSystemMemory = {
   chmod: chmod$3,
   getPathSeparator: getPathSeparator$5,
   mkdir: mkdir$4,
-  name: name$1S,
+  name: name$1T,
   readDirWithFileTypes: readDirWithFileTypes$4,
   readFile: readFile$a,
   remove: remove$3,
@@ -7923,7 +7931,7 @@ const FileSystemMemory = {
 // TODO when it rejects, it should throw a custom error,
 // FileSystemError
 
-const name$1R = 'Web';
+const name$1S = 'Web';
 
 const state$t = {
   watchers: Object.create(null),
@@ -8229,7 +8237,7 @@ const FileSystemWeb = {
   createFolder,
   getPathSeparator: getPathSeparator$4,
   mkdir: mkdir$3,
-  name: name$1R,
+  name: name$1S,
   onDidSave,
   readDirWithFileTypes: readDirWithFileTypes$3,
   readFile: readFile$9,
@@ -8244,7 +8252,7 @@ const FileSystemWeb = {
 
 const canBeRestored$3 = true;
 
-const name$1Q = 'Fetch';
+const name$1R = 'Fetch';
 
 const state$s = {
   files: Object.create(null),
@@ -8309,7 +8317,7 @@ const FileSystemFetch = {
   chmod: chmod$2,
   getPathSeparator: getPathSeparator$3,
   mkdir: mkdir$2,
-  name: name$1Q,
+  name: name$1R,
   readDirWithFileTypes: readDirWithFileTypes$2,
   readFile: readFile$8,
   remove: remove$1,
@@ -8317,7 +8325,7 @@ const FileSystemFetch = {
   writeFile: writeFile$9
 };
 
-const name$1P = 'Disk';
+const name$1Q = 'Disk';
 
 const copy$3 = (source, target) => {
   return invoke$1(FileSystemCopy, /* source */ source, /* target */ target)
@@ -8389,7 +8397,7 @@ const FileSystemDisk = {
   getPathSeparator: getPathSeparator$2,
   getRealPath,
   mkdir: mkdir$1,
-  name: name$1P,
+  name: name$1Q,
   readDirWithFileTypes: readDirWithFileTypes$1,
   readFile: readFile$7,
   remove,
@@ -8903,7 +8911,7 @@ const ViewletActivityBarFocusIndex = {
 // TODO this should be create
 // TODO unregister listeners when hidden
 
-const create$Q = (id, uri, x, y, width, height) => {
+const create$R = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     // TODO declarative event api is good, but need to bind
@@ -8927,7 +8935,7 @@ const create$Q = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$H = async (state) => {
+const loadContent$I = async (state) => {
   const activityBarItems = getActivityBarItems();
   const sideBar = getInstance(SideBar$1);
   const viewletId = sideBar && sideBar.state ? sideBar.state.currentViewletId : '';
@@ -9038,7 +9046,7 @@ const LazyCommands$g={
   getHiddenItems: () => Promise.resolve().then(function () { return ViewletActivityBarGetHiddenItems; })
 };
 
-const Css$C = [];
+const Css$D = [];
 
 const Variables$6 = ['ActivityBarForeground', 'ActivityBarActiveForeground', 'ActvityBarActiveBackground', 'BadgeBackground', 'BadgeForeground'];
 
@@ -9422,20 +9430,20 @@ const renderItems$5 = {
   },
 };
 
-const render$E = [renderItems$5];
+const render$F = [renderItems$5];
 
-const hasFunctionalRender$C = true;
+const hasFunctionalRender$D = true;
 
-const hasFunctionalResize$e = true;
+const hasFunctionalResize$f = true;
 
-const resize$k = (state, dimensions) => {
+const resize$l = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
   }
 };
 
-const name$1O = 'ActivityBar';
+const name$1P = 'ActivityBar';
 
 const Events$4 = {
   'SourceControl.changeBadgeCount': updateSourceControlCount,
@@ -9446,23 +9454,23 @@ const Events$4 = {
 const ViewletActivityBar_ipc = {
   __proto__: null,
   Commands: Commands$1K,
-  Css: Css$C,
+  Css: Css$D,
   Events: Events$4,
   LazyCommands: LazyCommands$g,
   Variables: Variables$6,
-  create: create$Q,
+  create: create$R,
   focus: focus$b,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$9,
   handleBlur: handleBlur$8,
   handleSideBarHidden,
   handleSideBarViewletChange,
-  hasFunctionalRender: hasFunctionalRender$C,
-  hasFunctionalResize: hasFunctionalResize$e,
-  loadContent: loadContent$H,
-  name: name$1O,
-  render: render$E,
-  resize: resize$k,
+  hasFunctionalRender: hasFunctionalRender$D,
+  hasFunctionalResize: hasFunctionalResize$f,
+  loadContent: loadContent$I,
+  name: name$1P,
+  render: render$F,
+  resize: resize$l,
   saveState: saveState$a,
   toggleActivityBarItem,
   toggleItem,
@@ -9513,7 +9521,7 @@ const disposeSrc = async (src) => {
   }
 };
 
-const create$P = (id, uri) => {
+const create$Q = (id, uri) => {
   return {
     uri,
     src: '',
@@ -9521,7 +9529,7 @@ const create$P = (id, uri) => {
   }
 };
 
-const loadContent$G = async (state) => {
+const loadContent$H = async (state) => {
   const { uri } = state;
   const src = await getSrc(uri);
   return {
@@ -9548,7 +9556,7 @@ const Commands$1J = {
   handleAudioError: handleAudioError,
 };
 
-const Css$B = ["/css/parts/ViewletAudio.css"];
+const Css$C = ["/css/parts/ViewletAudio.css"];
 
 const SetAudioErrorMessage = 'setAudioErrorMessage';
 const SetBounds = 'setBounds';
@@ -9581,7 +9589,7 @@ const SetTransform = 'setTransform';
 const SetValue = 'setValue';
 const SetVideoErrorMessage = 'setVideoErrorMessage';
 
-const hasFunctionalRender$B = true;
+const hasFunctionalRender$C = true;
 
 const renderSrc$2 = {
   isEqual(oldState, newState) {
@@ -9601,25 +9609,25 @@ const renderAudioErrorMessage = {
   },
 };
 
-const render$D = [renderSrc$2, renderAudioErrorMessage];
+const render$E = [renderSrc$2, renderAudioErrorMessage];
 
-const name$1N = 'Audio';
+const name$1O = 'Audio';
 
 const ViewletAudio_ipc = {
   __proto__: null,
   Commands: Commands$1J,
-  Css: Css$B,
-  create: create$P,
+  Css: Css$C,
+  create: create$Q,
   dispose: dispose$u,
   handleAudioError,
-  hasFunctionalRender: hasFunctionalRender$B,
-  loadContent: loadContent$G,
-  name: name$1N,
-  render: render$D,
+  hasFunctionalRender: hasFunctionalRender$C,
+  loadContent: loadContent$H,
+  name: name$1O,
+  render: render$E,
   renderSrc: renderSrc$2
 };
 
-const create$O = (id, uri, x, y, width, height) => {
+const create$P = (id, uri, x, y, width, height) => {
   return {
     browserViewMap: {},
     x,
@@ -9629,7 +9637,7 @@ const create$O = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$F = async (state) => {
+const loadContent$G = async (state) => {
   const browserViewMap = await invoke$1('ElectronBrowserView.getAll');
   console.log({ browserViewMap });
   return {
@@ -9671,7 +9679,7 @@ const getDom = (overview) => {
   return dom
 };
 
-const hasFunctionalRender$A = true;
+const hasFunctionalRender$B = true;
 
 const renderOverview = {
   isEqual(oldState, newState) {
@@ -9686,20 +9694,20 @@ const renderOverview = {
   },
 };
 
-const render$C = [renderOverview];
+const render$D = [renderOverview];
 
-const Css$A = ["/css/parts/ViewletBrowserViewOverview.css"];
+const Css$B = ["/css/parts/ViewletBrowserViewOverview.css"];
 
 const ViewletBrowserViewOverview_ipc = {
   __proto__: null,
-  Css: Css$A,
-  create: create$O,
-  hasFunctionalRender: hasFunctionalRender$A,
-  loadContent: loadContent$F,
-  render: render$C
+  Css: Css$B,
+  create: create$P,
+  hasFunctionalRender: hasFunctionalRender$B,
+  loadContent: loadContent$G,
+  render: render$D
 };
 
-const create$N = (id, uri, x, y, width, height) => {
+const create$O = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
@@ -9707,7 +9715,7 @@ const create$N = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$E = (state) => {
+const loadContent$F = (state) => {
   const update = async () => {
     await invoke$2(/* Viewlet.invoke */ 'Viewlet.send', /* id */ Clock, /* method */ 'setTime', /* time */ Date.now());
   };
@@ -9725,27 +9733,27 @@ const dispose$t = (state) => {
   state.disposed = true;
 };
 
-const name$1M = 'Clock';
+const name$1N = 'Clock';
 
 const Commands$1I = {};
 
 const ViewletClock_ipc = {
   __proto__: null,
   Commands: Commands$1I,
-  create: create$N,
+  create: create$O,
   dispose: dispose$t,
-  loadContent: loadContent$E,
-  name: name$1M
+  loadContent: loadContent$F,
+  name: name$1N
 };
 
-const create$M = (uid) => {
+const create$N = (uid) => {
   return {
     uid,
     text: '',
   }
 };
 
-const loadContent$D = async (state) => {
+const loadContent$E = async (state) => {
   return {
     ...state,
     text: 'Debug Console (not implemented)',
@@ -9772,9 +9780,9 @@ const getActions$9 = () => {
 
 const Commands$1H = {};
 
-const Css$z = ["/css/parts/ViewletDebugConsole.css"];
+const Css$A = ["/css/parts/ViewletDebugConsole.css"];
 
-const hasFunctionalRender$z = true;
+const hasFunctionalRender$A = true;
 
 const renderText$1 = {
   isEqual(oldState, newState) {
@@ -9785,20 +9793,20 @@ const renderText$1 = {
   },
 };
 
-const render$B = [renderText$1];
+const render$C = [renderText$1];
 
-const name$1L = 'Debug Console';
+const name$1M = 'Debug Console';
 
 const ViewletDebugConsole_ipc = {
   __proto__: null,
   Commands: Commands$1H,
-  Css: Css$z,
-  create: create$M,
+  Css: Css$A,
+  create: create$N,
   getActions: getActions$9,
-  hasFunctionalRender: hasFunctionalRender$z,
-  loadContent: loadContent$D,
-  name: name$1L,
-  render: render$B
+  hasFunctionalRender: hasFunctionalRender$A,
+  loadContent: loadContent$E,
+  name: name$1M,
+  render: render$C
 };
 
 const Control = 'Control';
@@ -9807,7 +9815,7 @@ const Alt$2 = 'Alt';
 const Enter$1 = 'Enter';
 const Escape$1 = 'Escape';
 
-const create$L = (id, uri, x, y, width, height) => {
+const create$M = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -9858,7 +9866,7 @@ const handleKeyDown = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   }
 };
 
-const loadContent$C = (state) => {
+const loadContent$D = (state) => {
   return {
     ...state,
     focused: true,
@@ -9870,7 +9878,7 @@ const Commands$1G = {
   handleBlur: handleBlur$7,
 };
 
-const Css$y = ["/css/parts/ViewletDefineKeyBinding.css"];
+const Css$z = ["/css/parts/ViewletDefineKeyBinding.css"];
 
 const renderValue$5 = {
   isEqual(oldState, newState) {
@@ -9890,23 +9898,23 @@ const renderFocus$2 = {
   },
 };
 
-const hasFunctionalRender$y = true;
+const hasFunctionalRender$z = true;
 
-const render$A = [renderValue$5, renderFocus$2];
+const render$B = [renderValue$5, renderFocus$2];
 
 const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
   Commands: Commands$1G,
-  Css: Css$y,
-  create: create$L,
+  Css: Css$z,
+  create: create$M,
   handleBlur: handleBlur$7,
   handleKeyDown,
-  hasFunctionalRender: hasFunctionalRender$y,
-  loadContent: loadContent$C,
-  render: render$A
+  hasFunctionalRender: hasFunctionalRender$z,
+  loadContent: loadContent$D,
+  render: render$B
 };
 
-const create$K = () => {
+const create$L = () => {
   return {
     message: '',
     codeFrame: '',
@@ -9927,7 +9935,7 @@ const getErrorMessage$5 = (type, message) => {
   return `${message}`
 };
 
-const loadContent$B = (state, savedState, ...args) => {
+const loadContent$C = (state, savedState, ...args) => {
   const [options, buttons] = args;
   const { message, codeFrame, stack, type } = options;
   const normalizedMessage = getErrorMessage$5(type, message);
@@ -9964,9 +9972,9 @@ const Commands$1F = {
   handleClick: handleClick$e,
 };
 
-const Css$x = ["/css/parts/ViewletDialog.css"];
+const Css$y = ["/css/parts/ViewletDialog.css"];
 
-const hasFunctionalRender$x = true;
+const hasFunctionalRender$y = true;
 
 const renderHeader$1 = {
   isEqual(oldState, newState) {
@@ -10013,21 +10021,21 @@ const renderStack = {
   },
 };
 
-const render$z = [renderHeader$1, renderButtons$1, renderCodeFrame, renderMessage$4, renderStack];
+const render$A = [renderHeader$1, renderButtons$1, renderCodeFrame, renderMessage$4, renderStack];
 
-const name$1K = 'Dialog';
+const name$1L = 'Dialog';
 
 const ViewletDialog_ipc = {
   __proto__: null,
   Commands: Commands$1F,
-  Css: Css$x,
-  create: create$K,
+  Css: Css$y,
+  create: create$L,
   dispose: dispose$r,
   handleClick: handleClick$e,
-  hasFunctionalRender: hasFunctionalRender$x,
-  loadContent: loadContent$B,
-  name: name$1K,
-  render: render$z
+  hasFunctionalRender: hasFunctionalRender$y,
+  loadContent: loadContent$C,
+  name: name$1L,
+  render: render$A
 };
 
 const Insertion = 1;
@@ -10190,7 +10198,7 @@ const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
   }
 };
 
-const create$J = ({ itemHeight, headerHeight = 0, minimumSliderSize = 20 }) => {
+const create$K = ({ itemHeight, headerHeight = 0, minimumSliderSize = 20 }) => {
   return {
     deltaY: 0,
     minLineY: 0,
@@ -10249,7 +10257,7 @@ const handleWheel$4 = (state, deltaMode, deltaY) => {
   return setDeltaY$7(state, state.deltaY + deltaY)
 };
 
-const create$I = (id, uri, x, y, width, height) => {
+const create$J = (id, uri, x, y, width, height) => {
   return {
     uri,
     linesLeft: [],
@@ -10259,7 +10267,7 @@ const create$I = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    ...create$J({ itemHeight: 20 }),
+    ...create$K({ itemHeight: 20 }),
   }
 };
 
@@ -10267,7 +10275,7 @@ const getContents = (left, right) => {
   return Promise.all([readFile$e(left), readFile$e(right)])
 };
 
-const loadContent$A = async (state) => {
+const loadContent$B = async (state) => {
   const { uri, top, left, width, height, minimumSliderSize, itemHeight } = state;
   const uriContentPart = uri.slice('diff://'.length);
   const [uriLeft, uriRight] = uriContentPart.split(DiffSeparator);
@@ -10324,9 +10332,9 @@ const LazyCommands$f = {
   handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; }),
 };
 
-const Css$w = ["/css/parts/ViewletDiffEditor.css"];
+const Css$x = ["/css/parts/ViewletDiffEditor.css"];
 
-const hasFunctionalRender$w = true;
+const hasFunctionalRender$x = true;
 
 const getVisible$5 = (lines, minLineY, maxLineY) => {
   return lines.slice(minLineY, maxLineY)
@@ -10376,20 +10384,20 @@ const renderScrollBar$4 = {
   },
 };
 
-const render$y = [renderLeft, renderRight, renderChanges, renderScrollBar$4];
+const render$z = [renderLeft, renderRight, renderChanges, renderScrollBar$4];
 
-const name$1J = 'DiffEditor';
+const name$1K = 'DiffEditor';
 
 const ViewletDiffEditor_ipc = {
   __proto__: null,
   Commands: Commands$1E,
-  Css: Css$w,
+  Css: Css$x,
   LazyCommands: LazyCommands$f,
-  create: create$I,
-  hasFunctionalRender: hasFunctionalRender$w,
-  loadContent: loadContent$A,
-  name: name$1J,
-  render: render$y
+  create: create$J,
+  hasFunctionalRender: hasFunctionalRender$x,
+  loadContent: loadContent$B,
+  name: name$1K,
+  render: render$z
 };
 
 const OnRename = 'onRename';
@@ -10578,7 +10586,7 @@ const supported = () => {
   return 'Segmenter' in Intl
 };
 
-const create$H = () => {
+const create$I = () => {
   // @ts-ignore
   const segmenter = new Intl.Segmenter();
   return {
@@ -10615,7 +10623,7 @@ const create$H = () => {
 };
 
 const getAccurateColumnIndexUnicode = (line, guess, averageCharWidth, eventX, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const segmenter = create$H();
+  const segmenter = create$I();
   const segments = segmenter.getSegments(line);
   const isMonospaceFont = false;
   const charWidth = 0;
@@ -11063,8 +11071,9 @@ const ExplorerEditBox = 'ExplorerEditBox';
 const Extensions = 'Extensions';
 const FindWidget = 'FindWidget';
 const SourceControlInput = 'sourceControlInput';
+const TitleBarMenuBar = 'titleBarMenuBar';
 
-const create$G = (id, uri, x, y, width, height) => {
+const create$H = (id, uri, x, y, width, height) => {
   setAdditionalFocus(EditorCompletion);
   return {
     uid: id,
@@ -11081,7 +11090,7 @@ const create$G = (id, uri, x, y, width, height) => {
     y: 0,
     width: 250,
     height: 150,
-    ...create$J({
+    ...create$K({
       headerHeight: 0,
       itemHeight: CompletionItem,
       minimumSliderSize: MinimumSliderSize,
@@ -11189,7 +11198,7 @@ const handleEditorClick = disposeWithEditor;
 
 const handleEditorBlur = disposeWithEditor;
 
-const loadContent$z = async (state) => {
+const loadContent$A = async (state) => {
   const { itemHeight, maxHeight } = state;
   const editor = getEditor$4();
   const unfilteredItems = await getCompletions(editor);
@@ -11289,7 +11298,7 @@ const LazyCommands$d = {
   ...LazyCommands$e
 };
 
-const Css$v = ["/css/parts/ViewletEditorCompletion.css","/css/parts/Symbol.css","/css/parts/ViewletList.css"];
+const Css$w = ["/css/parts/ViewletEditorCompletion.css","/css/parts/Symbol.css","/css/parts/ViewletList.css"];
 
 const getDynamicCss$1 = (preferences) => {
   const styles = [];
@@ -11492,7 +11501,7 @@ const getVisibleItems = (filteredItems, itemHeight, leadingWord, minLineY, maxLi
   return visibleItems
 };
 
-const hasFunctionalRender$v = true;
+const hasFunctionalRender$w = true;
 
 const renderItems$4 = {
   isEqual(oldState, newState) {
@@ -11577,17 +11586,17 @@ const renderScrollBar$3 = {
   },
 };
 
-const render$x = [renderItems$4, renderBounds$2, renderHeight$1, renderNegativeMargin$1, renderScrollBar$3];
+const render$y = [renderItems$4, renderBounds$2, renderHeight$1, renderNegativeMargin$1, renderScrollBar$3];
 
-const name$1I = 'EditorCompletion';
+const name$1J = 'EditorCompletion';
 
 const ViewletEditorCompletion_ipc = {
   __proto__: null,
   Commands: Commands$1D,
-  Css: Css$v,
+  Css: Css$w,
   LazyCommands: LazyCommands$d,
   advance: advance$1,
-  create: create$G,
+  create: create$H,
   dispose: dispose$q,
   getDynamicCss: getDynamicCss$1,
   getKeyBindings: getKeyBindings$8,
@@ -11598,11 +11607,11 @@ const ViewletEditorCompletion_ipc = {
   handleError: handleError$2,
   handleSelectionChange: handleSelectionChange$1,
   handleWheel: handleWheel$4,
-  hasFunctionalRender: hasFunctionalRender$v,
-  loadContent: loadContent$z,
+  hasFunctionalRender: hasFunctionalRender$w,
+  loadContent: loadContent$A,
   loadingContent,
-  name: name$1I,
-  render: render$x,
+  name: name$1J,
+  render: render$y,
   setDeltaY: setDeltaY$7
 };
 
@@ -11919,7 +11928,7 @@ const tokenizeCodeBlock = async (codeBlock, languageId) => {
   return lineInfos
 };
 
-const create$F = (id, uri, x, y, width, height) => {
+const create$G = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     id,
@@ -11940,7 +11949,7 @@ const getEditor$3 = () => {
   return getState(EditorText$1)
 };
 
-const loadContent$y = async (state) => {
+const loadContent$z = async (state) => {
   const editor = getEditor$3();
   const { selections, height, lines } = editor;
   const rowIndex = selections[0];
@@ -11967,7 +11976,7 @@ const loadContent$y = async (state) => {
   }
 };
 
-const Css$u = ["/css/parts/ViewletEditorHover.css"];
+const Css$v = ["/css/parts/ViewletEditorHover.css"];
 
 const getLineInfoVirtualDom = (lineInfo) => {
   const dom = [
@@ -12021,7 +12030,7 @@ const getHoverVirtualDom = (lineInfos, documentation) => {
   return dom
 };
 
-const hasFunctionalRender$u = true;
+const hasFunctionalRender$v = true;
 
 const renderHover = {
   isEqual(oldState, newState) {
@@ -12045,18 +12054,18 @@ const renderBounds$1 = {
   },
 };
 
-const render$w = [renderHover, renderBounds$1];
+const render$x = [renderHover, renderBounds$1];
 
-const name$1H = 'EditorHover';
+const name$1I = 'EditorHover';
 
 const ViewletEditorHover_ipc = {
   __proto__: null,
-  Css: Css$u,
-  create: create$F,
-  hasFunctionalRender: hasFunctionalRender$u,
-  loadContent: loadContent$y,
-  name: name$1H,
-  render: render$w
+  Css: Css$v,
+  create: create$G,
+  hasFunctionalRender: hasFunctionalRender$v,
+  loadContent: loadContent$z,
+  name: name$1I,
+  render: render$x
 };
 
 const distance = (point1, point2) => {
@@ -12065,7 +12074,7 @@ const distance = (point1, point2) => {
   return Math.hypot(dx + dy)
 };
 
-const create$E = (init = [1, 0, 0, 1, 0, 0]) => {
+const create$F = (init = [1, 0, 0, 1, 0, 0]) => {
   return new DOMMatrixReadOnly(init)
 };
 
@@ -12132,7 +12141,7 @@ const imageNotFound = () => {
   return i18nString(UiStrings$U.ImageNotFound)
 };
 
-const create$D = (id, uri, x, y, width, height) => {
+const create$E = (id, uri, x, y, width, height) => {
   return {
     src: '',
     disposed: false,
@@ -12141,7 +12150,7 @@ const create$D = (id, uri, x, y, width, height) => {
     width,
     height,
     uri,
-    domMatrix: create$E(),
+    domMatrix: create$F(),
     pointerOffsetX: 0,
     pointerOffsetY: 0,
     minZoom: 0.1,
@@ -12156,7 +12165,7 @@ const create$D = (id, uri, x, y, width, height) => {
 };
 
 // TODO revoke object url when disposed
-const loadContent$x = async (state, savedState) => {
+const loadContent$y = async (state, savedState) => {
   const { uri } = state;
   const src = await getSrc(uri);
   return {
@@ -12263,7 +12272,7 @@ const moveUp = (state) => {
   }
 };
 
-const handleFocus$7 = (state) => {
+const handleFocus$8 = (state) => {
   setFocus(EditorImage$1);
   return state
 };
@@ -12371,7 +12380,7 @@ const handleWheel$3 = (state, eventX, eventY, deltaX, deltaY) => {
 
 // prettier-ignore
 const Commands$1C = {
-  handleFocus: handleFocus$7,
+  handleFocus: handleFocus$8,
   handleImageError: handleImageError,
   handlePointerDown: handlePointerDown$1,
   handlePointerMove: handlePointerMove,
@@ -12390,9 +12399,9 @@ const LazyCommands$c = {
   handleContextMenu: () => Promise.resolve().then(function () { return ViewletEditorImageHandleContextMenu; })
 };
 
-const Css$t = ["/css/parts/ViewletEditorImage.css"];
+const Css$u = ["/css/parts/ViewletEditorImage.css"];
 
-const hasFunctionalRender$t = true;
+const hasFunctionalRender$u = true;
 
 const renderSrc$1 = {
   isEqual(oldState, newState) {
@@ -12431,34 +12440,34 @@ const renderErrorMessage = {
   },
 };
 
-const render$v = [renderSrc$1, renderTransform, renderCursor, renderErrorMessage];
+const render$w = [renderSrc$1, renderTransform, renderCursor, renderErrorMessage];
 
-const name$1G = 'EditorImage';
+const name$1H = 'EditorImage';
 
 const ViewletEditorImage_ipc = {
   __proto__: null,
   Commands: Commands$1C,
-  Css: Css$t,
+  Css: Css$u,
   LazyCommands: LazyCommands$c,
-  create: create$D,
+  create: create$E,
   dispose: dispose$p,
-  handleFocus: handleFocus$7,
+  handleFocus: handleFocus$8,
   handleImageError,
   handlePointerDown: handlePointerDown$1,
   handlePointerMove,
   handlePointerUp,
   handleWheel: handleWheel$3,
-  hasFunctionalRender: hasFunctionalRender$t,
-  loadContent: loadContent$x,
+  hasFunctionalRender: hasFunctionalRender$u,
+  loadContent: loadContent$y,
   moveDown,
   moveLeft,
   moveRight,
   moveUp,
-  name: name$1G,
-  render: render$v
+  name: name$1H,
+  render: render$w
 };
 
-const create$C = (id, uri, x, y, width, height) => {
+const create$D = (id, uri, x, y, width, height) => {
   return {
     content: 'abc',
     uri,
@@ -12466,7 +12475,7 @@ const create$C = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$w = async (state) => {
+const loadContent$x = async (state) => {
   const content = await readFile$e(state.uri);
   return {
     ...state,
@@ -12481,7 +12490,7 @@ const dispose$o = (state) => {
   }
 };
 
-const hasFunctionalRender$s = true;
+const hasFunctionalRender$t = true;
 
 const renderContent = {
   isEqual(oldState, newState) {
@@ -12492,21 +12501,21 @@ const renderContent = {
   },
 };
 
-const render$u = [renderContent];
+const render$v = [renderContent];
 
-const name$1F = 'EditorPlainText';
+const name$1G = 'EditorPlainText';
 
 const Commands$1B = {};
 
 const ViewletEditorPlainText_ipc = {
   __proto__: null,
   Commands: Commands$1B,
-  create: create$C,
+  create: create$D,
   dispose: dispose$o,
-  hasFunctionalRender: hasFunctionalRender$s,
-  loadContent: loadContent$w,
-  name: name$1F,
-  render: render$u
+  hasFunctionalRender: hasFunctionalRender$t,
+  loadContent: loadContent$x,
+  name: name$1G,
+  render: render$v
 };
 
 const CompositionUpdate = 'compositionUpdate';
@@ -13598,7 +13607,7 @@ const getVisible$3 = (editor) => {
 };
 
 // TODO
-const create$B = (id, uri, languageId, content) => {
+const create$C = (id, uri, languageId, content) => {
   const tokenizer = getTokenizer(languageId);
 
   // TODO flatten structure
@@ -14000,7 +14009,7 @@ const renderGutterInfo = {
   },
 };
 
-const render$t = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo];
+const render$u = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo];
 
 const setLanguageId = async (editor, languageId) => {
   const { uid } = editor;
@@ -14219,10 +14228,10 @@ const handleTokenizeChange = () => {
 };
 
 // TODO uri?
-const create$A = (id, uri, x, y, width, height) => {
+const create$B = (id, uri, x, y, width, height) => {
   const fileName = pathBaseName(uri);
   const languageId = getLanguageId$1(fileName);
-  const state = create$B(id, uri, languageId, '');
+  const state = create$C(id, uri, languageId, '');
   const newState = setBounds(state, x, y, width, height, COLUMN_WIDTH);
   return {
     ...newState,
@@ -14281,7 +14290,7 @@ const getLetterSpacing = () => {
   return get$7(kLetterSpacing) ?? 0.5
 };
 
-const loadContent$v = async (state, savedState, context) => {
+const loadContent$w = async (state, savedState, context) => {
   const { uri } = state;
   const rowHeight = get$7(kLineHeight) || 20;
   const fontSize = get$7(kFontSize) || 15; // TODO find out if it is possible to use all numeric values for settings for efficiency, maybe settings could be an array
@@ -14411,9 +14420,9 @@ const handleLanguagesChanged$1 = (state) => {
   return setLanguageId(state, newLanguageId)
 };
 
-const hasFunctionalResize$d = true;
+const hasFunctionalResize$e = true;
 
-const resize$j = (state, dimensions) => {
+const resize$k = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState
 };
@@ -14422,9 +14431,9 @@ const dispose$n = (state) => {
   removeConnectedEditor(state.id);
 };
 
-const hasFunctionalRender$r = true;
+const hasFunctionalRender$s = true;
 
-const render$s = render$t;
+const render$t = render$u;
 
 const focus$a = (state) => {
   return {
@@ -14547,39 +14556,39 @@ const CommandsWithSideEffectsLazy$1 = {
   handleTripleClick: () => Promise.resolve().then(function () { return EditorCommandHandleTripleClick; }),
 };
 
-const create$z = (key, value, unit = '') => {
+const create$A = (key, value, unit = '') => {
   return `--${key}: ${value}${unit};`
 };
 
-const Css$s = [];
+const Css$t = [];
 
 const getDynamicCss = (preferences) => {
   const styles = [];
   const fontSize = preferences['editor.fontSize'];
   if (fontSize) {
-    styles.push(create$z('EditorFontSize', fontSize, 'px'));
+    styles.push(create$A('EditorFontSize', fontSize, 'px'));
   }
   const fontFamily = preferences['editor.fontFamily'];
   if (fontFamily) {
-    styles.push(create$z('EditorFontFamily', fontFamily));
+    styles.push(create$A('EditorFontFamily', fontFamily));
   }
   const lineHeight = preferences['editor.lineHeight'];
   if (lineHeight) {
-    styles.push(create$z('EditorLineHeight', lineHeight, 'px'));
+    styles.push(create$A('EditorLineHeight', lineHeight, 'px'));
   }
   const letterSpacing = preferences['editor.letterSpacing'];
   if (typeof letterSpacing === 'number') {
     {
-      styles.push(create$z('EditorLetterSpacing', letterSpacing, 'px'));
+      styles.push(create$A('EditorLetterSpacing', letterSpacing, 'px'));
     }
   }
   const fontLigatures = preferences['editor.fontLigatures'];
   if (fontLigatures) {
-    styles.push(create$z('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
+    styles.push(create$A('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
   }
   const tabSize = preferences['editor.tabSize'];
   if (tabSize) {
-    styles.push(create$z('EditorTabSize', tabSize));
+    styles.push(create$A('EditorTabSize', tabSize));
   }
   const css = `:root {
 ${joinLines(styles)}
@@ -14811,7 +14820,7 @@ const getKeyBindings$7 = () => {
   ]
 };
 
-const name$1E = 'EditorText';
+const name$1F = 'EditorText';
 
 // prettier-ignore
 const Events$3 = {
@@ -14824,12 +14833,12 @@ const ViewletEditorText_ipc = {
   __proto__: null,
   Commands: Commands$1A,
   CommandsWithSideEffectsLazy: CommandsWithSideEffectsLazy$1,
-  Css: Css$s,
+  Css: Css$t,
   Events: Events$3,
   LazyCommands: LazyCommands$b,
   contentLoaded: contentLoaded$6,
   contentLoadedEffects: contentLoadedEffects$3,
-  create: create$A,
+  create: create$B,
   dispose: dispose$n,
   focus: focus$a,
   getDynamicCss,
@@ -14837,16 +14846,16 @@ const ViewletEditorText_ipc = {
   handleEditorChange: handleEditorChange$2,
   handleLanguagesChanged: handleLanguagesChanged$1,
   handleTokenizeChange,
-  hasFunctionalRender: hasFunctionalRender$r,
-  hasFunctionalResize: hasFunctionalResize$d,
-  loadContent: loadContent$v,
-  name: name$1E,
-  render: render$s,
-  resize: resize$j,
+  hasFunctionalRender: hasFunctionalRender$s,
+  hasFunctionalResize: hasFunctionalResize$e,
+  loadContent: loadContent$w,
+  name: name$1F,
+  render: render$t,
+  resize: resize$k,
   saveState: saveState$9
 };
 
-const create$y = (id, uri, x, y, width, height) => {
+const create$z = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -14902,15 +14911,15 @@ const renderBounds = {
   },
 };
 
-const render$r = [renderMessage$3, renderBounds];
+const render$s = [renderMessage$3, renderBounds];
 
-const Css$r = ["/css/parts/ViewletEditorWidgetError.css"];
+const Css$s = ["/css/parts/ViewletEditorWidgetError.css"];
 
 const ViewletEditorWidgetError_ipc = {
   __proto__: null,
-  Css: Css$r,
-  create: create$y,
-  render: render$r,
+  Css: Css$s,
+  create: create$z,
+  render: render$s,
   setError
 };
 
@@ -15194,7 +15203,7 @@ const getTopLevelDirents = (root, pathSeparator, excluded) => {
 
 // TODO instead of root string, there should be a root dirent
 
-const create$x = (id, uri, x, y, width, height) => {
+const create$y = (id, uri, x, y, width, height) => {
   number(id);
   return {
     uid: id,
@@ -15349,7 +15358,7 @@ const getSavedRoot = (savedState, workspacePath) => {
   return workspacePath
 };
 
-const loadContent$u = async (state, savedState) => {
+const loadContent$v = async (state, savedState) => {
   const root = getSavedRoot(savedState, state$D.workspacePath);
   // TODO path separator could be restored from saved state
   const pathSeparator = await getPathSeparator(root); // TODO only load path separator once
@@ -15396,7 +15405,7 @@ const handleLanguagesChanged = (state) => {
 const handleWorkspaceChange = async (state) => {
   const newRoot = state$D.workspacePath;
   const state1 = { ...state, root: newRoot };
-  const newState = await loadContent$u(state1);
+  const newState = await loadContent$v(state1);
   return newState
 };
 
@@ -15680,7 +15689,7 @@ const updateEditingValue$1 = (state, value) => {
   }
 };
 
-const handleFocus$6 = (state) => {
+const handleFocus$7 = (state) => {
   setFocus(Explorer$1);
   return state
 };
@@ -15979,9 +15988,9 @@ const handleCopy = async (state) => {
   await execute$5(/* ClipBoard.writeNativeFiles */ 243, /* type */ 'copy', /* files */ files);
 };
 
-const hasFunctionalResize$c = true;
+const hasFunctionalResize$d = true;
 
-const resize$i = (state, dimensions) => {
+const resize$j = (state, dimensions) => {
   const { minLineY, itemHeight } = state;
   const maxLineY = minLineY + Math.round(dimensions.height / itemHeight);
   return {
@@ -16340,7 +16349,7 @@ const Commands$1z = {
   scrollUp:                       scrollUp,
   setDeltaY:                      setDeltaY$4,
   updateEditingValue:             updateEditingValue$1,
-  handleFocus:                    handleFocus$6,
+  handleFocus:                    handleFocus$7,
 };
 
 // prettier-ignore
@@ -16363,7 +16372,7 @@ const LazyCommands$a = {
   handlePointerDown: () => Promise.resolve().then(function () { return ViewletExplorerHandlePointerDown; }),
 };
 
-const Css$q = [];
+const Css$r = [];
 
 const getKeyBindings$6 = () => {
   return [
@@ -16460,7 +16469,7 @@ const getKeyBindings$6 = () => {
   ]
 };
 
-const hasFunctionalRender$q = true;
+const hasFunctionalRender$r = true;
 
 const getVisible$2 = (state) => {
   return state.items.slice(state.minLineY, state.maxLineY)
@@ -16528,9 +16537,9 @@ const renderEditingIcon = {
   },
 };
 
-const render$q = [renderEditingIndex, renderItems$3, renderDropTargets, renderFocusedIndex$5, renderEditingIcon];
+const render$r = [renderEditingIndex, renderItems$3, renderDropTargets, renderFocusedIndex$5, renderEditingIcon];
 
-const name$1D = 'Explorer';
+const name$1E = 'Explorer';
 
 const Events$2 = {
   'languages.changed': handleLanguagesChanged,
@@ -16540,7 +16549,7 @@ const Events$2 = {
 const ViewletExplorer_ipc = {
   __proto__: null,
   Commands: Commands$1z,
-  Css: Css$q,
+  Css: Css$r,
   Events: Events$2,
   LazyCommands: LazyCommands$a,
   cancelEdit: cancelEdit$1,
@@ -16548,7 +16557,7 @@ const ViewletExplorer_ipc = {
   computeRenamedDirent: computeRenamedDirent$1,
   copyPath: copyPath$1,
   copyRelativePath,
-  create: create$x,
+  create: create$y,
   dispose: dispose$m,
   expandAll: expandAll$1,
   getActions: getActions$8,
@@ -16562,7 +16571,7 @@ const ViewletExplorer_ipc = {
   handleClickCurrent: handleClickCurrent$1,
   handleClickCurrentButKeepFocus: handleClickCurrentButKeepFocus$1,
   handleCopy,
-  handleFocus: handleFocus$6,
+  handleFocus: handleFocus$7,
   handleIconThemeChange: handleIconThemeChange$2,
   handleLanguagesChanged,
   handleMouseEnter: handleMouseEnter$1,
@@ -16570,17 +16579,17 @@ const ViewletExplorer_ipc = {
   handleUpload,
   handleWheel: handleWheel$2,
   handleWorkspaceChange,
-  hasFunctionalRender: hasFunctionalRender$q,
-  hasFunctionalResize: hasFunctionalResize$c,
-  loadContent: loadContent$u,
-  name: name$1D,
+  hasFunctionalRender: hasFunctionalRender$r,
+  hasFunctionalResize: hasFunctionalResize$d,
+  loadContent: loadContent$v,
+  name: name$1E,
   newFile: newFile$1,
   newFolder,
   openContainingFolder,
   removeDirent: removeDirent$1,
   renameDirent: renameDirent$1,
-  render: render$q,
-  resize: resize$i,
+  render: render$r,
+  resize: resize$j,
   revealItem,
   saveState: saveState$8,
   scrollDown,
@@ -16746,7 +16755,7 @@ const sanitizeHtml = (html) => {
   return invoke$2('SanitizeHtml.sanitizeHtml', html)
 };
 
-const create$w = (id, uri, x, y, width, height) => {
+const create$x = (id, uri, x, y, width, height) => {
   return {
     name: '',
     uri,
@@ -16777,7 +16786,7 @@ const getBaseUrl$1 = (extensionPath) => {
 
 // TODO when there are multiple extension with the same id,
 // probably need to pass extension location from extensions viewlet
-const loadContent$t = async (state) => {
+const loadContent$u = async (state) => {
   const { uri, width } = state;
   const id = uri.slice('extension-detail://'.length);
   const extension = await getExtension(id);
@@ -16813,9 +16822,9 @@ const handleIconError = (state) => {
   }
 };
 
-const hasFunctionalResize$b = true;
+const hasFunctionalResize$c = true;
 
-const resize$h = (state, dimensions) => {
+const resize$i = (state, dimensions) => {
   const size = getViewletSize(dimensions.width);
   return {
     ...state,
@@ -16834,7 +16843,7 @@ const LazyCommands$9 = {
   handleReadmeContextMenu: () => Promise.resolve().then(function () { return ViewletExtensionDetailHandleReadmeContextMenu; }),
 };
 
-const Css$p = ["/css/parts/ViewletExtensionDetail.css","/css/parts/Markdown.css"];
+const Css$q = ["/css/parts/ViewletExtensionDetail.css","/css/parts/Markdown.css"];
 
 const getExtensionDetailVirtualDom = (extensionDetail) => {
   const { name, iconSrc, description } = extensionDetail;
@@ -17322,7 +17331,7 @@ const getMarkdownVirtualDom = (html) => {
   return dom
 };
 
-const hasFunctionalRender$p = true;
+const hasFunctionalRender$q = true;
 
 const renderReadme = {
   isEqual(oldState, newState) {
@@ -17353,23 +17362,23 @@ const renderSize = {
   },
 };
 
-const render$p = [renderHeader, renderReadme, renderSize];
+const render$q = [renderHeader, renderReadme, renderSize];
 
-const name$1C = 'ExtensionDetail';
+const name$1D = 'ExtensionDetail';
 
 const ViewletExtensionDetail_ipc = {
   __proto__: null,
   Commands: Commands$1y,
-  Css: Css$p,
+  Css: Css$q,
   LazyCommands: LazyCommands$9,
-  create: create$w,
+  create: create$x,
   handleIconError,
-  hasFunctionalRender: hasFunctionalRender$p,
-  hasFunctionalResize: hasFunctionalResize$b,
-  loadContent: loadContent$t,
-  name: name$1C,
-  render: render$p,
-  resize: resize$h
+  hasFunctionalRender: hasFunctionalRender$q,
+  hasFunctionalResize: hasFunctionalResize$c,
+  loadContent: loadContent$u,
+  name: name$1D,
+  render: render$q,
+  resize: resize$i
 };
 
 const ExtensionListItemHeight = 72;
@@ -17559,7 +17568,7 @@ const saveState$7 = (state) => {
   }
 };
 
-const create$v = (id, uri, x, y, width, height) => {
+const create$w = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     searchValue: '',
@@ -17573,7 +17582,7 @@ const create$v = (id, uri, x, y, width, height) => {
     message: '',
     focused: false,
     size: None$8,
-    ...create$J({
+    ...create$K({
       itemHeight: ExtensionListItemHeight,
       minimumSliderSize: MinimumSliderSize,
       headerHeight: 35,
@@ -17589,7 +17598,7 @@ const getSavedValue$2 = (savedState) => {
   return ''
 };
 
-const loadContent$s = async (state, savedState) => {
+const loadContent$t = async (state, savedState) => {
   const { width } = state;
   const searchValue = getSavedValue$2(savedState);
   // TODO just get local extensions on demand (not when query string is already different)
@@ -17795,7 +17804,7 @@ const LazyCommands$8 = {
   ...LazyCommands$e
 };
 
-const Css$o = ["/css/parts/ViewletExtensions.css","/css/parts/ViewletList.css"];
+const Css$p = ["/css/parts/ViewletExtensions.css","/css/parts/ViewletList.css"];
 
 const getVisibleItem = (item, setSize, itemHeight, minLineY, relative, i, focusedIndex) => {
   return {
@@ -17926,7 +17935,7 @@ const getExtensionsVirtualDom = (visibleExtensions) => {
   return dom
 };
 
-const hasFunctionalRender$o = true;
+const hasFunctionalRender$p = true;
 
 const renderExtensions = {
   isEqual(oldState, newState) {
@@ -17989,11 +17998,11 @@ const renderSearchValue = {
   },
 };
 
-const render$o = [renderScrollBar$2, renderMessage$2, renderExtensions, renderSearchValue];
+const render$p = [renderScrollBar$2, renderMessage$2, renderExtensions, renderSearchValue];
 
-const hasFunctionalResize$a = true;
+const hasFunctionalResize$b = true;
 
-const resize$g = (state, dimensions) => {
+const resize$h = (state, dimensions) => {
   const { itemHeight, minLineY, items } = state;
   // TODO should just return new state, render function can take old state and new state and return render commands
   const listHeight = getListHeight({ ...state, ...dimensions });
@@ -18057,15 +18066,15 @@ const getKeyBindings$5 = () => {
   ]
 };
 
-const name$1B = 'Extensions';
+const name$1C = 'Extensions';
 
 const ViewletExtensions_ipc = {
   __proto__: null,
   Commands: Commands$1x,
-  Css: Css$o,
+  Css: Css$p,
   LazyCommands: LazyCommands$8,
   closeSuggest,
-  create: create$v,
+  create: create$w,
   dispose: dispose$l,
   getActions: getActions$7,
   getKeyBindings: getKeyBindings$5,
@@ -18074,13 +18083,13 @@ const ViewletExtensions_ipc = {
   handleEnable,
   handleInstall,
   handleUninstall,
-  hasFunctionalRender: hasFunctionalRender$o,
-  hasFunctionalResize: hasFunctionalResize$a,
-  loadContent: loadContent$s,
-  name: name$1B,
+  hasFunctionalRender: hasFunctionalRender$p,
+  hasFunctionalResize: hasFunctionalResize$b,
+  loadContent: loadContent$t,
+  name: name$1C,
   openSuggest,
-  render: render$o,
-  resize: resize$g,
+  render: render$p,
+  resize: resize$h,
   saveState: saveState$7,
   toggleSuggest
 };
@@ -18125,7 +18134,7 @@ const getMatchCount = (matches) => {
   return matches.length / 2
 };
 
-const create$u = (uid) => {
+const create$v = (uid) => {
   return {
     value: '',
     ariaAnnouncement: '',
@@ -18160,7 +18169,7 @@ const getPosition$3 = () => {
   }
 };
 
-const loadContent$r = (state) => {
+const loadContent$s = (state) => {
   const editor = getState$1(EditorText$1);
   if (!editor) {
     return state
@@ -18198,7 +18207,7 @@ const handleInput$6 = (state, value) => {
   }
 };
 
-const handleFocus$5 = (state) => {
+const handleFocus$6 = (state) => {
   setFocus(FindWidget);
   return state
 };
@@ -18266,12 +18275,12 @@ const Commands$1w = {
   focusNext: focusNext$e,
   focusPrevious: focusPrevious$c,
   handleInput: handleInput$6,
-  handleFocus: handleFocus$5,
+  handleFocus: handleFocus$6,
   handleBlur: handleBlur$4,
   close: close$6,
 };
 
-const Css$n = ["/css/parts/ViewletFindWidget.css"];
+const Css$o = ["/css/parts/ViewletFindWidget.css"];
 
 const getIconButtonVirtualDom = (iconButton) => {
   const { label, icon, disabled } = iconButton;
@@ -18355,7 +18364,7 @@ const close$5 = () => {
   return i18nString(UiStrings$Q.Close)
 };
 
-const hasFunctionalRender$n = true;
+const hasFunctionalRender$o = true;
 
 const renderValue$4 = {
   isEqual(oldState, newState) {
@@ -18422,16 +18431,16 @@ const renderAriaAnnouncement = {
   },
 };
 
-const render$n = [renderValue$4, renderAriaAnnouncement, renderDetails];
+const render$o = [renderValue$4, renderAriaAnnouncement, renderDetails];
 
-const name$1A = 'FindWidget';
+const name$1B = 'FindWidget';
 
 const ViewletFindWidget_ipc = {
   __proto__: null,
   Commands: Commands$1w,
-  Css: Css$n,
+  Css: Css$o,
   close: close$6,
-  create: create$u,
+  create: create$v,
   focusFirst: focusFirst$c,
   focusIndex: focusIndex$c,
   focusLast: focusLast$c,
@@ -18439,12 +18448,12 @@ const ViewletFindWidget_ipc = {
   focusPrevious: focusPrevious$c,
   getPosition: getPosition$3,
   handleBlur: handleBlur$4,
-  handleFocus: handleFocus$5,
+  handleFocus: handleFocus$6,
   handleInput: handleInput$6,
-  hasFunctionalRender: hasFunctionalRender$n,
-  loadContent: loadContent$r,
-  name: name$1A,
-  render: render$n
+  hasFunctionalRender: hasFunctionalRender$o,
+  loadContent: loadContent$s,
+  name: name$1B,
+  render: render$o
 };
 
 const combineResults$8 = (results) => {
@@ -18624,7 +18633,7 @@ const previousNoCycle = (items, index) => {
   return index === 0 ? 0 : index - 1
 };
 
-const create$t = (id, uri) => {
+const create$u = (id, uri) => {
   return {
     references: [],
     message: '',
@@ -18636,7 +18645,7 @@ const create$t = (id, uri) => {
 
 // TODO speed up this function by 130% by not running activation event (onReferences) again and again
 // e.g. (21ms activation event, 11ms getReferences) => (11ms getReferences)
-const loadContent$q = async (state, getReferences) => {
+const loadContent$r = async (state, getReferences) => {
   const references = await getReferences();
   const displayReferences = getDisplayReferences(references);
   const fileCount = getFileCount(references);
@@ -18745,14 +18754,14 @@ const selectCurrent$3 = (state) => {
 
 const ViewletLocations = {
   __proto__: null,
-  create: create$t,
+  create: create$u,
   dispose: dispose$k,
   focusFirst: focusFirst$b,
   focusIndex: focusIndex$b,
   focusLast: focusLast$b,
   focusNext: focusNext$d,
   focusPrevious: focusPrevious$b,
-  loadContent: loadContent$q,
+  loadContent: loadContent$r,
   selectCurrent: selectCurrent$3,
   selectIndex: selectIndex$5
 };
@@ -18764,10 +18773,10 @@ const getImplementations = () => {
   return getImplementations$1(editor)
 };
 
-const create$s = create$t;
+const create$t = create$u;
 
-const loadContent$p = async (state) => {
-  return loadContent$q(state, getImplementations)
+const loadContent$q = async (state) => {
+  return loadContent$r(state, getImplementations)
 };
 
 const contentLoaded$5 = (state) => {
@@ -18845,7 +18854,7 @@ const getLocationsVirtualDom = (locations, message) => {
   return dom
 };
 
-const hasFunctionalRender$m = true;
+const hasFunctionalRender$n = true;
 
 const renderLocations = {
   isEqual(oldState, newState) {
@@ -18866,9 +18875,9 @@ const renderFocusedIndex$4 = {
   },
 };
 
-const render$m = [renderLocations, renderFocusedIndex$4];
+const render$n = [renderLocations, renderFocusedIndex$4];
 
-const name$1z = 'Implementations';
+const name$1A = 'Implementations';
 
 const Commands$1v = {};
 
@@ -18876,12 +18885,12 @@ const ViewletImplementations_ipc = {
   __proto__: null,
   Commands: Commands$1v,
   contentLoaded: contentLoaded$5,
-  create: create$s,
+  create: create$t,
   dispose: dispose$j,
-  hasFunctionalRender: hasFunctionalRender$m,
-  loadContent: loadContent$p,
-  name: name$1z,
-  render: render$m
+  hasFunctionalRender: hasFunctionalRender$n,
+  loadContent: loadContent$q,
+  name: name$1A,
+  render: render$n
 };
 
 const withEmptyMatch = (keyBinding) => {
@@ -19478,14 +19487,14 @@ const renderScrollBar$1 = {
   },
 };
 
-const render$l = [renderKeyBindings, renderValue$3, renderNoResults, renderScrollBar$1, renderColumnWidths];
+const render$m = [renderKeyBindings, renderValue$3, renderNoResults, renderScrollBar$1, renderColumnWidths];
 
 // Based on VS Code's KeyBindings Editor (License MIT):
 // see https://github.com/microsoft/vscode/blob/6a5e3aad96929a7d35e09ed8d22e87a72bd16ff6/src/vs/workbench/services/preferences/browser/keybindingsEditorModel.ts
 // see https://github.com/microsoft/vscode/blob/6a5e3aad96929a7d35e09ed8d22e87a72bd16ff6/src/vs/workbench/contrib/preferences/browser/keybindingsEditor.ts
 
 
-const create$r = (id, uri, x, y, width, height) => {
+const create$s = (id, uri, x, y, width, height) => {
   return {
     parsedKeyBindings: [],
     filteredKeyBindings: [],
@@ -19530,7 +19539,7 @@ const getMaxVisibleItems = (height, searchHeaderHeight, tableHeaderHeight, rowHe
   return Math.floor((height - searchHeaderHeight - tableHeaderHeight) / rowHeight)
 };
 
-const loadContent$o = async (state, savedState) => {
+const loadContent$p = async (state, savedState) => {
   const { height, rowHeight, width, contentPadding } = state;
   number(width);
   const keyBindings = await getKeyBindings$4();
@@ -19671,11 +19680,11 @@ const handleResizerMove = (state, eventX) => {
   }
 };
 
-const hasFunctionalRender$l = true;
+const hasFunctionalRender$m = true;
 
-const hasFunctionalResize$9 = true;
+const hasFunctionalResize$a = true;
 
-const resize$f = (state, dimensions) => {
+const resize$g = (state, dimensions) => {
   const { contentPadding } = state;
   const { width } = dimensions;
   const contentWidth = width - contentPadding;
@@ -19702,15 +19711,15 @@ const Commands$1u = {
   handleDefineKeyBindingDisposed: handleDefineKeyBindingDisposed,
 };
 
-const Css$m = ["/css/parts/ViewletKeyBindings.css"];
+const Css$n = ["/css/parts/ViewletKeyBindings.css"];
 
-const name$1y = 'KeyBindings';
+const name$1z = 'KeyBindings';
 
 const ViewletKeyBindings_ipc = {
   __proto__: null,
   Commands: Commands$1u,
-  Css: Css$m,
-  create: create$r,
+  Css: Css$n,
+  create: create$s,
   handleClick: handleClick$c,
   handleDefineKeyBindingDisposed,
   handleDoubleClick: handleDoubleClick$1,
@@ -19718,12 +19727,12 @@ const ViewletKeyBindings_ipc = {
   handleResizerClick,
   handleResizerMove,
   handleWheel: handleWheel$1,
-  hasFunctionalRender: hasFunctionalRender$l,
-  hasFunctionalResize: hasFunctionalResize$9,
-  loadContent: loadContent$o,
-  name: name$1y,
-  render: render$l,
-  resize: resize$f,
+  hasFunctionalRender: hasFunctionalRender$m,
+  hasFunctionalResize: hasFunctionalResize$a,
+  loadContent: loadContent$p,
+  name: name$1z,
+  render: render$m,
+  resize: resize$g,
   saveState: saveState$6,
   setDeltaY: setDeltaY$3
 };
@@ -19996,7 +20005,7 @@ const getPoints = (source, destination, sideBarLocation = Right$1) => {
   }
 };
 
-const create$q = (id) => {
+const create$r = (id) => {
   number(id);
   return {
     points: new Uint16Array(kTotal),
@@ -20038,7 +20047,7 @@ const getSavedPoints = (savedState) => {
 const isNativeTitleBarStyle = () => {
   return platform === Electron$1 && get$7('window.titleBarStyle') === 'native'
 };
-const loadContent$n = (state, savedState) => {
+const loadContent$o = (state, savedState) => {
   const { Layout } = savedState;
   const { bounds } = Layout;
   const { windowWidth, windowHeight } = bounds;
@@ -20086,7 +20095,7 @@ const show$8 = async (state, module, currentViewletId) => {
   const width = newPoints[kWidth];
   const height = newPoints[kHeight];
   const uid = state.uid;
-  const childUid = create$13();
+  const childUid = create$14();
   const commands = await load$8(
     {
       getModule: load$6,
@@ -20261,7 +20270,7 @@ const loadIfVisible = async (state, module) => {
     let commands = [];
     const parentUid = state.uid;
     if (visible) {
-      const childUid = create$13();
+      const childUid = create$14();
       commands = await load$8(
         {
           getModule: load$6,
@@ -20411,7 +20420,7 @@ const getResizeCommands = (oldPoints, newPoints) => {
       number(newLeft);
       number(newWidth);
       number(newHeight);
-      const resizeCommands = resize$l(instanceUid, {
+      const resizeCommands = resize$m(instanceUid, {
         x: newLeft,
         y: newTop,
         width: newWidth,
@@ -20439,7 +20448,7 @@ const showAsync = async (uid, points, module) => {
   try {
     number(uid);
     const { moduleId, kTop, kLeft, kWidth, kHeight } = module;
-    const viewletUid = create$13();
+    const viewletUid = create$14();
     const commands = await load$8(
       {
         getModule: load$6,
@@ -20546,7 +20555,7 @@ const handleFocusChange$2 = (state, isFocused) => {
   }
 };
 
-const handleFocus$4 = (state) => {
+const handleFocus$5 = (state) => {
   return handleFocusChange$2(state, true)
 };
 
@@ -20660,7 +20669,7 @@ const getInitialPlaceholderCommands = (state) => {
   return commands
 };
 
-const hasFunctionalRender$k = true;
+const hasFunctionalRender$l = true;
 
 const renderSashes = {
   isEqual(oldState, newState) {
@@ -20696,7 +20705,7 @@ const renderSashes = {
   },
 };
 
-const render$k = [renderSashes];
+const render$l = [renderSashes];
 
 // prettier-ignore
 const Commands$1t = {
@@ -20735,7 +20744,7 @@ const CommandsWithSideEffects$1 = {
   moveSideBarRight: moveSideBarRight,
   toggleSideBarPosition: toggleSideBarPosition,
   handleBlur: handleBlur$3,
-  handleFocus: handleFocus$4,
+  handleFocus: handleFocus$5,
 };
 
 const getKeyBindings$3 = () => {
@@ -20992,23 +21001,23 @@ const getKeyBindings$3 = () => {
   ]
 };
 
-const name$1x = 'Layout';
+const name$1y = 'Layout';
 
 const ViewletLayout_ipc = {
   __proto__: null,
   Commands: Commands$1t,
   CommandsWithSideEffects: CommandsWithSideEffects$1,
-  create: create$q,
+  create: create$r,
   getInitialPlaceholderCommands,
   getKeyBindings: getKeyBindings$3,
   getPoints,
   handleBlur: handleBlur$3,
-  handleFocus: handleFocus$4,
+  handleFocus: handleFocus$5,
   handleResize,
   handleSashDoubleClick,
   handleSashPointerDown,
   handleSashPointerMove,
-  hasFunctionalRender: hasFunctionalRender$k,
+  hasFunctionalRender: hasFunctionalRender$l,
   hideActivityBar,
   hideMain,
   hidePanel: hidePanel$1,
@@ -21017,7 +21026,7 @@ const ViewletLayout_ipc = {
   hideTitleBar,
   isSideBarVisible,
   loadActivityBarIfVisible,
-  loadContent: loadContent$n,
+  loadContent: loadContent$o,
   loadMainIfVisible,
   loadPanelIfVisible,
   loadSideBarIfVisible,
@@ -21026,8 +21035,8 @@ const ViewletLayout_ipc = {
   moveSideBar,
   moveSideBarLeft,
   moveSideBarRight,
-  name: name$1x,
-  render: render$k,
+  name: name$1y,
+  render: render$l,
   saveState: saveState$5,
   showActivityBar,
   showMain,
@@ -21430,8 +21439,8 @@ const focusIndex$a = async (state, index) => {
   const oldId = getModuleId(oldEditor.uri);
   getInstance(oldId);
 
-  const instanceUid = create$13();
-  const instance = create$Z(load$6, id, uid, editor.uri, x, y, width, contentHeight);
+  const instanceUid = create$14();
+  const instance = create$_(load$6, id, uid, editor.uri, x, y, width, contentHeight);
   instance.show = false;
   instance.setBounds = false;
   instance.uid = instanceUid;
@@ -21553,11 +21562,11 @@ const openUri$1 = async (state, uri, focus = true, { preview = false, ...context
   let activeGroup = groups[activeGroupIndex];
   if (!activeGroup) {
     activeGroup = {
-      uid: create$13(),
+      uid: create$14(),
       editors: [],
       activeIndex: -1,
       focusedIndex: -1,
-      tabsUid: create$13(),
+      tabsUid: create$14(),
       x,
       y: 0,
       width,
@@ -21586,8 +21595,8 @@ const openUri$1 = async (state, uri, focus = true, { preview = false, ...context
     const previousUid = previousEditor.uid;
     disposeCommands = disposeFunctional(previousUid);
   }
-  const instanceUid = create$13();
-  const instance = create$Z(load$6, moduleId, state.uid, uri, x, y, width, contentHeight);
+  const instanceUid = create$14();
+  const instance = create$_(load$6, moduleId, state.uid, uri, x, y, width, contentHeight);
   instance.uid = instanceUid;
   // const oldActiveIndex = state.activeIndex
   const tabLabel = getLabel$5(uri);
@@ -21624,7 +21633,7 @@ const openUri$1 = async (state, uri, focus = true, { preview = false, ...context
   commands.push(['Viewlet.setBounds', instanceUid, x, state.tabHeight, width, contentHeight]);
   let tabsUid = state.tabsUid;
   if (tabsUid === -1) {
-    tabsUid = create$13();
+    tabsUid = create$14();
   }
   if (disposeCommands) {
     commands.push(...disposeCommands);
@@ -21707,13 +21716,13 @@ const getMainGroups = (savedState, state) => {
     }
     const restoredEditors = group.editors.filter(canBeRestored);
     for (const editor of restoredEditors) {
-      editor.uid = create$13();
+      editor.uid = create$14();
       const label = editor.label;
       editor.tabWidth = measureTabWidth(label, tabFontWeight, tabFontSize, tabFontFamily, tabLetterSpacing);
     }
     const restoredGroup = {
       ...group,
-      tabsUid: create$13(),
+      tabsUid: create$14(),
     };
     restoredGroups.push(restoredGroup);
   }
@@ -21726,7 +21735,7 @@ const hydrateLazy = async () => {
   await execute$5(/* EditorDiagnostics.hydrate */ 'EditorDiagnostics.hydrate');
 };
 
-const create$p = (id, uri, x, y, width, height) => {
+const create$q = (id, uri, x, y, width, height) => {
   return {
     groups: [],
     activeGroupIndex: -1,
@@ -21775,7 +21784,7 @@ const getRestoredGroups = (savedState, state) => {
           height,
           editors: [],
           tabsUid: 0,
-          uid: create$13(),
+          uid: create$14(),
         },
       ],
       activeGroupIndex: 0,
@@ -21792,7 +21801,7 @@ const getRestoredGroups = (savedState, state) => {
           height,
           editors: [],
           tabsUid: 0,
-          uid: create$13(),
+          uid: create$14(),
         },
       ],
       activeGroupIndex: 0,
@@ -21809,7 +21818,7 @@ const getRestoredGroups = (savedState, state) => {
           height,
           editors: [],
           tabsUid: 0,
-          uid: create$13(),
+          uid: create$14(),
         },
       ],
       activeGroupIndex: 0,
@@ -21823,7 +21832,7 @@ const getRestoredGroups = (savedState, state) => {
     y: 0,
     width,
     height,
-    uid: create$13(),
+    uid: create$14(),
   };
   return {
     groups: [newGroup],
@@ -21921,7 +21930,7 @@ const handleTitleUpdated$1 = async (uid, title) => {
   await setState(state.uid, newState);
 };
 
-const loadContent$m = async (state, savedState) => {
+const loadContent$n = async (state, savedState) => {
   // TODO get restored editors from saved state
   const { activeGroupIndex, groups } = getRestoredGroups(savedState, state);
   // @ts-ignore
@@ -21971,7 +21980,7 @@ const contentLoaded$4 = async (state) => {
     editor.title = tabTitle;
     const childUid = editor.uid;
     commands.push(['Viewlet.setBounds', childUid, x, state.tabHeight, width, contentHeight]);
-    const tabsUid = create$13();
+    const tabsUid = create$14();
     state.tabsUid = tabsUid;
     // commands.push(['Viewlet.create', ViewletModuleId.MainTabs, tabsUid])
     // commands.push(['Viewlet.send', tabsUid, 'setTabs', state.editors])
@@ -22260,7 +22269,7 @@ const LazyCommands$7 = {
   handleTabsPointerOut: () => Promise.resolve().then(function () { return ViewletMainHandleTabsPointerOut; }),
 };
 
-const Css$l = [];
+const Css$m = [];
 
 const Variables$5 = ['MainBackground'];
 
@@ -22402,7 +22411,7 @@ const getTabsDom = (tabs, width, activeIndex, deltaX) => {
   return tabsDom
 };
 
-const hasFunctionalRender$j = true;
+const hasFunctionalRender$k = true;
 
 const renderDragOverlay = {
   isEqual(oldState, newState) {
@@ -22500,9 +22509,9 @@ const renderTabsActiveIndex = {
   multiple: true,
 };
 
-const render$j = [renderDragOverlay, renderGroupTabs, renderTabsActiveIndex];
+const render$k = [renderDragOverlay, renderGroupTabs, renderTabsActiveIndex];
 
-const resize$e = (state, dimensions) => {
+const resize$f = (state, dimensions) => {
   const { groups, tabHeight } = state;
   const x = dimensions.x;
   const contentY = dimensions.y + tabHeight;
@@ -22521,7 +22530,7 @@ const resize$e = (state, dimensions) => {
     if (editor) {
       const editorUid = editor.uid;
       number(editorUid);
-      const resizeCommands = resize$l(editorUid, childDimensions);
+      const resizeCommands = resize$m(editorUid, childDimensions);
       commands.push(...resizeCommands);
       commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
     }
@@ -22538,18 +22547,18 @@ const resize$e = (state, dimensions) => {
   }
 };
 
-const name$1w = 'Main';
+const name$1x = 'Main';
 
 const ViewletMain_ipc = {
   __proto__: null,
   Commands: Commands$1s,
   CommandsWithSideEffects,
   CommandsWithSideEffectsLazy,
-  Css: Css$l,
+  Css: Css$m,
   LazyCommands: LazyCommands$7,
   Variables: Variables$5,
   contentLoaded: contentLoaded$4,
-  create: create$p,
+  create: create$q,
   dispose: dispose$i,
   focus: focus$8,
   getChildren: getChildren$4,
@@ -22561,25 +22570,25 @@ const ViewletMain_ipc = {
   handleDrop: handleDrop$3,
   handleFocusChange: handleFocusChange$1,
   handleTabContextMenu,
-  hasFunctionalRender: hasFunctionalRender$j,
-  loadContent: loadContent$m,
-  name: name$1w,
+  hasFunctionalRender: hasFunctionalRender$k,
+  loadContent: loadContent$n,
+  name: name$1x,
   openBackgroundTab: openBackgroundTab$1,
   openEditorWithType,
-  render: render$j,
-  resize: resize$e,
+  render: render$k,
+  resize: resize$f,
   save: save$1,
   saveState: saveState$4,
   saveWithoutFormatting
 };
 
-const create$o = (id) => {
+const create$p = (id) => {
   return {
     disposed: false,
   }
 };
 
-const loadContent$l = async (state) => {
+const loadContent$m = async (state) => {
   console.log('noop');
   return state
 };
@@ -22596,9 +22605,9 @@ const Commands$1r = {};
 const ViewletNoop_ipc = {
   __proto__: null,
   Commands: Commands$1r,
-  create: create$o,
+  create: create$p,
   dispose: dispose$h,
-  loadContent: loadContent$l
+  loadContent: loadContent$m
 };
 
 const open$a = async (id, file) => {
@@ -22692,7 +22701,7 @@ const getOptions = async () => {
   return options
 };
 
-const create$n = (uid) => {
+const create$o = (uid) => {
   return {
     uid,
     selectedIndex: -1,
@@ -22703,7 +22712,7 @@ const create$n = (uid) => {
   }
 };
 
-const loadContent$k = async (state) => {
+const loadContent$l = async (state) => {
   const options = await getOptions();
   const selectedIndex = 0;
   // TODO duplicate send here
@@ -22822,7 +22831,7 @@ const Commands$1q = {
   handleError: handleError$1,
 };
 
-const Css$k = ["/css/parts/ViewletOutput.css"];
+const Css$l = ["/css/parts/ViewletOutput.css"];
 
 const renderText = {
   isEqual(oldState, newState) {
@@ -22833,28 +22842,28 @@ const renderText = {
   },
 };
 
-const hasFunctionalRender$i = true;
+const hasFunctionalRender$j = true;
 
-const render$i = [renderText];
+const render$j = [renderText];
 
-const name$1v = 'Output';
+const name$1w = 'Output';
 
 const ViewletOutput_ipc = {
   __proto__: null,
   Commands: Commands$1q,
-  Css: Css$k,
+  Css: Css$l,
   closeFindWidget,
   contentLoaded: contentLoaded$3,
-  create: create$n,
+  create: create$o,
   dispose: dispose$g,
   getActions: getActions$6,
   handleData: handleData$2,
   handleError: handleError$1,
-  hasFunctionalRender: hasFunctionalRender$i,
-  loadContent: loadContent$k,
-  name: name$1v,
+  hasFunctionalRender: hasFunctionalRender$j,
+  loadContent: loadContent$l,
+  name: name$1w,
   openFindWidget: openFindWidget$1,
-  render: render$i,
+  render: render$j,
   setOutputChannel
 };
 
@@ -22890,7 +22899,7 @@ const handleClickAction = async (state, index) => {
   return state
 };
 
-const create$m = (id, uri, x, y, width, height) => {
+const create$n = (id, uri, x, y, width, height) => {
   return {
     currentViewletId: '',
     currentViewlet: undefined,
@@ -22928,7 +22937,7 @@ const getSelectedIndex = (views, savedViewletId) => {
   return index
 };
 
-const loadContent$j = (state, savedState) => {
+const loadContent$k = (state, savedState) => {
   const savedViewletId = getSavedViewletId$1(savedState);
   const views = getPanelViews();
   const selectedIndex = getSelectedIndex(views, savedViewletId);
@@ -23035,7 +23044,7 @@ const Commands$1p = {
   handleClickAction: handleClickAction,
 };
 
-const Css$j = ["/css/parts/ViewletPanel.css","/css/parts/ViewletPanelTabs.css"];
+const Css$k = ["/css/parts/ViewletPanel.css","/css/parts/ViewletPanelTabs.css"];
 
 const Variables$4 = ['PanelBackground'];
 
@@ -23068,7 +23077,7 @@ const getPanelTabsVirtualDom = (tabs, selectedIndex) => {
   return dom
 };
 
-const hasFunctionalRender$h = true;
+const hasFunctionalRender$i = true;
 
 const renderTabs$1 = {
   isEqual(oldState, newState) {
@@ -23080,9 +23089,9 @@ const renderTabs$1 = {
   },
 };
 
-const render$h = [renderTabs$1];
+const render$i = [renderTabs$1];
 
-const resize$d = (state, dimensions) => {
+const resize$e = (state, dimensions) => {
   const currentViewletInstance = getInstance(state.currentViewletId);
   const newState = {
     ...state,
@@ -23095,32 +23104,32 @@ const resize$d = (state, dimensions) => {
     }
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = resize$l(currentViewletUid, dimensions);
+  const commands = resize$m(currentViewletUid, dimensions);
   return {
     newState,
     commands,
   }
 };
 
-const name$1u = 'Panel';
+const name$1v = 'Panel';
 
 const ViewletPanel_ipc = {
   __proto__: null,
   Commands: Commands$1p,
-  Css: Css$j,
+  Css: Css$k,
   Variables: Variables$4,
   contentLoaded: contentLoaded$2,
-  create: create$m,
+  create: create$n,
   dispose: dispose$f,
   getChildren: getChildren$3,
   handleClickAction,
-  hasFunctionalRender: hasFunctionalRender$h,
+  hasFunctionalRender: hasFunctionalRender$i,
   hidePanel,
-  loadContent: loadContent$j,
-  name: name$1u,
+  loadContent: loadContent$k,
+  name: name$1v,
   openViewlet: openViewlet$1,
-  render: render$h,
-  resize: resize$d,
+  render: render$i,
+  resize: resize$e,
   saveState: saveState$3,
   selectIndex: selectIndex$4
 };
@@ -23193,7 +23202,7 @@ const atLineColumn = (line, column) => {
   })
 };
 
-const create$l = (id, uri, x, y, width, height) => {
+const create$m = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     problems: [],
@@ -23208,7 +23217,7 @@ const create$l = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$i = async (state) => {
+const loadContent$j = async (state) => {
   const problems = await getProblems();
   console.log({ problems });
   const message = getMessage(problems.length);
@@ -23300,7 +23309,7 @@ const Commands$1o = {
   setProblems: setProblems,
 };
 
-const Css$i = ["/css/parts/ViewletProblems.css"];
+const Css$j = ["/css/parts/ViewletProblems.css"];
 
 const getProblemVirtualDom = (problem) => {
   const { message, rowIndex, columnIndex, isActive } = problem;
@@ -23364,7 +23373,7 @@ const getVisibleProblems = (problems, focusedIndex) => {
   return visibleItems
 };
 
-const hasFunctionalRender$g = true;
+const hasFunctionalRender$h = true;
 
 const renderProblems = {
   isEqual(oldState, newState) {
@@ -23386,25 +23395,25 @@ const renderFocusedIndex$3 = {
   },
 };
 
-const render$g = [renderProblems, renderFocusedIndex$3];
+const render$h = [renderProblems, renderFocusedIndex$3];
 
-const name$1t = 'Problems';
+const name$1u = 'Problems';
 
 const ViewletProblems_ipc = {
   __proto__: null,
   Commands: Commands$1o,
-  Css: Css$i,
+  Css: Css$j,
   contentLoadedEffects: contentLoadedEffects$2,
-  create: create$l,
+  create: create$m,
   dispose: dispose$e,
   focusIndex: focusIndex$9,
   getActions: getActions$4,
   handleClickAt: handleClickAt$2,
   handleContextMenu: handleContextMenu$9,
-  hasFunctionalRender: hasFunctionalRender$g,
-  loadContent: loadContent$i,
-  name: name$1t,
-  render: render$g
+  hasFunctionalRender: hasFunctionalRender$h,
+  loadContent: loadContent$j,
+  name: name$1u,
+  render: render$h
 };
 
 const CommandPalette = 'quickPick://commandPalette';
@@ -23463,7 +23472,7 @@ const UiStrings$L = {
   NoResults: 'No Results',
 };
 
-const name$1s = 'noop';
+const name$1t = 'noop';
 
 const getPlaceholder$a = () => {
   return ''
@@ -23504,7 +23513,7 @@ const QuickPickNoop = {
   getPickFilterValue: getPickFilterValue$5,
   getPicks: getPicks$a,
   getPlaceholder: getPlaceholder$a,
-  name: name$1s,
+  name: name$1t,
   selectPick: selectPick$a
 };
 
@@ -23531,7 +23540,7 @@ const state$j = {
 /**
  * @type {string}
  */
-const name$1r = 'everything';
+const name$1s = 'everything';
 
 const getPlaceholder$9 = () => {
   return state$j.provider.getPlaceholder()
@@ -23655,7 +23664,7 @@ const QuickPickEveryThing = {
   getPickLabel: getPickLabel$4,
   getPicks: getPicks$9,
   getPlaceholder: getPlaceholder$9,
-  name: name$1r,
+  name: name$1s,
   openCommandPalette,
   openView,
   selectPick: selectPick$9,
@@ -23736,7 +23745,7 @@ const QuickPickState = {
   Finished: 2,
 };
 
-const create$k = (id, uri, x, y, width, height) => {
+const create$l = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     state: QuickPickState.Default,
@@ -23753,7 +23762,7 @@ const create$k = (id, uri, x, y, width, height) => {
     height: 300,
     top: 50,
     width: 600,
-    ...create$J({
+    ...create$K({
       itemHeight: ListItem$1,
       headerHeight: 30,
       minimumSliderSize: MinimumSliderSize,
@@ -23773,7 +23782,7 @@ const getDefaultValue = (uri) => {
   }
 };
 
-const loadContent$h = async (state) => {
+const loadContent$i = async (state) => {
   const uri = state.uri;
   const value = getDefaultValue(uri);
   const provider = await load$2(uri);
@@ -23916,7 +23925,7 @@ const LazyCommands$6 = {
   handleBeforeInput: () => Promise.resolve().then(function () { return ViewletQuickPickHandleBeforeInput; }),
 };
 
-const Css$h = ["/css/parts/Progress.css"];
+const Css$i = ["/css/parts/Progress.css"];
 
 const Variables$3 = ['QuickPickBackground', 'ListForeground', 'ListHoverBackground', 'ListHoverForeground', 'ListActiveSelectionBackground'];
 
@@ -24077,7 +24086,7 @@ const getVisible = (provider, items, minLineY, maxLineY, focusedIndex) => {
   return visibleItems
 };
 
-const hasFunctionalRender$f = true;
+const hasFunctionalRender$g = true;
 
 const renderValue$2 = {
   isEqual(oldState, newState) {
@@ -24147,26 +24156,26 @@ const renderHeight = {
   },
 };
 
-const render$f = [renderItems$2, renderValue$2, renderCursorOffset, renderFocusedIndex$2, renderHeight];
+const render$g = [renderItems$2, renderValue$2, renderCursorOffset, renderFocusedIndex$2, renderHeight];
 
-const name$1q = 'QuickPick';
+const name$1r = 'QuickPick';
 
 const ViewletQuickPick_ipc = {
   __proto__: null,
   Commands: Commands$1n,
-  Css: Css$h,
+  Css: Css$i,
   LazyCommands: LazyCommands$6,
   Variables: Variables$3,
-  create: create$k,
+  create: create$l,
   dispose: dispose$d,
   getKeyBindings: getKeyBindings$1,
   handleBlur: handleBlur$2,
   handleClickAt: handleClickAt$1,
   handleWheel: handleWheel$4,
-  hasFunctionalRender: hasFunctionalRender$f,
-  loadContent: loadContent$h,
-  name: name$1q,
-  render: render$f,
+  hasFunctionalRender: hasFunctionalRender$g,
+  loadContent: loadContent$i,
+  name: name$1r,
+  render: render$g,
   selectCurrentIndex,
   selectIndex: selectIndex$3,
   selectItem: selectItem$3,
@@ -24204,12 +24213,12 @@ const getReferences = async () => {
   return getReferences$1(editor)
 };
 
-const create$j = create$t;
+const create$k = create$u;
 
 // TODO speed up this function by 130% by not running activation event (onReferences) again and again
 // e.g. (21ms activation event, 11ms getReferences) => (11ms getReferences)
-const loadContent$g = async (state) => {
-  return loadContent$q(state, getReferences)
+const loadContent$h = async (state) => {
+  return loadContent$r(state, getReferences)
 };
 
 // TODO side effect is not good here, find a way to call ViewletLocations
@@ -24258,7 +24267,7 @@ const getActions$3 = () => {
 
 const Commands$1m = {};
 
-const Css$g = ["/css/parts/ViewletReferences.css"];
+const Css$h = ["/css/parts/ViewletReferences.css"];
 
 /**
  * @enum {string}
@@ -24271,21 +24280,21 @@ const getDisplayName = () => {
   return i18nString(UiStrings$J.References)
 };
 
-const name$1p = 'References';
+const name$1q = 'References';
 
 const ViewletReferences_ipc = {
   __proto__: null,
   Commands: Commands$1m,
-  Css: Css$g,
+  Css: Css$h,
   contentLoaded: contentLoaded$1,
-  create: create$j,
+  create: create$k,
   dispose: dispose$c,
   getActions: getActions$3,
   getDisplayName,
-  hasFunctionalRender: hasFunctionalRender$m,
-  loadContent: loadContent$g,
-  name: name$1p,
-  render: render$m
+  hasFunctionalRender: hasFunctionalRender$n,
+  loadContent: loadContent$h,
+  name: name$1q,
+  render: render$n
 };
 
 const listProcesses$1 = async (debugId) => {
@@ -24505,7 +24514,7 @@ const Undefined = 'undefined';
 const Number$1 = 'number';
 const Object$1 = 'object';
 
-const create$i = (id) => {
+const create$j = (id) => {
   return {
     id,
     disposed: false,
@@ -24526,7 +24535,7 @@ const create$i = (id) => {
   }
 };
 
-const loadContent$f = async (state) => {
+const loadContent$g = async (state) => {
   const debugId = isTest() ? 'test-debug' : 'node-debug'; // TODO
   await start$1(debugId);
   const processes = await listProcesses(debugId);
@@ -24758,11 +24767,11 @@ const dispose$b = (state) => {
   }
 };
 
-const hasFunctionalRender$e = true;
+const hasFunctionalRender$f = true;
 
-const hasFunctionalResize$8 = true;
+const hasFunctionalResize$9 = true;
 
-const resize$c = (state, dimensions) => {
+const resize$d = (state, dimensions) => {
   return { ...state, ...dimensions }
 };
 
@@ -24783,7 +24792,7 @@ const Commands$1l = {
   togglePause: togglePause,
 };
 
-const Css$f = ["/css/parts/ViewletRunAndDebug.css"];
+const Css$g = ["/css/parts/ViewletRunAndDebug.css"];
 
 const Variables$2 = ['TitleBarForeground', 'DebugSectionHeaderBackground', 'SideBarBackground'];
 
@@ -25275,9 +25284,9 @@ const renderDebug = {
   },
 };
 
-const render$e = [renderDebug];
+const render$f = [renderDebug];
 
-const name$1o = 'Run And Debug';
+const name$1p = 'Run And Debug';
 
 const Events$1 = {
   'Debug.paused': handlePaused,
@@ -25288,10 +25297,10 @@ const Events$1 = {
 const ViewletRunAndDebug_ipc = {
   __proto__: null,
   Commands: Commands$1l,
-  Css: Css$f,
+  Css: Css$g,
   Events: Events$1,
   Variables: Variables$2,
-  create: create$i,
+  create: create$j,
   dispose: dispose$b,
   handleClickSectionBreakPoints,
   handleClickSectionCallstack,
@@ -25302,13 +25311,13 @@ const ViewletRunAndDebug_ipc = {
   handlePaused,
   handleResumed,
   handleScriptParsed,
-  hasFunctionalRender: hasFunctionalRender$e,
-  hasFunctionalResize: hasFunctionalResize$8,
-  loadContent: loadContent$f,
-  name: name$1o,
+  hasFunctionalRender: hasFunctionalRender$f,
+  hasFunctionalResize: hasFunctionalResize$9,
+  loadContent: loadContent$g,
+  name: name$1p,
   pause,
-  render: render$e,
-  resize: resize$c,
+  render: render$f,
+  resize: resize$d,
   resume,
   stepInto,
   stepOut,
@@ -25332,7 +25341,7 @@ const dispose$a = async (captureId) => {
   await invoke$2('ScreenCapture.dispose', captureId);
 };
 
-const create$h = (id, uri) => {
+const create$i = (id, uri) => {
   return {
     id,
     uid: id,
@@ -25341,8 +25350,8 @@ const create$h = (id, uri) => {
   }
 };
 
-const loadContent$e = async (state) => {
-  const captureId = create$13();
+const loadContent$f = async (state) => {
+  const captureId = create$14();
   if (platform === Electron$1) {
     const sources = await getSources({
       types: ['screen'],
@@ -25389,20 +25398,20 @@ const renderMessage$1 = {
   },
 };
 
-const hasFunctionalRender$d = true;
+const hasFunctionalRender$e = true;
 
-const render$d = [renderMessage$1];
+const render$e = [renderMessage$1];
 
-const Css$e = ["/css/parts/ViewletScreenCapture.css"];
+const Css$f = ["/css/parts/ViewletScreenCapture.css"];
 
 const ViewletScreenCapture_ipc = {
   __proto__: null,
-  Css: Css$e,
-  create: create$h,
+  Css: Css$f,
+  create: create$i,
   dispose: dispose$9,
-  hasFunctionalRender: hasFunctionalRender$d,
-  loadContent: loadContent$e,
-  render: render$d
+  hasFunctionalRender: hasFunctionalRender$e,
+  loadContent: loadContent$f,
+  render: render$e
 };
 
 const getProvider = (scheme) => {
@@ -25651,7 +25660,7 @@ const ViewletSearchHandleUpdate = {
   handleUpdate
 };
 
-const create$g = (id, uri, x, y, width, height) => {
+const create$h = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     searchResults: [],
@@ -25664,7 +25673,7 @@ const create$g = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    ...create$J({
+    ...create$K({
       itemHeight: ListItem$1,
       minimumSliderSize: MinimumSliderSize,
       headerHeight: 61, // TODO
@@ -25712,7 +25721,7 @@ const getThreads = () => {
   return value
 };
 
-const loadContent$d = async (state, savedState) => {
+const loadContent$e = async (state, savedState) => {
   const savedValue = getSavedValue(savedState);
   const savedReplaceExpanded = getSavedReplaceExpanded(savedState);
   const threads = getThreads();
@@ -25840,7 +25849,7 @@ const LazyCommands$5 = {
   clearSearchResults: () => Promise.resolve().then(function () { return ViewletSearchClearSearchResults; }),
 };
 
-const Css$d = ["/css/parts/ViewletList.css","/css/parts/ViewletSearch.css"];
+const Css$e = ["/css/parts/ViewletList.css","/css/parts/ViewletSearch.css"];
 
 const getDisplayResult = (result, itemHeight, i, setSize, searchTermLength, replacement) => {
   const { type, text, lineNumber, start } = result;
@@ -25971,7 +25980,7 @@ const getSearchResultsVirtualDom = (visibleItems) => {
   return dom
 };
 
-const hasFunctionalRender$c = true;
+const hasFunctionalRender$d = true;
 
 const renderItems$1 = {
   isEqual(oldState, newState) {
@@ -26085,7 +26094,7 @@ const renderFocusedIndex$1 = {
   },
 };
 
-const render$c = [
+const render$d = [
   renderItems$1,
   renderMessage,
   renderValue$1,
@@ -26096,37 +26105,37 @@ const render$c = [
   renderFocusedIndex$1,
 ];
 
-const hasFunctionalResize$7 = true;
+const hasFunctionalResize$8 = true;
 
-const resize$b = (state, dimensions) => {
+const resize$c = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
   }
 };
 
-const name$1n = 'Search';
+const name$1o = 'Search';
 
 const ViewletSearch_ipc = {
   __proto__: null,
   Commands: Commands$1k,
-  Css: Css$d,
+  Css: Css$e,
   LazyCommands: LazyCommands$5,
-  create: create$g,
+  create: create$h,
   dispose: dispose$8,
   getActions: getActions$2,
   handleIconThemeChange: handleIconThemeChange$1,
   handleInput: handleInput$4,
-  hasFunctionalRender: hasFunctionalRender$c,
-  hasFunctionalResize: hasFunctionalResize$7,
-  loadContent: loadContent$d,
-  name: name$1n,
-  render: render$c,
-  resize: resize$b,
+  hasFunctionalRender: hasFunctionalRender$d,
+  hasFunctionalResize: hasFunctionalResize$8,
+  loadContent: loadContent$e,
+  name: name$1o,
+  render: render$d,
+  resize: resize$c,
   saveState: saveState$2
 };
 
-const create$f = (id, uri, x, y, width, height) => {
+const create$g = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     currentViewletId: '',
@@ -26159,7 +26168,7 @@ const getSavedViewletId = (savedState) => {
   return Explorer$2
 };
 
-const loadContent$c = (state, savedState) => {
+const loadContent$d = (state, savedState) => {
   const savedViewletId = getSavedViewletId(savedState);
   return {
     ...state,
@@ -26251,7 +26260,7 @@ const openViewlet = async (state, moduleId, focus = false) => {
     if (activityBar) {
       const oldState = activityBar.state;
       const newState = activityBar.factory.handleSideBarViewletChange(oldState, moduleId);
-      const extraCommands = render$F(activityBar.factory, oldState, newState, newState.uid);
+      const extraCommands = render$G(activityBar.factory, oldState, newState, newState.uid);
       activityBar.state = newState;
       commands.push(...extraCommands);
     }
@@ -26296,7 +26305,7 @@ const close$3 = (state) => {
   // RendererProcess.send([/* sideBarHide */ 5552, /* id */ id])
 };
 
-const resize$a = (state, dimensions) => {
+const resize$b = (state, dimensions) => {
   const { titleAreaHeight } = state;
   const childDimensions = getContentDimensions(dimensions, titleAreaHeight);
   const currentViewletInstance = getInstance(state.currentViewletId);
@@ -26311,7 +26320,7 @@ const resize$a = (state, dimensions) => {
     }
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = resize$l(currentViewletUid, childDimensions);
+  const commands = resize$m(currentViewletUid, childDimensions);
   return {
     newState,
     commands,
@@ -26347,11 +26356,11 @@ const Commands$1j =  {
   handleClickAction: handleClickAction,
 };
 
-const Css$c = [];
+const Css$d = [];
 
-const hasFunctionalRender$b = true;
+const hasFunctionalRender$c = true;
 
-const renderTitle$1 = {
+const renderTitle$2 = {
   isEqual(oldState, newState) {
     return false
   },
@@ -26360,28 +26369,28 @@ const renderTitle$1 = {
   },
 };
 
-const render$b = [renderTitle$1];
+const render$c = [renderTitle$2];
 
-const name$1m = 'SideBar';
+const name$1n = 'SideBar';
 
 const ViewletSideBar_ipc = {
   __proto__: null,
   Commands: Commands$1j,
-  Css: Css$c,
+  Css: Css$d,
   close: close$3,
   contentLoaded,
-  create: create$f,
+  create: create$g,
   dispose: dispose$7,
   focus: focus$7,
   getChildren: getChildren$2,
   handleClickAction,
-  hasFunctionalRender: hasFunctionalRender$b,
-  loadContent: loadContent$c,
-  name: name$1m,
+  hasFunctionalRender: hasFunctionalRender$c,
+  loadContent: loadContent$d,
+  name: name$1n,
   openDefaultViewlet,
   openViewlet,
-  render: render$b,
-  resize: resize$a,
+  render: render$c,
+  resize: resize$b,
   saveChildState,
   saveState: saveState$1
 };
@@ -26531,7 +26540,7 @@ const toIframeSrc = (input) => {
 // based on vscode's simple browser by Microsoft (https://github.com/microsoft/vscode/blob/e8fe2d07d31f30698b9262dd5e1fcc59a85c6bb1/extensions/simple-browser/src/extension.ts, License MIT)
 
 
-const create$e = (id, uri, x, y, width, height) => {
+const create$f = (id, uri, x, y, width, height) => {
   return {
     id,
     uid: id,
@@ -26602,7 +26611,7 @@ const getId = (idPart) => {
   return parseInt(idPart)
 };
 
-const loadContent$b = async (state, savedState) => {
+const loadContent$c = async (state, savedState) => {
   const { x, y, width, height, headerHeight, uri, uid } = state;
   const idPart = uri.slice('simple-browser://'.length);
   const id = getId(idPart);
@@ -26765,9 +26774,9 @@ const LazyCommands$4 = {
   cancelNavigation: () => Promise.resolve().then(function () { return ViewletSimpleBrowserCancelNavigation; }),
 };
 
-const Css$b = ["/css/parts/ViewletSimpleBrowser.css"];
+const Css$c = ["/css/parts/ViewletSimpleBrowser.css"];
 
-const hasFunctionalRender$a = true;
+const hasFunctionalRender$b = true;
 
 const renderIframeSrc = {
   isEqual(oldState, newState) {
@@ -26779,7 +26788,7 @@ const renderIframeSrc = {
 };
 
 // TODO this component shouldn't depend on Main
-const renderTitle = {
+const renderTitle$1 = {
   isEqual(oldState, newState) {
     return oldState.title === newState.title
   },
@@ -26806,11 +26815,11 @@ const renderLoading = {
   },
 };
 
-const render$a = [renderIframeSrc, renderTitle, renderButtonsEnabled, renderLoading];
+const render$b = [renderIframeSrc, renderTitle$1, renderButtonsEnabled, renderLoading];
 
-const hasFunctionalResize$6 = true;
+const hasFunctionalResize$7 = true;
 
-const resize$9 = (state, dimensions) => {
+const resize$a = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
@@ -26822,15 +26831,15 @@ const resizeEffect$1 = async (state) => {
   await resizeBrowserView(browserViewId, x, y + headerHeight, width, height - headerHeight);
 };
 
-const name$1l = 'SimpleBrowser';
+const name$1m = 'SimpleBrowser';
 
 const ViewletSimpleBrowser_ipc = {
   __proto__: null,
   Commands: Commands$1i,
-  Css: Css$b,
+  Css: Css$c,
   LazyCommands: LazyCommands$4,
   backgroundLoadContent,
-  create: create$e,
+  create: create$f,
   dispose: dispose$6,
   go,
   handleDidNavigate,
@@ -26838,13 +26847,13 @@ const ViewletSimpleBrowser_ipc = {
   handleInput: handleInput$3,
   handleTitleUpdated,
   handleWillNavigate,
-  hasFunctionalRender: hasFunctionalRender$a,
-  hasFunctionalResize: hasFunctionalResize$6,
+  hasFunctionalRender: hasFunctionalRender$b,
+  hasFunctionalResize: hasFunctionalResize$7,
   hide: hide$2,
-  loadContent: loadContent$b,
-  name: name$1l,
-  render: render$a,
-  resize: resize$9,
+  loadContent: loadContent$c,
+  name: name$1m,
+  render: render$b,
+  resize: resize$a,
   resizeEffect: resizeEffect$1,
   saveState,
   show: show$6
@@ -26976,7 +26985,7 @@ const getSourceControlActions = async (providerId, groupId, type) => {
 
 // TODO when accept input is invoked multiple times, it should not lead to errors
 
-const create$d = (id) => {
+const create$e = (id) => {
   return {
     uid: id,
     merge: [],
@@ -27060,9 +27069,9 @@ const handleMouseOut$1 = (state, index) => {
   return state
 };
 
-const hasFunctionalResize$5 = true;
+const hasFunctionalResize$6 = true;
 
-const resize$8 = (state, dimensions) => {
+const resize$9 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
@@ -27123,7 +27132,7 @@ const LazyCommands$3 = {
   handleFocus: () => Promise.resolve().then(function () { return ViewletSourceControlHandleFocus; }),
 };
 
-const Css$a = ["/css/parts/ViewletSourceControl.css"];
+const Css$b = ["/css/parts/ViewletSourceControl.css"];
 
 const acceptInput$3 = async (providerId, text) => {
   return executeProvider({
@@ -27264,7 +27273,7 @@ const getNewButtons = async (displayItems, providerId, buttonIndex) => {
   return actions
 };
 
-const loadContent$a = async (state) => {
+const loadContent$b = async (state) => {
   const root = state$D.workspacePath;
   const scheme = getProtocol(root);
   const enabledProviderIds = await getEnabledProviderIds(scheme, root);
@@ -27411,7 +27420,7 @@ const getSourceControlItemsVirtualDom = (items, buttonIndex, buttons) => {
   return result
 };
 
-const hasFunctionalRender$9 = true;
+const hasFunctionalRender$a = true;
 
 const renderValue = {
   isEqual(oldState, newState) {
@@ -27432,35 +27441,35 @@ const renderChangedFiles = {
   },
 };
 
-const render$9 = [renderValue, renderChangedFiles];
+const render$a = [renderValue, renderChangedFiles];
 
-const name$1k = 'Source Control';
+const name$1l = 'Source Control';
 
 const ViewletSourceControl_ipc = {
   __proto__: null,
   Commands: Commands$1g,
-  Css: Css$a,
+  Css: Css$b,
   LazyCommands: LazyCommands$3,
-  create: create$d,
+  create: create$e,
   dispose: dispose$5,
   getActions: getActions$1,
   handleIconThemeChange,
   handleInput: handleInput$2,
   handleMouseOut: handleMouseOut$1,
   handleMouseOver: handleMouseOver$1,
-  hasFunctionalRender: hasFunctionalRender$9,
-  hasFunctionalResize: hasFunctionalResize$5,
-  loadContent: loadContent$a,
-  name: name$1k,
-  render: render$9,
-  resize: resize$8,
+  hasFunctionalRender: hasFunctionalRender$a,
+  hasFunctionalResize: hasFunctionalResize$6,
+  loadContent: loadContent$b,
+  name: name$1l,
+  render: render$a,
+  resize: resize$9,
   updateIcons
 };
 
 const state$i = Object.create(null);
 
 const register = (listener) => {
-  const id = create$13();
+  const id = create$14();
   state$i[id] = listener;
   return id
 };
@@ -27527,14 +27536,14 @@ const getStatusBarItems = async (showItems) => {
   return uiStatusBarItems
 };
 
-const create$c = () => {
+const create$d = () => {
   return {
     statusBarItemsLeft: [],
     statusBarItemsRight: [],
   }
 };
 
-const loadContent$9 = async (state) => {
+const loadContent$a = async (state) => {
   const statusBarItemsPreference = get$7('statusBar.itemsVisible') ?? false;
   const statusBarItems = await getStatusBarItems(statusBarItemsPreference);
   return {
@@ -27544,7 +27553,7 @@ const loadContent$9 = async (state) => {
 };
 
 const updateStatusBarItems = async (state) => {
-  const newState = await loadContent$9(state);
+  const newState = await loadContent$a(state);
   return newState
 };
 
@@ -27616,9 +27625,9 @@ const handleClick$b = (name) => {
   // sendExtensionWorker([/* statusBarItemHandleClick */ 7657, /* name */ name])
 };
 
-const hasFunctionalResize$4 = true;
+const hasFunctionalResize$5 = true;
 
-const resize$7 = (state, dimensions) => {
+const resize$8 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
@@ -27630,7 +27639,7 @@ const Commands$1f = {
   updateStatusBarItems: updateStatusBarItems
 };
 
-const Css$9 = [];
+const Css$a = [];
 
 const getStatusBarItemVirtualDom = (statusBarItem) => {
   const { tooltip, icon } = statusBarItem;
@@ -27674,7 +27683,7 @@ const getStatusBarVirtualDom = (statusBarItemsLeft, statusBarItemsRight) => {
   return dom
 };
 
-const hasFunctionalRender$8 = true;
+const hasFunctionalRender$9 = true;
 
 const renderItems = {
   isEqual(oldState, newState) {
@@ -27686,31 +27695,31 @@ const renderItems = {
   },
 };
 
-const render$8 = [renderItems];
+const render$9 = [renderItems];
 
-const name$1j = 'StatusBar';
+const name$1k = 'StatusBar';
 
 const ViewletStatusBar_ipc = {
   __proto__: null,
   Commands: Commands$1f,
-  Css: Css$9,
+  Css: Css$a,
   contentLoadedEffects: contentLoadedEffects$1,
-  create: create$c,
+  create: create$d,
   handleClick: handleClick$b,
-  hasFunctionalRender: hasFunctionalRender$8,
-  hasFunctionalResize: hasFunctionalResize$4,
+  hasFunctionalRender: hasFunctionalRender$9,
+  hasFunctionalResize: hasFunctionalResize$5,
   itemLeftCreate,
   itemLeftUpdate,
   itemRightCreate,
   itemRightUpdate,
-  loadContent: loadContent$9,
-  name: name$1j,
-  render: render$8,
-  resize: resize$7,
+  loadContent: loadContent$a,
+  name: name$1k,
+  render: render$9,
+  resize: resize$8,
   updateStatusBarItems
 };
 
-const create$b = (id, uri) => {
+const create$c = (id, uri) => {
   return {
     uid: id,
     localStorage: {},
@@ -27718,7 +27727,7 @@ const create$b = (id, uri) => {
   }
 };
 
-const loadContent$8 = async (state) => {
+const loadContent$9 = async (state) => {
   const localStorage = await getAll(LocalStorage);
   const sessionStorage = await getAll(SessionStorage);
   return {
@@ -27810,19 +27819,19 @@ const renderStorage = {
   },
 };
 
-const hasFunctionalRender$7 = true;
+const hasFunctionalRender$8 = true;
 
-const render$7 = [renderStorage];
+const render$8 = [renderStorage];
 
-const Css$8 = ["/css/parts/ViewletStorage.css"];
+const Css$9 = ["/css/parts/ViewletStorage.css"];
 
 const ViewletStorage_ipc = {
   __proto__: null,
-  Css: Css$8,
-  create: create$b,
-  hasFunctionalRender: hasFunctionalRender$7,
-  loadContent: loadContent$8,
-  render: render$7
+  Css: Css$9,
+  create: create$c,
+  hasFunctionalRender: hasFunctionalRender$8,
+  loadContent: loadContent$9,
+  render: render$8
 };
 
 const getTerminalSpawnOptions = () => {
@@ -27830,7 +27839,7 @@ const getTerminalSpawnOptions = () => {
 };
 
 const listen$1 = (method) => {
-  return create$_({
+  return create$$({
     method,
     type: 'terminal-process',
     name: 'Terminal Process',
@@ -27878,7 +27887,7 @@ const send = (method, ...params) => {
 
 let _separateConnection = false;
 
-const create$a = async (separateConnection, id, cwd, command, args) => {
+const create$b = async (separateConnection, id, cwd, command, args) => {
   _separateConnection = separateConnection;
   if (separateConnection) {
     await listen();
@@ -27904,7 +27913,7 @@ const write$1 = async (id, input) => {
   }
 };
 
-const resize$6 = async (id, columns, rows) => {
+const resize$7 = async (id, columns, rows) => {
   if (_separateConnection) {
     await invoke('Terminal.resize', id, columns, rows);
   } else {
@@ -27932,7 +27941,7 @@ const toUint8Array = (data) => {
 
 // TODO implement a functional terminal component, maybe using offscreencanvas
 
-const create$9 = (id) => {
+const create$a = (id) => {
   number(id);
   const separateConnection = get$7('terminal.separateConnection');
   return {
@@ -27945,12 +27954,12 @@ const create$9 = (id) => {
   }
 };
 
-const loadContent$7 = async (state) => {
+const loadContent$8 = async (state) => {
   // TODO this should be async and open a pty
   const { command, args } = await getTerminalSpawnOptions();
   return {
     ...state,
-    id: create$13(),
+    id: create$14(),
     command,
     args,
   }
@@ -27958,7 +27967,7 @@ const loadContent$7 = async (state) => {
 
 const contentLoadedEffects = async (state) => {
   const { uid, separateConnection, command, args } = state;
-  await create$a(separateConnection, uid, state$D.workspacePath, command, args);
+  await create$b(separateConnection, uid, state$D.workspacePath, command, args);
 };
 
 const handleData$1 = async (state, data) => {
@@ -27981,9 +27990,9 @@ const dispose$3 = async (state) => {
   }
 };
 
-const hasFunctionalResize$3 = true;
+const hasFunctionalResize$4 = true;
 
-const resize$5 = (state, dimensions) => {
+const resize$6 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
@@ -27997,7 +28006,7 @@ const resizeEffect = async (state) => {
   // const columns = Math.round(width / columnWidth)
   const columns = 7;
   const rows = Math.round(height / rowHeight);
-  await resize$6(uid, columns, rows);
+  await resize$7(uid, columns, rows);
 
   // Terminal.resize(state, width, height)
 };
@@ -28012,7 +28021,7 @@ const Commands$1e = {
   write: write,
 };
 
-const Css$7 = ['/css/parts/ViewletTerminal.css', '/lib-css/termterm.css'];
+const Css$8 = ['/css/parts/ViewletTerminal.css', '/lib-css/termterm.css'];
 
 /**
  * @enum {string}
@@ -28058,27 +28067,27 @@ const getActions = (state) => {
   ]
 };
 
-const name$1i = 'Terminal';
+const name$1j = 'Terminal';
 
 const ViewletTerminal_ipc = {
   __proto__: null,
   Commands: Commands$1e,
-  Css: Css$7,
+  Css: Css$8,
   clear,
   contentLoadedEffects,
-  create: create$9,
+  create: create$a,
   dispose: dispose$3,
   getActions,
   handleData: handleData$1,
-  hasFunctionalResize: hasFunctionalResize$3,
-  loadContent: loadContent$7,
-  name: name$1i,
-  resize: resize$5,
+  hasFunctionalResize: hasFunctionalResize$4,
+  loadContent: loadContent$8,
+  name: name$1j,
+  resize: resize$6,
   resizeEffect,
   write
 };
 
-const create$8 = (id, uri, x, y, width, height) => {
+const create$9 = (id, uri, x, y, width, height) => {
   number(id);
   return {
     disposed: false,
@@ -28108,7 +28117,7 @@ const getChildren$1 = (state) => {
   ]
 };
 
-const loadContent$6 = async (state) => {
+const loadContent$7 = async (state) => {
   const terminalTabsEnabled = get$7('terminal.tabs.enabled');
 
   return {
@@ -28117,7 +28126,7 @@ const loadContent$6 = async (state) => {
       {
         label: 'tab 1',
         icon: 'Terminal',
-        uid: create$13(),
+        uid: create$14(),
       },
     ],
     selectedIndex: 0,
@@ -28127,7 +28136,7 @@ const loadContent$6 = async (state) => {
 
 const addTerminal = async (state) => {
   const { tabs, x, y, width, height, uid, selectedIndex } = state;
-  const childUid = create$13();
+  const childUid = create$14();
   const newTab = {
     label: `tab ${tabs.length + 1}`,
     icon: 'Terminal',
@@ -28165,7 +28174,7 @@ const focusIndex$8 = async (state, index) => {
   object(state);
   number(index);
   const { tabs, x, y, width, height, uid, selectedIndex } = state;
-  const childUid = create$13();
+  const childUid = create$14();
   const newTab = tabs[index];
   newTab.uid = childUid;
   const commands = await load$8({
@@ -28197,10 +28206,10 @@ const handleClickTab = (state, index) => {
   return focusIndex$8(state, index)
 };
 
-const resize$4 = (state, dimensions) => {
+const resize$5 = (state, dimensions) => {
   const { tabs } = state;
   const uid = tabs[0].uid;
-  const commands = resize$l(uid, dimensions);
+  const commands = resize$m(uid, dimensions);
   return {
     newState: state,
     commands,
@@ -28212,7 +28221,7 @@ const Commands$1d = {
   handleClickTab: handleClickTab,
 };
 
-const Css$6 = ["/css/parts/ViewletTerminalTabs.css"];
+const Css$7 = ["/css/parts/ViewletTerminalTabs.css"];
 
 const getTabClassName = (isSelected) => {
   let className = 'TerminalTab';
@@ -28271,7 +28280,7 @@ const getTerminalTabsDom = (tabs, x, y, width, height, selectedIndex) => {
   return dom
 };
 
-const hasFunctionalRender$6 = true;
+const hasFunctionalRender$7 = true;
 
 const renderTabs = {
   isEqual(oldState, newState) {
@@ -28287,30 +28296,30 @@ const renderTabs = {
   },
 };
 
-const render$6 = [renderTabs];
+const render$7 = [renderTabs];
 
-const name$1h = 'Terminals';
+const name$1i = 'Terminals';
 
 const ViewletTerminals_ipc = {
   __proto__: null,
   Commands: Commands$1d,
-  Css: Css$6,
+  Css: Css$7,
   addTerminal,
-  create: create$8,
+  create: create$9,
   focusIndex: focusIndex$8,
   getActions,
   getChildren: getChildren$1,
   handleClickTab,
-  hasFunctionalRender: hasFunctionalRender$6,
-  loadContent: loadContent$6,
-  name: name$1h,
-  render: render$6,
-  resize: resize$4
+  hasFunctionalRender: hasFunctionalRender$7,
+  loadContent: loadContent$7,
+  name: name$1i,
+  render: render$7,
+  resize: resize$5
 };
 
-const Css$5 = [];
+const Css$6 = [];
 
-const create$7 = (id, uri, x, y, width, height) => {
+const create$8 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     disposed: false,
@@ -28324,13 +28333,16 @@ const create$7 = (id, uri, x, y, width, height) => {
     titleBarMenuBarEnabled: true,
     titleBarButtonsEnabled: true,
     titleBarButtonsWidth: 46 * 3,
+    titleBarTitleEnabled: true,
   }
 };
 
-const loadContent$5 = (state) => {
+const loadContent$6 = (state) => {
+  const titleBarTitleEnabled = get$7('titleBar.titleEnabled') ?? false;
   return {
     ...state,
     isFocused: true,
+    titleBarTitleEnabled,
   }
 };
 
@@ -28345,7 +28357,18 @@ const getTitleBarMenuBarWidth$1 = (width, menuBarX, titleBarButtonsWidth) => {
 
 const getChildren = (state) => {
   const children = [];
-  const { x, y, width, height, titleBarIconWidth, titleBarIconEnabled, titleBarMenuBarEnabled, titleBarButtonsEnabled, titleBarButtonsWidth } = state;
+  const {
+    x,
+    y,
+    width,
+    height,
+    titleBarIconWidth,
+    titleBarTitleEnabled,
+    titleBarIconEnabled,
+    titleBarMenuBarEnabled,
+    titleBarButtonsEnabled,
+    titleBarButtonsWidth,
+  } = state;
   let menuBarX = x;
 
   if (titleBarIconEnabled) {
@@ -28357,7 +28380,7 @@ const getChildren = (state) => {
   if (titleBarMenuBarEnabled) {
     const remainingWidth = getTitleBarMenuBarWidth$1(width, menuBarX, titleBarButtonsWidth);
     children.push({
-      id: TitleBarMenuBar,
+      id: TitleBarMenuBar$1,
       x: menuBarX,
       y,
       height,
@@ -28365,6 +28388,12 @@ const getChildren = (state) => {
       setBounds: false,
     });
   }
+  if (titleBarTitleEnabled) {
+    children.push({
+      id: TitleBarTitle,
+    });
+    console.log('title enabled');
+  }
   if (titleBarButtonsEnabled) {
     children.push({
       id: TitleBarButtons,
@@ -28373,7 +28402,7 @@ const getChildren = (state) => {
   return children
 };
 
-const hasFunctionalRender$5 = true;
+const hasFunctionalRender$6 = true;
 
 const renderFocus = {
   isEqual(oldState, newState) {
@@ -28384,15 +28413,15 @@ const renderFocus = {
   },
 };
 
-const render$5 = [renderFocus];
+const render$6 = [renderFocus];
 
 const getTitleBarMenuBarWidth = (width, menuBarX, titleBarButtonsWidth) => {
   const remainingWidth = width - menuBarX - titleBarButtonsWidth;
   return remainingWidth
 };
 
-const resize$3 = (state, dimensions) => {
-  const titleBarMenuBarState = getState$1(TitleBarMenuBar);
+const resize$4 = (state, dimensions) => {
+  const titleBarMenuBarState = getState$1(TitleBarMenuBar$1);
   const commands = [];
   const { titleBarIconWidth, titleBarButtonsWidth } = state;
   const menuBarX = dimensions.x + titleBarIconWidth;
@@ -28400,7 +28429,7 @@ const resize$3 = (state, dimensions) => {
   const menuBarWidth = getTitleBarMenuBarWidth(dimensions.width, menuBarX, titleBarButtonsWidth);
   const menuBarHeight = dimensions.height;
   commands.push(
-    ...resize$l(titleBarMenuBarState.uid, {
+    ...resize$m(titleBarMenuBarState.uid, {
       x: menuBarX,
       y: menuBarY,
       width: menuBarWidth,
@@ -28415,20 +28444,20 @@ const resize$3 = (state, dimensions) => {
 
 const Commands$1c = {};
 
-const name$1g = 'TitleBar';
+const name$1h = 'TitleBar';
 
 const ViewletTitleBar_ipc = {
   __proto__: null,
   Commands: Commands$1c,
-  Css: Css$5,
-  create: create$7,
+  Css: Css$6,
+  create: create$8,
   getChildren,
   handleFocusChange,
-  hasFunctionalRender: hasFunctionalRender$5,
-  loadContent: loadContent$5,
-  name: name$1g,
-  render: render$5,
-  resize: resize$3
+  hasFunctionalRender: hasFunctionalRender$6,
+  loadContent: loadContent$6,
+  name: name$1h,
+  render: render$6,
+  resize: resize$4
 };
 
 /**
@@ -28471,7 +28500,7 @@ const get$1 = () => {
   }
 };
 
-const create$6 = (id, uri, x, y, width, height) => {
+const create$7 = (id, uri, x, y, width, height) => {
   return {
     buttons: [],
     x,
@@ -28482,7 +28511,7 @@ const create$6 = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$4 = async (state) => {
+const loadContent$5 = async (state) => {
   const buttons = get$1();
   return {
     ...state,
@@ -28538,7 +28567,7 @@ const Events = {
   [HandleMinimized]: handleWindowDidMinimize,
 };
 
-const Css$4 = [];
+const Css$5 = [];
 
 const Variables$1 = ['TitleBarButtonCloseHoverForeground'];
 
@@ -28561,7 +28590,7 @@ const getTitleBarButtonsVirtualDom = (buttons) => {
   return dom
 };
 
-const hasFunctionalRender$4 = true;
+const hasFunctionalRender$5 = true;
 
 const renderTitleBarButtons = {
   isEqual(oldState, newState) {
@@ -28573,40 +28602,40 @@ const renderTitleBarButtons = {
   },
 };
 
-const render$4 = [renderTitleBarButtons];
+const render$5 = [renderTitleBarButtons];
 
-const hasFunctionalResize$2 = true;
+const hasFunctionalResize$3 = true;
 
-const resize$2 = (state, dimensions) => {
+const resize$3 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
   }
 };
 
-const name$1f = 'TitleBarButtons';
+const name$1g = 'TitleBarButtons';
 
 const ViewletTitleBarButtons_ipc = {
   __proto__: null,
   Commands: Commands$1b,
-  Css: Css$4,
+  Css: Css$5,
   Events,
   LazyCommands: LazyCommands$2,
   Variables: Variables$1,
-  create: create$6,
+  create: create$7,
   dispose: dispose$2,
   handleWindowDidMaximize,
   handleWindowDidMinimize,
   handleWindowDidUnmaximize,
-  hasFunctionalRender: hasFunctionalRender$4,
-  hasFunctionalResize: hasFunctionalResize$2,
-  loadContent: loadContent$4,
-  name: name$1f,
-  render: render$4,
-  resize: resize$2
+  hasFunctionalRender: hasFunctionalRender$5,
+  hasFunctionalResize: hasFunctionalResize$3,
+  loadContent: loadContent$5,
+  name: name$1g,
+  render: render$5,
+  resize: resize$3
 };
 
-const create$5 = (id, uri, x, y, width, height) => {
+const create$6 = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -28615,34 +28644,34 @@ const create$5 = (id, uri, x, y, width, height) => {
   }
 };
 
-const loadContent$3 = async (state) => {
+const loadContent$4 = async (state) => {
   return state
 };
 
-const Css$3 = [];
+const Css$4 = [];
 
-const hasFunctionalRender$3 = true;
+const hasFunctionalRender$4 = true;
 
-const render$3 = [];
+const render$4 = [];
 
-const hasFunctionalResize$1 = true;
+const hasFunctionalResize$2 = true;
 
-const resize$1 = (state, dimensions) => {
+const resize$2 = (state, dimensions) => {
   return state
 };
 
-const name$1e = 'TitleBarIcon';
+const name$1f = 'TitleBarIcon';
 
 const ViewletTitleBarIcon_ipc = {
   __proto__: null,
-  Css: Css$3,
-  create: create$5,
-  hasFunctionalRender: hasFunctionalRender$3,
-  hasFunctionalResize: hasFunctionalResize$1,
-  loadContent: loadContent$3,
-  name: name$1e,
-  render: render$3,
-  resize: resize$1
+  Css: Css$4,
+  create: create$6,
+  hasFunctionalRender: hasFunctionalRender$4,
+  hasFunctionalResize: hasFunctionalResize$2,
+  loadContent: loadContent$4,
+  name: name$1f,
+  render: render$4,
+  resize: resize$2
 };
 
 // prettier-ignore
@@ -28721,7 +28750,7 @@ const measureTitleBarEntryWidth = (label, fontWeight, fontSize, fontFamily, lett
   return measureTextWidth(label, fontWeight, fontSize, fontFamily, letterSpacing, isMonospaceFont, charWidth)
 };
 
-const create$4 = (id, uri, x, y, width, height) => {
+const create$5 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     titleBarEntries: [],
@@ -28751,7 +28780,7 @@ const addWidths = (entries, labelPadding, fontWeight, fontSize, fontFamily, lett
   return withWidths
 };
 
-const loadContent$2 = async (state) => {
+const loadContent$3 = async (state) => {
   const { labelFontFamily, labelFontSize, labelFontWeight, labelLetterSpacing, labelPadding, width } = state;
   const titleBarEntries = await getEntries$1();
   const withWidths = addWidths(titleBarEntries, labelPadding, labelFontWeight, labelFontSize, labelFontFamily, labelLetterSpacing);
@@ -28763,7 +28792,7 @@ const loadContent$2 = async (state) => {
   }
 };
 
-const Css$2 = [];
+const Css$3 = [];
 
 const getKeyBindings = () => {
   return [
@@ -28851,7 +28880,7 @@ const getVisibleTitleBarEntries = (entries, width) => {
   return visible
 };
 
-const hasFunctionalRender$2 = true;
+const hasFunctionalRender$3 = true;
 
 const renderTitleBarEntries = {
   isEqual(oldState, newState) {
@@ -28906,18 +28935,18 @@ const renderMenus = {
   },
 };
 
-const render$2 = [renderTitleBarEntries, renderFocusedIndex, renderMenus];
+const render$3 = [renderTitleBarEntries, renderFocusedIndex, renderMenus];
 
-const hasFunctionalResize = true;
+const hasFunctionalResize$1 = true;
 
-const resize = (state, dimensions) => {
+const resize$1 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions,
   }
 };
 
-const name$1d = 'TitleBarMenuBar';
+const name$1e = 'TitleBarMenuBar';
 
 // prettier-ignore
 const LazyCommands$1 = {
@@ -28944,20 +28973,21 @@ const LazyCommands$1 = {
   toggleIndex: () => Promise.resolve().then(function () { return ViewletTitleBarMenuBarToggleIndex; }),
   toggleMenu: () => Promise.resolve().then(function () { return ViewletTitleBarMenuBarToggleMenu; }),
   handleClick: () => Promise.resolve().then(function () { return ViewletTitleBarMenuBarHandleClick; }),
+  handleFocus: () => Promise.resolve().then(function () { return ViewletTitleBarMenuBarHandleFocus; }),
 };
 
 const ViewletTitleBarMenuBar_ipc = {
   __proto__: null,
-  Css: Css$2,
+  Css: Css$3,
   LazyCommands: LazyCommands$1,
-  create: create$4,
+  create: create$5,
   getKeyBindings,
-  hasFunctionalRender: hasFunctionalRender$2,
-  hasFunctionalResize,
-  loadContent: loadContent$2,
-  name: name$1d,
-  render: render$2,
-  resize
+  hasFunctionalRender: hasFunctionalRender$3,
+  hasFunctionalResize: hasFunctionalResize$1,
+  loadContent: loadContent$3,
+  name: name$1e,
+  render: render$3,
+  resize: resize$1
 };
 
 /**
@@ -28973,7 +29003,7 @@ const failedToLoadVideo = (message) => {
   })
 };
 
-const create$3 = (id, uri) => {
+const create$4 = (id, uri) => {
   return {
     uri,
     src: '',
@@ -28981,7 +29011,7 @@ const create$3 = (id, uri) => {
   }
 };
 
-const loadContent$1 = async (state) => {
+const loadContent$2 = async (state) => {
   const { uri } = state;
   const src = await getSrc(uri);
   return {
@@ -29012,9 +29042,9 @@ const Commands$1a = {
   handleVideoError: handleVideoError,
 };
 
-const Css$1 = ["/css/parts/ViewletVideo.css"];
+const Css$2 = ["/css/parts/ViewletVideo.css"];
 
-const hasFunctionalRender$1 = true;
+const hasFunctionalRender$2 = true;
 
 const renderSrc = {
   isEqual(oldState, newState) {
@@ -29034,25 +29064,25 @@ const renderVideoErrorMessage = {
   },
 };
 
-const render$1 = [renderSrc, renderVideoErrorMessage];
+const render$2 = [renderSrc, renderVideoErrorMessage];
 
-const name$1c = 'Video';
+const name$1d = 'Video';
 
 const ViewletVideo_ipc = {
   __proto__: null,
   Commands: Commands$1a,
-  Css: Css$1,
-  create: create$3,
+  Css: Css$2,
+  create: create$4,
   dispose: dispose$1,
   handleVideoError,
-  hasFunctionalRender: hasFunctionalRender$1,
-  loadContent: loadContent$1,
-  name: name$1c,
-  render: render$1,
+  hasFunctionalRender: hasFunctionalRender$2,
+  loadContent: loadContent$2,
+  name: name$1d,
+  render: render$2,
   renderSrc
 };
 
-const create$2 = () => {
+const create$3 = () => {
   return {
     color: '',
     offsetX: 0,
@@ -29068,7 +29098,7 @@ const getNewColor = (x, max) => {
   return newColor
 };
 
-const loadContent = (state) => {
+const loadContent$1 = (state) => {
   const max = 300;
   const x = 20;
   const color = getNewColor(x, max);
@@ -29113,11 +29143,11 @@ const LazyCommands = {
 
 };
 
-const Css = ["/css/parts/ViewletColorPicker.css"];
+const Css$1 = ["/css/parts/ViewletColorPicker.css"];
 
 const Variables = ['MainBackground', 'ColorPickerColor'];
 
-const hasFunctionalRender = true;
+const hasFunctionalRender$1 = true;
 
 const renderColor = {
   isEqual(oldState, newState) {
@@ -29137,23 +29167,75 @@ const renderOffsetX = {
   },
 };
 
-const render = [renderColor, renderOffsetX];
+const render$1 = [renderColor, renderOffsetX];
 
-const name$1b = 'ColorPicker';
+const name$1c = 'ColorPicker';
 
 const ViewletColorPicker_ipc = {
   __proto__: null,
   Commands: Commands$19,
-  Css,
+  Css: Css$1,
   LazyCommands,
   Variables,
-  create: create$2,
+  create: create$3,
   handleSliderPointerDown,
   handleSliderPointerMove,
+  hasFunctionalRender: hasFunctionalRender$1,
+  loadContent: loadContent$1,
+  name: name$1c,
+  render: render$1
+};
+
+const create$2 = (id, uri, x, y, width, height) => {
+  return {
+    x,
+    y,
+    width,
+    height,
+    title: '',
+  }
+};
+
+const loadContent = async (state) => {
+  return {
+    ...state,
+    title: 'test',
+  }
+};
+
+const Css = ["/css/parts/ViewletTitleBarTitle.css"];
+
+const hasFunctionalRender = true;
+
+const renderTitle = {
+  isEqual(oldState, newState) {
+    return oldState.title === newState.title
+  },
+  apply(oldState, newState) {
+    return ['setTitle', newState.title]
+  },
+};
+
+const render = [renderTitle];
+
+const hasFunctionalResize = true;
+
+const resize = (state, dimensions) => {
+  return state
+};
+
+const name$1b = 'TitleBarIcon';
+
+const ViewletTitleBarTitle_ipc = {
+  __proto__: null,
+  Css,
+  create: create$2,
   hasFunctionalRender,
+  hasFunctionalResize,
   loadContent,
   name: name$1b,
-  render
+  render,
+  resize
 };
 
 const isImportErrorChrome = (error) => {
@@ -30391,7 +30473,7 @@ const setResponse = async (key, value, contentType) => {
   const cache = await caches.open(cacheName);
   await cache.put(
     key,
-    create$10(value, {
+    create$11(value, {
       headers: new Headers({
         'Content-Type': contentType,
         'Content-Length': `${value.length}`,
@@ -32503,7 +32585,7 @@ const IndexedDb_ipc = {
 const name$x = 'IpcParent';
 
 const Commands$t = {
-  create: create$_,
+  create: create$$,
 };
 
 const IpcParent_ipc = {
@@ -35035,14 +35117,14 @@ const ViewletActivityBarSelectCurrent = {
   selectCurrent: selectCurrent$1
 };
 
-const handleFocus$3 = (state) => {
+const handleFocus$4 = (state) => {
   setFocus(ActivityBar$1);
   return state
 };
 
 const ViewletActivityBarHandleFocus = {
   __proto__: null,
-  handleFocus: handleFocus$3
+  handleFocus: handleFocus$4
 };
 
 const handleContextMenu$7 = async (state, button, x, y) => {
@@ -35964,7 +36046,7 @@ const characterLeft = (line, columnIndex) => {
   if (!supported()) {
     return 1
   }
-  const segmenter = create$H();
+  const segmenter = create$I();
   const last = segmenter.at(line, columnIndex - 1);
   return columnIndex - last.index
 };
@@ -35977,7 +36059,7 @@ const characterRight = (line, columnIndex) => {
   if (!supported()) {
     return 1
   }
-  const segmenter = create$H();
+  const segmenter = create$I();
   const next = segmenter.at(line, columnIndex);
   return next.segment.length
 };
@@ -36888,14 +36970,14 @@ const EditorCommandHandleNativeBeforeInputFromContentEditable = {
   handleBeforeInputFromContentEditable
 };
 
-const handleFocus$2 = (editor) => {
+const handleFocus$3 = (editor) => {
   setFocus(EditorText);
   return editor
 };
 
 const EditorCommandHandleFocus = {
   __proto__: null,
-  handleFocus: handleFocus$2
+  handleFocus: handleFocus$3
 };
 
 const handleMouseMove = (editor, x, y) => {
@@ -38184,10 +38266,10 @@ const openCompletion$1 = async (editor, openingReason = 1) => {
   if (editor.completionUid !== 0) {
     return editor
   }
-  const completionUid = create$13();
+  const completionUid = create$14();
   editor.completionUid = completionUid;
-  const widgetId = create$13();
-  const viewlet = create$Z(load$6, EditorCompletion$1, widgetId, 'builtin://', 0, 0, 0, 0);
+  const widgetId = create$14();
+  const viewlet = create$_(load$6, EditorCompletion$1, widgetId, 'builtin://', 0, 0, 0, 0);
   viewlet.show = false;
   viewlet.uid = completionUid;
   // @ts-ignore
@@ -40587,14 +40669,14 @@ const ViewletExtensionsClearSearchResults = {
   clearSearchResults: clearSearchResults$1
 };
 
-const handleFocus$1 = (state) => {
+const handleFocus$2 = (state) => {
   setFocus(Extensions);
   return state
 };
 
 const ViewletExtensionsHandleFocus = {
   __proto__: null,
-  handleFocus: handleFocus$1
+  handleFocus: handleFocus$2
 };
 
 const closeTabsLeft = (state) => {
@@ -40647,7 +40729,7 @@ const closeTabsRight = async (state) => {
     const uri = newActiveEditor.uri;
     const moduleId = getModuleId(uri);
     const uid = newActiveEditor.uid;
-    const instance = create$Z(load$6, moduleId, state.uid, uri, x, y, width, contentHeight);
+    const instance = create$_(load$6, moduleId, state.uid, uri, x, y, width, contentHeight);
     // @ts-ignore
     instance.show = false;
     instance.setBounds = false;
@@ -40704,13 +40786,13 @@ const closeOthers = async (state) => {
     newActiveIndex = 0;
     const disposeCommands = disposeFunctional(activeEditor.uid);
     commands.push(...disposeCommands);
-    const instanceUid = create$13();
+    const instanceUid = create$14();
     const moduleId = getModuleId(activeEditor.uri);
     const x = state.x;
     const y = state.y + state.tabHeight;
     const width = state.width;
     const contentHeight = state.height - state.tabHeight;
-    const instance = create$Z(load$6, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
+    const instance = create$_(load$6, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
     instance.uid = instanceUid;
     instance.show = false;
     instance.setBounds = false;
@@ -40958,10 +41040,10 @@ const handleDropFilePathSplit = async (state, eventX, eventY, filePath, splitDir
   ];
   const uri = filePath;
   const id = undefined(uri);
-  const instanceUid = create$13();
-  const tabsUid = create$13();
-  const sashUid = create$13();
-  const instance = create$Z(load$6, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
+  const instanceUid = create$14();
+  const tabsUid = create$14();
+  const sashUid = create$14();
+  const instance = create$_(load$6, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
   instance.show = false;
   instance.uid = instanceUid;
   // const sashGridItem = {
@@ -41008,7 +41090,7 @@ const handleDropFilePathSplit = async (state, eventX, eventY, filePath, splitDir
 
   const firstItem = grid[1];
   // resize content
-  const resizeCommands = resize$l(firstItem.instanceUid, { x: 0, y: 0, width: width - overlayWidth, height });
+  const resizeCommands = resize$m(firstItem.instanceUid, { x: 0, y: 0, width: width - overlayWidth, height });
   console.log({ resizeCommands });
   allCommands.push(...resizeCommands);
   allCommands.push(['Viewlet.setBounds', firstItem.instanceUid, originalX, originalY, originalWidth, originalHeight]);
@@ -41097,7 +41179,7 @@ const splitRight = (state) => {
   if (editor) {
     const editorUid = editor.uid;
     number(editorUid);
-    const resizeCommands = resize$l(editorUid, dimensions);
+    const resizeCommands = resize$m(editorUid, dimensions);
     commands.push(...resizeCommands);
     commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
   }
@@ -43256,7 +43338,7 @@ const handleButtonClick = async (state, clickedIndex) => {
     return
   }
   await executeCommand(button.command, item.file);
-  const newState = await loadContent$a(state);
+  const newState = await loadContent$b(state);
   return newState
 };
 
@@ -43273,7 +43355,7 @@ const acceptInput = async (state) => {
   }
   const providerId = enabledProviderIds[0];
   await acceptInput$2(providerId, inputValue);
-  const newState = await loadContent$a(state);
+  const newState = await loadContent$b(state);
   return {
     ...newState,
     inputValue: '',
@@ -43285,14 +43367,14 @@ const ViewletSourceControlAcceptInput = {
   acceptInput
 };
 
-const handleFocus = async (state) => {
+const handleFocus$1 = async (state) => {
   setFocus(SourceControlInput);
   return state
 };
 
 const ViewletSourceControlHandleFocus = {
   __proto__: null,
-  handleFocus
+  handleFocus: handleFocus$1
 };
 
 const handleClickClose = async (state) => {
@@ -45238,6 +45320,16 @@ const ViewletTitleBarMenuBarHandleClick = {
   handleClick
 };
 
+const handleFocus = (state) => {
+  setFocus(TitleBarMenuBar);
+  return state
+};
+
+const ViewletTitleBarMenuBarHandleFocus = {
+  __proto__: null,
+  handleFocus
+};
+
 const downloadUpdate$2 = (version) => {
   string(version);
   return invoke$1('AutoUpdaterAppImage.downloadUpdate', version)