@lvce-editor/static-server 0.83.1 → 0.84.1

package/static/{7c12bd7 → 50d6c96}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/7c12bd7';
+    return '/50d6c96';
   }
 };
 const assetDir = getAssetDir$1();
@@ -121,7 +121,7 @@ const getText$3 = response => {
 const getJson$7 = response => {
   return response.json();
 };
-const create$17 = (value, options) => {
+const create$18 = (value, options) => {
   return new Response(value, options);
 };
 
@@ -790,7 +790,7 @@ const listen$2 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$16 = async ({
+const create$17 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -802,7 +802,7 @@ const create$16 = async ({
 };
 const WebWorkerRpcClient2 = {
   __proto__: null,
-  create: create$16
+  create: create$17
 };
 
 const commandMapRef = {};
@@ -1646,7 +1646,7 @@ const getModule$5 = method => {
   }
 };
 
-const create$15 = async ({
+const create$16 = async ({
   method,
   ...options
 }) => {
@@ -1690,7 +1690,7 @@ const getConfiguredWorkerUrl$2 = () => {
 };
 const launchErrorWorker = async () => {
   const name = 'Error Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$2()
@@ -2143,7 +2143,7 @@ const getConfiguredWorkerUrl$1 = (preferenceKey, fallback) => {
 
 const launchExtensionManagementWorker = async () => {
   const name = 'Extension Management Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.extensionManagementWorkerPath', extensionManagementWorkerUrl)
@@ -2315,7 +2315,7 @@ const cleanAuthCallbackUrl = async href => {
 const state$u = {
   id: 0
 };
-const create$14 = () => {
+const create$15 = () => {
   return ++state$u.id;
 };
 
@@ -2356,7 +2356,7 @@ const handleEvent = async (id, event) => {
 };
 const map2 = Object.create(null);
 const watchFile = async (rpcId, callBackCommandId, uri) => {
-  const id = create$14();
+  const id = create$15();
   map2[id] = {
     rpcId,
     callBackCommandId
@@ -2541,7 +2541,7 @@ const testWorkerUrl = `${assetDir}/packages/test-worker/dist/testWorkerMain.js`;
 
 const launchTestWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.testWorkerPath', testWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Test Worker'
@@ -3416,7 +3416,7 @@ const getTransferrables = value => {
   return transferrables;
 };
 
-const create$13 = async ({
+const create$14 = async ({
   url,
   name,
   port,
@@ -3488,7 +3488,7 @@ const wrap$7 = port => {
 
 const IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug = {
   __proto__: null,
-  create: create$13,
+  create: create$14,
   wrap: wrap$7
 };
 
@@ -3523,8 +3523,8 @@ const acquire = objectId => {
 
 const launchExtensionHostWorker = async () => {
   const name = getPlatform$1() === Electron$1 ? 'Extension Host (Electron)' : 'Extension Host';
-  const id = create$14();
-  let ipc = await create$15({
+  const id = create$15();
+  let ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: extensionHostWorkerUrl,
@@ -3652,7 +3652,7 @@ const quickPickWorkerUrl = `${assetDir}/packages/quick-pick-worker/dist/quickPic
 
 const launchQuickPickWorker = async () => {
   const name = 'QuickPick Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.quickPickWorkerPath', quickPickWorkerUrl)
@@ -3722,6 +3722,7 @@ const Error$4 = 'Error';
 const EmptyEditor = 'EmptyEditor';
 const Explorer$1 = 'Explorer';
 const ExtensionDetail = 'ExtensionDetail';
+const ExtensionView = 'ExtensionView';
 const ChatDebug = 'ChatDebug';
 const Extensions = 'Extensions';
 const Iframe = 'Iframe';
@@ -3796,6 +3797,7 @@ const ViewletModuleId = {
   Error: Error$4,
   Explorer: Explorer$1,
   ExtensionDetail,
+  ExtensionView,
   Extensions,
   Iframe,
   IframeInspector,
@@ -3880,7 +3882,7 @@ const runFn = async (instance, id, key, fn, args) => {
     if (oldState === newState) {
       return;
     }
-    const commands = render$K(instance.factory, oldState, newState, newState.uid || id);
+    const commands = render$L(instance.factory, oldState, newState, newState.uid || id);
     updateDynamicFocusContext(commands);
     setRenderedState(id, newState);
     await invoke$F(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
@@ -3902,7 +3904,7 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
   object(newState);
   const renderedState = instance.renderedState;
   if (oldState !== newState) {
-    commands.push(...render$K(instance.factory, renderedState, newState));
+    commands.push(...render$L(instance.factory, renderedState, newState));
     setRenderedState(id, newState);
   }
   if (commands.length === 0) {
@@ -4000,7 +4002,7 @@ const wrapViewletCommandWithSideEffectLazy = (id, key, importFn) => {
  * @param {()=>any} getModule
  * @returns
  */
-const create$12 = (getModule, id, parentUid, uri, x, y, width, height) => {
+const create$13 = (getModule, id, parentUid, uri, x, y, width, height) => {
   fn(getModule);
   string(id);
   number(parentUid);
@@ -4133,7 +4135,7 @@ const maybeRegisterEvents = module => {
       }
       const uid = instance.uid || instance.state.uid;
       number(uid);
-      const commands = render$K(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
+      const commands = render$L(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
       instance.state = newState;
       instance.renderedState = newState;
       await invoke$F(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
@@ -4160,7 +4162,7 @@ const maybeRegisterEvents = module => {
         }
         const uid = instance.uid || instance.state.uid;
         number(uid);
-        const commands = render$K(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
+        const commands = render$L(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
         instance.state = newState;
         instance.renderedState = newState;
         await invoke$F(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
@@ -4227,7 +4229,7 @@ const load$4 = async (viewlet, focus = false, restore = false, restoreState = un
   const shouldRenderEvents = viewlet.shouldRenderEvents ?? true;
   let state = ViewletState.Default;
   // @ts-ignore
-  const viewletUid = viewlet.uid || create$14();
+  const viewletUid = viewlet.uid || create$15();
   let module;
   try {
     viewlet.type = 1;
@@ -4296,7 +4298,7 @@ const load$4 = 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$14();
+        const childUid = child.uid || create$15();
         const childId = child.id;
         const childViewlet = {
           x: child.x,
@@ -4479,7 +4481,7 @@ const load$4 = async (viewlet, focus = false, restore = false, restoreState = un
   }
   // console.timeEnd(`load/${viewlet.id}`)
 };
-const render$K = (module, oldState, newState, uid = newState.uid || module.name, parentUid = newState.parentUid) => {
+const render$L = (module, oldState, newState, uid = newState.uid || module.name, parentUid = newState.parentUid) => {
   const commands = getRenderCommands(module, oldState, newState, uid, parentUid);
   return commands;
 };
@@ -4555,7 +4557,7 @@ const focus$5 = async id => {
   if (instance && instance.factory.focus) {
     const oldState = instance.state;
     const newState = instance.factory.focus(oldState);
-    commands.push(...render$K(instance.factory, oldState, newState));
+    commands.push(...render$L(instance.factory, oldState, newState));
   }
   await invoke$F('Viewlet.sendMultiple', commands);
 };
@@ -4660,7 +4662,7 @@ const showFunctional = id => {
   const instance = getInstance(id);
   const initialState = instance.factory.create();
   // TODO resize
-  const commands = render$K(instance.factory, initialState, instance.state);
+  const commands = render$L(instance.factory, initialState, instance.state);
   // TODO avoid side effect, instead return an array of
   // commands to send to shared process
   // @ts-ignore
@@ -4718,7 +4720,7 @@ const hideFunctional = id => {
     throw new Error(`Failed to dispose viewlet ${id}: ${error}`);
   }
 };
-const resize$n = async (id, dimensions) => {
+const resize$o = async (id, dimensions) => {
   number(id);
   object(dimensions);
   const instance = getInstance(id);
@@ -4739,7 +4741,7 @@ const resize$n = async (id, dimensions) => {
       // TODO handle promise rejection gracefully
       instance.factory.resizeEffect(newState);
     }
-    commands = render$K(instance.factory, instance.state, newState);
+    commands = render$L(instance.factory, instance.state, newState);
   } else if (typeof instance.factory.resize === 'function') {
     // deprecated
     const result = await instance.factory.resize(oldState, dimensions);
@@ -4758,7 +4760,7 @@ const handleFocusChange$2 = (id, isFocused) => {
   }
   const oldState = instance.state;
   const newState = instance.factory.handleFocusChange(oldState, isFocused);
-  const commands = render$K(instance.factory, instance.state, newState);
+  const commands = render$L(instance.factory, instance.state, newState);
   object(newState);
   array(commands);
   setState$1(id, newState);
@@ -4772,7 +4774,7 @@ const setStateFunctional = (id, newState) => {
   const instance = getInstance(id);
   if (instance && instance.factory && instance.factory.hasFunctionalRender) {
     const oldState = instance.state;
-    const commands = render$K(instance.factory, oldState, newState);
+    const commands = render$L(instance.factory, oldState, newState);
     instance.state = newState;
     return commands;
   }
@@ -4794,7 +4796,7 @@ const getAllStates = () => {
 const openWidget = async (moduleId, ...args) => {
   const hasInstance$1 = hasInstance(moduleId);
   const type = args[0];
-  const childUid = create$14();
+  const childUid = create$15();
   const commands = await load$4({
     getModule: load$2,
     id: moduleId,
@@ -4885,7 +4887,7 @@ const executeViewletCommand = async (uid, fnName, ...args) => {
   if (!hasInstance(uid)) {
     return;
   }
-  const commands = render$K(instance.factory, instance.renderedState, actualNewState);
+  const commands = render$L(instance.factory, instance.renderedState, actualNewState);
   if ('newState' in newState) {
     commands.push(...newState.commands);
   }
@@ -4972,7 +4974,7 @@ const iconThemeWorkerUrl = `${assetDir}/packages/icon-theme-worker/dist/iconThem
 
 const launchIconThemeWorker = async () => {
   const name = 'Icon Theme Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.iconThemeWorkerPath', iconThemeWorkerUrl)
@@ -5100,7 +5102,7 @@ const getMarkerLines = (loc, source, opts) => {
     markerLines
   };
 };
-const create$11 = (rawLines, loc, opts = {}) => {
+const create$12 = (rawLines, loc, opts = {}) => {
   const lines = rawLines.split(NEWLINE);
   const {
     start,
@@ -5384,7 +5386,7 @@ const warnFileNames = (languageId, language) => {
       break;
     }
   }
-  const codeFrame = create$11(code, {
+  const codeFrame = create$12(code, {
     start: {
       line: rowIndex + 1,
       column: columnIndex + 1
@@ -5469,7 +5471,7 @@ const getLanguageConfiguration = async editor => {
 const RendererWorker = 108;
 
 const listen = method => {
-  return create$15({
+  return create$16({
     method,
     type: 'shared-process',
     name: 'Shared Process',
@@ -6119,7 +6121,7 @@ const authWorkerUrl = `${assetDir}/packages/auth-worker/dist/authWorkerMain.js`;
 
 const launchAuthWorker = async () => {
   const name = 'Auth Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.authWorkerPath', authWorkerUrl)
@@ -6207,6 +6209,7 @@ const map = {
   [EmptyEditor]: () => Promise.resolve().then(function () { return ViewletEmptyEditor_ipc; }),
   [Explorer$1]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
   [ExtensionDetail]: () => Promise.resolve().then(function () { return ViewletExtensionDetail_ipc; }),
+  [ExtensionView]: () => Promise.resolve().then(function () { return ViewletExtensionView_ipc; }),
   [Extensions]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
   [IframeInspector]: () => Promise.resolve().then(function () { return ViewletIframeInspector_ipc; }),
   [Implementations]: () => Promise.resolve().then(function () { return ViewletImplementations_ipc; }),
@@ -6365,8 +6368,8 @@ const startup = async (platform, assetDir) => {
   mark(DidLoadColorTheme);
   mark$1(Four);
   mark(WillShowLayout);
-  const layout = create$12(load$2, Layout, 0, '', 0, 0, 0, 0);
-  layout.uid = create$14();
+  const layout = create$13(load$2, Layout, 0, '', 0, 0, 0, 0);
+  layout.uid = create$15();
   const layoutState = await getSavedViewletState(Layout);
   const commands = await load$4({
     getModule: load$2,
@@ -6534,6 +6537,9 @@ const commandMap = {
   'ElectronClipBoard.writeText': lazy('ElectronClipBoard.writeText'),
   'ElectronContentTracing.startRecording': lazy('ElectronContentTracing.startRecording'),
   'ElectronContentTracing.stopRecording': lazy('ElectronContentTracing.stopRecording'),
+  'ElectronDialog.mockOpenDialog': lazy('ElectronDialog.mockOpenDialog'),
+  'ElectronDialog.resetMockOpenDialog': lazy('ElectronDialog.resetMockOpenDialog'),
+  'ElectronDialog.showOpenDialog': lazy('ElectronDialog.showOpenDialog'),
   'ElectronDialog.showMessageBox': lazy('ElectronDialog.showMessageBox'),
   'ElectronWindow.close': lazy('ElectronWindow.close'),
   'ElectronWindow.maximize': lazy('ElectronWindow.maximize'),
@@ -7011,7 +7017,7 @@ const getPort = async ipcId => {
   set$c(webContentsId);
   return port2;
 };
-const create$10 = async options => {
+const create$11 = async options => {
   const type = options.type;
   const name = options.name || 'electron ipc';
   const ipcId = options.ipcId;
@@ -7057,7 +7063,7 @@ const wrap$6 = port => {
 
 const IpcParentWithElectronMessagePort = {
   __proto__: null,
-  create: create$10,
+  create: create$11,
   wrap: wrap$6
 };
 
@@ -7072,7 +7078,7 @@ const isMessagePort = value => {
   return value instanceof MessagePort;
 };
 
-const create$$ = async ({
+const create$10 = async ({
   url
 }) => {
   string(url);
@@ -7122,7 +7128,7 @@ const wrap$5 = port => {
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$$,
+  create: create$10,
   wrap: wrap$5
 };
 
@@ -7198,7 +7204,7 @@ const tryToGetActualErrorMessage = async ({
 
 const Module = 'module';
 
-const create$_ = async ({
+const create$$ = async ({
   url,
   name
 }) => {
@@ -7260,11 +7266,11 @@ const wrap$4 = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$_,
+  create: create$$,
   wrap: wrap$4
 };
 
-const create$Z = async ({
+const create$_ = async ({
   url
 }) => {
   const referencePort = await new Promise(resolve => {
@@ -7307,7 +7313,7 @@ const wrap$3 = referencePort => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$Z,
+  create: create$_,
   wrap: wrap$3
 };
 
@@ -7328,7 +7334,7 @@ const getWebSocketUrl = (type, host) => {
   return `${wsProtocol}//${host}/websocket/${type}`;
 };
 
-const create$Y = (url, args) => {
+const create$Z = (url, args) => {
   const webSocket = new WebSocket(url, args);
   const reconnect = () => {
     const originalOnMessage = context.webSocket.onmessage;
@@ -7393,13 +7399,13 @@ const waitForWebSocketToBeOpen = webSocket => {
   });
 };
 
-const create$X = async ({
+const create$Y = async ({
   type
 }) => {
   string(type);
   const host = getHost();
   const wsUrl = getWebSocketUrl(type, host);
-  const webSocket = create$Y(wsUrl);
+  const webSocket = create$Z(wsUrl);
   const firstWebSocketEvent = await waitForWebSocketToBeOpen(webSocket);
   if (firstWebSocketEvent.type === Close) {
     throw new IpcError('Websocket connection was immediately closed');
@@ -7440,7 +7446,7 @@ const wrap$2 = webSocket => {
 
 const IpcParentWithWebSocket = {
   __proto__: null,
-  create: create$X,
+  create: create$Y,
   wrap: wrap$2
 };
 
@@ -7455,7 +7461,7 @@ const getModule$4 = () => {
       throw new Error('unsupported platform');
   }
 };
-const create$W = async options => {
+const create$X = async options => {
   const module = await getModule$4();
   const rawIpc = await module.create(options);
   if (options.raw) {
@@ -7475,7 +7481,7 @@ const wrap$1 = ({
 
 const IpcParentWithNode = {
   __proto__: null,
-  create: create$W,
+  create: create$X,
   wrap: wrap$1
 };
 
@@ -7485,7 +7491,7 @@ const sendMessagePortToElectron = async (port, initialCommand, ipcId) => {
   await invokeAndTransfer$r(initialCommand, port, ipcId);
 };
 
-const create$V = async options => {
+const create$W = async options => {
   switch (getPlatform$1()) {
     case Web$1:
     case Remote:
@@ -7545,7 +7551,7 @@ const wrap = port => {
 
 const IpcParentWithNodeAlternate = {
   __proto__: null,
-  create: create$V,
+  create: create$W,
   wrap
 };
 
@@ -8542,7 +8548,7 @@ const fileSystemWorkerUrl = `${assetDir}/packages/file-system-worker/dist/fileSy
 
 const launchFileSystemWorker = async () => {
   const name = 'File System Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.fileSystemWorkerPath', fileSystemWorkerUrl)
@@ -9194,7 +9200,7 @@ const debugWorkerUrl = `${assetDir}/packages/debug-worker/dist/debugWorkerMain.j
 
 const launchDebugWorker = async () => {
   const name = 'Debug Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.debugWorkerPath', debugWorkerUrl)
@@ -9285,7 +9291,7 @@ const aboutViewWorkerUrl = `${assetDir}/packages/about-view-worker/dist/aboutWor
 
 const launchAboutViewWorker = async () => {
   const name = 'About View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.aboutViewWorkerPath', aboutViewWorkerUrl)
@@ -9431,7 +9437,7 @@ const updateWorkerUrl = `${assetDir}/packages/update-worker/dist/updateWorkerMai
 
 const launchUpdateWorker = async () => {
   const name = 'Update Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.updateWorkerPath', updateWorkerUrl)
@@ -9767,7 +9773,7 @@ const setResponse = async (key, value, contentType) => {
   }
   const cacheName = getCacheName();
   const cache = await caches.open(cacheName);
-  await cache.put(key, create$17(value, {
+  await cache.put(key, create$18(value, {
     headers: new Headers({
       'Content-Type': contentType,
       'Content-Length': `${value.length}`
@@ -9917,7 +9923,7 @@ const clipBoardWorkerUrl = `${assetDir}/packages/clipboard-worker/dist/clipBoard
 
 const launchClipBoardWorker = async () => {
   const name = 'ClipBoard Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.clipBoardWorkerPath', clipBoardWorkerUrl)
@@ -10012,7 +10018,20 @@ const ColorTheme_ipc = {
   name: name$22
 };
 
+let mockOpenDialogPaths = undefined;
+const mockOpenDialog = paths => {
+  if (!Array.isArray(paths)) {
+    throw new TypeError('expected paths to be an array');
+  }
+  mockOpenDialogPaths = paths;
+};
+const resetMockOpenDialog = () => {
+  mockOpenDialogPaths = undefined;
+};
 const showOpenDialog = (title, properties) => {
+  if (mockOpenDialogPaths) {
+    return mockOpenDialogPaths;
+  }
   return invoke$C('ElectronDialog.showOpenDialog', title, properties);
 };
 const showMessageBox = async options => {
@@ -10291,8 +10310,8 @@ const attachDebugger = async pid => {
   await invoke$C('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.83.1';
-const commit$1 = '7c12bd7';
+const version = '0.84.1';
+const commit$1 = '50d6c96';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$C('Process.getPid');
@@ -11572,7 +11591,7 @@ const wrappedCreate = options => {
   if (options && options.url && options.url.endsWith('sourceActionWorkerMain.js')) {
     options.url = getSourceActionWorkerUrl();
   }
-  return create$15(options);
+  return create$16(options);
 };
 const Commands$1I = {
   create: wrappedCreate
@@ -11638,7 +11657,7 @@ const KeyBindingsInitial_ipc = {
 const launchIsolatedExtensionHostWorker = async (port, extensionId, url) => {
   const suffix = extensionId ? `: ${extensionId}` : '';
   const name = getPlatform$1() === Electron$1 ? `Extension API (Electron)${suffix}` : `Extension API${suffix}`;
-  const id = create$14();
+  const id = create$15();
   await invokeAndTransfer$u('IpcParent.create', {
     method: ModuleWorkerWithMessagePort,
     name,
@@ -11729,7 +11748,7 @@ const menuWorkerUrl = `${assetDir}/packages/menu-worker/dist/menuWorkerMain.js`;
 
 const launchMenuWorker = async () => {
   const name = 'Menu Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.menuWorkerPath', menuWorkerUrl)
@@ -12060,7 +12079,7 @@ const Navigation_ipc = {
 const state$5 = {
   notifications: []
 };
-const create$U = async (type, text) => {
+const create$V = async (type, text) => {
   // @ts-ignore
   state$5.notifications.push({
     type,
@@ -12096,7 +12115,7 @@ const dispose$t = async id => {
 
 const name$1w = 'Notification';
 const Commands$1y = {
-  create: create$U,
+  create: create$V,
   dispose: dispose$t,
   handleClick: handleClick$1,
   showWithOptions: showWithOptions
@@ -12140,7 +12159,7 @@ const Open_ipc = {
   name: name$1v
 };
 
-const create$T = (id, successHtml, errorHtml) => {
+const create$U = (id, successHtml, errorHtml) => {
   return invoke$C('OAuthServer.create', id, successHtml, errorHtml);
 };
 const getCode = id => {
@@ -12152,7 +12171,7 @@ const dispose$s = id => {
 
 const name$1u = 'OAuthServer';
 const Commands$1w = {
-  create: create$T,
+  create: create$U,
   getCode: getCode,
   dispose: dispose$s
 };
@@ -12414,7 +12433,7 @@ const Commands$1h = {
   openWidget: openWidget,
   send: send,
   dispose: dispose$u,
-  resize: resize$n
+  resize: resize$o
 };
 
 const Viewlet_ipc = {
@@ -12502,7 +12521,7 @@ const registerCallback = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  const callbackId = create$14();
+  const callbackId = create$15();
   callbackMap[callbackId] = resolve;
   return {
     callbackId,
@@ -12649,7 +12668,7 @@ const terminalWorkerUrl = `${assetDir}/packages/terminal-worker/dist/terminalWor
 const launchTerminalWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.terminalWorkerPath', terminalWorkerUrl);
   const name = getPlatform$1() === Electron$1 ? 'Terminal Worker (Electron)' : 'Terminal Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: configuredWorkerUrl
@@ -12667,7 +12686,7 @@ const previewWorkerUrl = `${assetDir}/packages/preview-worker/dist/previewWorker
 
 const launchPreviewWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.previewWorkerPath', previewWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Preview Worker'
@@ -12682,33 +12701,33 @@ const {
   restart: restart$h
 } = getOrCreateWorker(launchPreviewWorker);
 
-const create$S = async canvasId => {
+const create$T = async canvasId => {
   number(canvasId);
-  const id = create$14();
+  const id = create$15();
   await invoke$F('OffscreenCanvas.create', canvasId, id);
   const canvas = acquire(id);
   return canvas;
 };
 const create2 = async (canvasId, width, height) => {
   number(canvasId);
-  const id = create$14();
+  const id = create$15();
   await invoke$F('OffscreenCanvas.create2', canvasId, id, width, height);
   const canvas = acquire(id);
   return canvas;
 };
 const createForTerminal = async (canvasId, callbackId) => {
-  const canvas = await create$S(canvasId);
+  const canvas = await create$T(canvasId);
   await invokeAndTransfer$j('OffscreenCanvas.handleResult', callbackId, canvas);
 };
 const createForPreview = async (callbackId, width, height) => {
-  const canvasId = create$14();
+  const canvasId = create$15();
   const canvas = await create2(canvasId, width, height);
   await invokeAndTransfer$i('Preview.executeCallback', callbackId, canvas, canvasId);
 };
 
 const name$15 = 'OffscreenCanvas';
 const Commands$17 = {
-  create: create$S,
+  create: create$T,
   createForTerminal: createForTerminal,
   createForPreview: createForPreview
 };
@@ -13032,7 +13051,7 @@ const chatCoordinatorWorkerUrl = `${assetDir}/packages/chat-coordinator-worker/d
 
 const launchChatCoordinatorWorker = async () => {
   const name = 'Chat Coordinator Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatCoordinatorWorkerPath', chatCoordinatorWorkerUrl)
@@ -13048,7 +13067,7 @@ const chatMathWorkerUrl = `${assetDir}/packages/chat-math-worker/dist/chatMathWo
 
 const launchChatMathWorker = async () => {
   const name = 'Chat Math Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatMathWorkerPath', chatMathWorkerUrl)
@@ -13064,7 +13083,7 @@ const chatMessageParsingWorkerUrl = `${assetDir}/packages/chat-message-parsing-w
 
 const launchChatMessageParsingWorker = async () => {
   const name = 'Chat Message Parsing Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatMessageParsingWorkerPath', chatMessageParsingWorkerUrl)
@@ -13080,7 +13099,7 @@ const chatNetworkWorkerUrl = `${assetDir}/packages/chat-network-worker/dist/chat
 
 const launchChatNetworkWorker = async () => {
   const name = 'Chat Network Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatNetworkWorkerPath', chatNetworkWorkerUrl)
@@ -13096,7 +13115,7 @@ const diffWorkerUrl = `${assetDir}/packages/diff-worker/dist/diffWorkerMain.js`;
 
 const launchDiffWorker = async () => {
   const name = 'Diff Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.diffWorkerPath', diffWorkerUrl)
@@ -13113,7 +13132,7 @@ const chatStorageWorkerUrl = `${assetDir}/packages/chat-storage-worker/dist/chat
 
 const launchChatStorageWorker = async () => {
   const name = 'Chat Storage Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatStorageWorkerPath', chatStorageWorkerUrl)
@@ -13129,7 +13148,7 @@ const chatToolWorkerUrl = `${assetDir}/packages/chat-tool-worker/dist/chatToolWo
 
 const launchChatToolWorker = async () => {
   const name = 'Chat Tool Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatToolWorkerPath', chatToolWorkerUrl)
@@ -13150,7 +13169,7 @@ const chatViewModelWorkerUrl = `${assetDir}/packages/chat-view-model/dist/chatVi
 
 const launchChatViewModelWorker = async () => {
   const name = 'Chat View Model Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatViewModelWorkerPath', chatViewModelWorkerUrl)
@@ -13166,8 +13185,8 @@ const editorWorkerUrl = `${assetDir}/packages/editor-worker/dist/editorWorkerMai
 
 const launchEditorWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('developer.editorWorkerPath', editorWorkerUrl);
-  const id = create$14();
-  let ipc = await create$15({
+  const id = create$15();
+  let ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Editor Worker',
@@ -13195,7 +13214,7 @@ const fileSearchWorkerUrl = `${assetDir}/packages/file-search-worker/dist/fileSe
 
 const launchFileSearchWorker = async () => {
   const name = 'File Search Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.fileSearchWorkerPath', fileSearchWorkerUrl)
@@ -13217,7 +13236,7 @@ const iframeWorkerUrl = `${assetDir}/packages/iframe-worker/dist/iframeWorkerMai
 
 const launchIframeWorker = async () => {
   const name = 'Iframe Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.iframeWorkerPath', iframeWorkerUrl)
@@ -13236,7 +13255,7 @@ const markdownWorkerUrl = `${assetDir}/packages/markdown-worker/dist/markdownWor
 
 const launchMarkdownWorker = async () => {
   const name = 'Markdown Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.markdownWorkerPath', markdownWorkerUrl)
@@ -13254,7 +13273,7 @@ const openerWorkerUrl = `${assetDir}/packages/opener-worker/dist/openerWorkerMai
 
 const launchOpenerWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.openerWorkerPath', openerWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Opener Worker'
@@ -13271,7 +13290,7 @@ const previewSandBoxWorkerUrl = `${assetDir}/packages/preview-sandbox-worker/dis
 
 const launchPreviewSandBoxWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.previewSandboxWorkerPath', previewSandBoxWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Preview Sandbox Worker'
@@ -13287,7 +13306,7 @@ const sourceControlWorkerUrl = `${assetDir}/packages/source-control-worker/dist/
 
 const launchSourceControlWorker = async () => {
   const name = 'Source Control Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.sourceControlWorkerPath', sourceControlWorkerUrl)
@@ -13307,7 +13326,7 @@ const textMeasurementWorkerUrl = `${assetDir}/packages/text-measurement-worker/d
 
 const launchTextMeasurementWorker = async () => {
   const name = 'Text Measurement Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.textMeasurementWorkerPath', textMeasurementWorkerUrl)
@@ -13324,7 +13343,7 @@ const textSearchWorkerUrl = `${assetDir}/packages/text-search-worker/dist/textSe
 
 const launchTextSearchWorker = async () => {
   const name = 'Text Search Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.textSearchWorkerPath', textSearchWorkerUrl)
@@ -13548,8 +13567,8 @@ const syntaxHighlightingWorkerUrl = `${assetDir}/packages/syntax-highlighting-wo
 const launchSyntaxHighlightingWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('developer.syntaxHighlightingWorkerPath', syntaxHighlightingWorkerUrl);
   const name = 'Syntax Highlighting Worker';
-  const id = create$14();
-  let ipc = await create$15({
+  const id = create$15();
+  let ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: configuredWorkerUrl,
@@ -13701,7 +13720,7 @@ const WebView_ipc = {
 };
 
 const launchSearchProcess = async () => {
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: NodeAlternate,
     type: 'search-process',
     name: 'Search Process',
@@ -13797,6 +13816,9 @@ const GetWindowId_ipc = {
 
 const name$L = 'ElectronDialog';
 const Commands$N = {
+  mockOpenDialog: mockOpenDialog,
+  resetMockOpenDialog: resetMockOpenDialog,
+  showOpenDialog: showOpenDialog,
   showMessageBox: showMessageBox
 };
 
@@ -13945,13 +13967,13 @@ const MeasureTextHeight_ipc = {
   name: name$H
 };
 
-const create$R = id => {
+const create$S = id => {
   return {
     id,
     commands: []
   };
 };
-const loadContent$N = async state => {
+const loadContent$O = async state => {
   const {
     id
   } = state;
@@ -14052,8 +14074,8 @@ const apply = (oldState, newState) => {
   return adjustedCommands;
 };
 
-const hasFunctionalRender$G = true;
-const hasFunctionalRootRender$A = true;
+const hasFunctionalRender$H = true;
+const hasFunctionalRootRender$B = true;
 const hasFunctionalEvents$s = true;
 const renderDialog$4 = {
   isEqual(oldState, newState) {
@@ -14062,7 +14084,7 @@ const renderDialog$4 = {
   apply: apply,
   multiple: true
 };
-const render$J = [renderDialog$4];
+const render$K = [renderDialog$4];
 const renderEventListeners$q = async () => {
   const listeners = await invoke$u('About.renderEventListeners');
   return listeners;
@@ -14072,15 +14094,15 @@ const ViewletAbout_ipc = {
   __proto__: null,
   Commands: Commands$I,
   Css: Css$I,
-  create: create$R,
+  create: create$S,
   getCommands: getCommands$o,
   getKeyBindings: getKeyBindings$o,
   hasFunctionalEvents: hasFunctionalEvents$s,
-  hasFunctionalRender: hasFunctionalRender$G,
-  hasFunctionalRootRender: hasFunctionalRootRender$A,
-  loadContent: loadContent$N,
+  hasFunctionalRender: hasFunctionalRender$H,
+  hasFunctionalRootRender: hasFunctionalRootRender$B,
+  loadContent: loadContent$O,
   name: name$G,
-  render: render$J,
+  render: render$K,
   renderDialog: renderDialog$4,
   renderEventListeners: renderEventListeners$q
 };
@@ -14089,7 +14111,7 @@ const activityBarWorkerUrl = `${assetDir}/packages/activity-bar-worker/dist/acti
 
 const launchActivityBarWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.activityBarWorkerPath', activityBarWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Activity Bar Worker'
@@ -14113,7 +14135,7 @@ const ActivityBarItem = 48;
 // 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,
     activityBarItems: [],
@@ -14130,7 +14152,7 @@ const create$Q = (id, uri, x, y, width, height) => {
     platform: getPlatform$1()
   };
 };
-const loadContent$M = async state => {
+const loadContent$N = async state => {
   const savedState = {};
   await invoke$i('ActivityBar.create', state.uid, '', state.x, state.y, state.width, state.height, null, null, -1, state.platform);
   await invoke$i('ActivityBar.loadContent', state.uid, savedState);
@@ -14307,8 +14329,8 @@ const getQuickPickMenuEntries$5 = () => {
   }];
 };
 
-const hasFunctionalRender$F = true;
-const hasFunctionalRootRender$z = true;
+const hasFunctionalRender$G = true;
+const hasFunctionalRootRender$A = true;
 const hasFunctionalEvents$r = true;
 const renderItems$g = {
   isEqual(oldState, newState) {
@@ -14317,7 +14339,7 @@ const renderItems$g = {
   apply: apply,
   multiple: true
 };
-const render$I = [renderItems$g];
+const render$J = [renderItems$g];
 const renderEventListeners$p = async () => {
   const listeners = await invoke$i('ActivityBar.renderEventListeners');
   return listeners;
@@ -14332,20 +14354,20 @@ const ViewletActivityBar_ipc = {
   Css: Css$H,
   Events: Events$5,
   Variables: Variables$6,
-  create: create$Q,
+  create: create$R,
   getCommands: getCommands$n,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$n,
   getMenus: getMenus$e,
   getQuickPickMenuEntries: getQuickPickMenuEntries$5,
   hasFunctionalEvents: hasFunctionalEvents$r,
-  hasFunctionalRender: hasFunctionalRender$F,
-  hasFunctionalRootRender: hasFunctionalRootRender$z,
+  hasFunctionalRender: hasFunctionalRender$G,
+  hasFunctionalRootRender: hasFunctionalRootRender$A,
   hotReload: hotReload$k,
-  loadContent: loadContent$M,
+  loadContent: loadContent$N,
   menus: menus$i,
   name: name$F,
-  render: render$I,
+  render: render$J,
   renderEventListeners: renderEventListeners$p
 };
 
@@ -14361,14 +14383,14 @@ const getImprovedErrorMessage = message => {
   });
 };
 
-const create$P = (id, uri) => {
+const create$Q = (id, uri) => {
   return {
     uri,
     src: '',
     audioErrorMessage: ''
   };
 };
-const loadContent$L = async state => {
+const loadContent$M = async state => {
   const {
     uri
   } = state;
@@ -14517,8 +14539,8 @@ const getAudioVirtualDom = (src, errorMessage) => {
   }, ...getMediaVirtualDom(Audio, src, errorMessage)];
 };
 
-const hasFunctionalRender$E = true;
-const hasFunctionalRootRender$y = true;
+const hasFunctionalRender$F = true;
+const hasFunctionalRootRender$z = true;
 const renderAudio = {
   isEqual(oldState, newState) {
     return oldState.src === newState.src && oldState.audioErrorMessage === newState.audioErrorMessage;
@@ -14528,7 +14550,7 @@ const renderAudio = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$H = [renderAudio];
+const render$I = [renderAudio];
 
 const name$E = 'Audio';
 
@@ -14536,17 +14558,17 @@ const ViewletAudio_ipc = {
   __proto__: null,
   Commands: Commands$G,
   Css: Css$G,
-  create: create$P,
+  create: create$Q,
   dispose: dispose$r,
   handleAudioError,
-  hasFunctionalRender: hasFunctionalRender$E,
-  hasFunctionalRootRender: hasFunctionalRootRender$y,
-  loadContent: loadContent$L,
+  hasFunctionalRender: hasFunctionalRender$F,
+  hasFunctionalRootRender: hasFunctionalRootRender$z,
+  loadContent: loadContent$M,
   name: name$E,
-  render: render$H
+  render: render$I
 };
 
-const create$O = (id, uri, x, y, width, height) => {
+const create$P = (id, uri, x, y, width, height) => {
   return {
     browserViewMap: {},
     x,
@@ -14555,7 +14577,7 @@ const create$O = (id, uri, x, y, width, height) => {
     height
   };
 };
-const loadContent$K = async state => {
+const loadContent$L = async state => {
   const browserViewMap = await invoke$C('ElectronBrowserView.getAll');
   return {
     ...state,
@@ -14573,7 +14595,7 @@ const getDom = overview => {
   return dom;
 };
 
-const hasFunctionalRender$D = true;
+const hasFunctionalRender$E = true;
 const renderOverview = {
   isEqual(oldState, newState) {
     return oldState.browserViewMap === newState.browserViewMap;
@@ -14584,24 +14606,24 @@ const renderOverview = {
     return ['setDom', dom];
   }
 };
-const render$G = [renderOverview];
+const render$H = [renderOverview];
 
 const Css$F = ["/css/parts/ViewletBrowserViewOverview.css"];
 
 const ViewletBrowserViewOverview_ipc = {
   __proto__: null,
   Css: Css$F,
-  create: create$O,
-  hasFunctionalRender: hasFunctionalRender$D,
-  loadContent: loadContent$K,
-  render: render$G
+  create: create$P,
+  hasFunctionalRender: hasFunctionalRender$E,
+  loadContent: loadContent$L,
+  render: render$H
 };
 
 const chatViewWorkerUrl = `${assetDir}/packages/chat-view/dist/chatViewWorkerMain.js`;
 
 const launchChatViewWorker = async () => {
   const name = 'Chat View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatViewWorkerPath', chatViewWorkerUrl)
@@ -14615,7 +14637,7 @@ const {
   restart: restart$d
 } = getOrCreateWorker(launchChatViewWorker);
 
-const create$N = (id, uri, x, y, width, height, args, parentUid) => {
+const create$O = (id, uri, x, y, width, height, args, parentUid) => {
   return {
     id,
     x,
@@ -14626,7 +14648,7 @@ const create$N = (id, uri, x, y, width, height, args, parentUid) => {
     platform: getPlatform$1()
   };
 };
-const loadContent$J = async (state, savedState) => {
+const loadContent$K = async (state, savedState) => {
   const {
     id,
     x,
@@ -14701,9 +14723,9 @@ const getKeyBindings$m = () => {
 
 const name$D = 'Chat';
 
-const hasFunctionalRender$C = true;
-const hasFunctionalRootRender$x = true;
-const hasFunctionalResize$o = true;
+const hasFunctionalRender$D = true;
+const hasFunctionalRootRender$y = true;
+const hasFunctionalResize$p = true;
 const hasFunctionalEvents$q = true;
 const renderDialog$3 = {
   isEqual(oldState, newState) {
@@ -14712,7 +14734,7 @@ const renderDialog$3 = {
   apply: apply,
   multiple: true
 };
-const render$F = [renderDialog$3];
+const render$G = [renderDialog$3];
 const renderEventListeners$o = async () => {
   const listeners = await invoke$h('Chat.renderEventListeners');
   return listeners;
@@ -14745,20 +14767,20 @@ const ViewletChat_ipc = {
   __proto__: null,
   Commands: Commands$F,
   Css: Css$E,
-  create: create$N,
+  create: create$O,
   getCommands: getCommands$m,
   getKeyBindings: getKeyBindings$m,
   getMenus: getMenus$d,
   getQuickPickMenuEntries: getQuickPickMenuEntries$4,
   hasFunctionalEvents: hasFunctionalEvents$q,
-  hasFunctionalRender: hasFunctionalRender$C,
-  hasFunctionalResize: hasFunctionalResize$o,
-  hasFunctionalRootRender: hasFunctionalRootRender$x,
+  hasFunctionalRender: hasFunctionalRender$D,
+  hasFunctionalResize: hasFunctionalResize$p,
+  hasFunctionalRootRender: hasFunctionalRootRender$y,
   hotReload: hotReload$j,
-  loadContent: loadContent$J,
+  loadContent: loadContent$K,
   menus: menus$h,
   name: name$D,
-  render: render$F,
+  render: render$G,
   renderDialog: renderDialog$3,
   renderEventListeners: renderEventListeners$o,
   saveState: saveState$i
@@ -14768,7 +14790,7 @@ const chatDebugViewWorkerUrl = `${assetDir}/packages/chat-debug-view/dist/chatDe
 
 const launchChatDebugViewWorker = async () => {
   const name = 'Chat Debug View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.chatDebugViewWorkerPath', chatDebugViewWorkerUrl)
@@ -14782,7 +14804,7 @@ const {
   restart: restart$c
 } = getOrCreateWorker(launchChatDebugViewWorker);
 
-const create$M = (id, uri, x, y, width, height) => {
+const create$N = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     x,
@@ -14795,7 +14817,7 @@ const create$M = (id, uri, x, y, width, height) => {
     uri
   };
 };
-const loadContent$I = async state => {
+const loadContent$J = async state => {
   const savedState = {};
   await invoke$g('ChatDebug.create', state.uid, state.uri, state.x, state.y, state.width, state.height, state.platform, state.assetDir);
   await invoke$g('ChatDebug.loadContent', state.uid, savedState);
@@ -14878,10 +14900,10 @@ const getMenus$c = async () => {
   }
 };
 
-const hasFunctionalRender$B = true;
-const hasFunctionalRootRender$w = true;
+const hasFunctionalRender$C = true;
+const hasFunctionalRootRender$x = true;
 const hasFunctionalEvents$p = true;
-const hasFunctionalResize$n = true;
+const hasFunctionalResize$o = true;
 const renderItems$f = {
   isEqual(oldState, newState) {
     return JSON.stringify(oldState.commands) === JSON.stringify(newState.commands);
@@ -14889,12 +14911,12 @@ const renderItems$f = {
   apply: apply,
   multiple: true
 };
-const render$E = [renderItems$f];
+const render$F = [renderItems$f];
 const renderEventListeners$n = async () => {
   const listeners = await invoke$g('ChatDebug.renderEventListeners');
   return listeners;
 };
-const resize$m = async (state, dimensions) => {
+const resize$n = async (state, dimensions) => {
   await invoke$g('ChatDebug.resize', state.uid, dimensions);
   const diffResult = await invoke$g('ChatDebug.diff2', state.uid);
   const commands = await invoke$g('ChatDebug.render2', state.uid, diffResult);
@@ -14918,32 +14940,32 @@ const ViewletChatDebug_ipc = {
   __proto__: null,
   Commands: Commands$E,
   Css: Css$D,
-  create: create$M,
+  create: create$N,
   getCommands: getCommands$l,
   getKeyBindings: getKeyBindings$l,
   getMenus: getMenus$c,
   hasFunctionalEvents: hasFunctionalEvents$p,
-  hasFunctionalRender: hasFunctionalRender$B,
-  hasFunctionalResize: hasFunctionalResize$n,
-  hasFunctionalRootRender: hasFunctionalRootRender$w,
+  hasFunctionalRender: hasFunctionalRender$C,
+  hasFunctionalResize: hasFunctionalResize$o,
+  hasFunctionalRootRender: hasFunctionalRootRender$x,
   hotReload: hotReload$i,
-  loadContent: loadContent$I,
+  loadContent: loadContent$J,
   menus: menus$g,
   name: name$C,
-  render: render$E,
+  render: render$F,
   renderEventListeners: renderEventListeners$n,
-  resize: resize$m,
+  resize: resize$n,
   saveState: saveState$h
 };
 
-const create$L = (id, uri, x, y, width, height) => {
+const create$M = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
     disposed: false
   };
 };
-const loadContent$H = state => {
+const loadContent$I = state => {
   const update = async () => {
     await invoke$F(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
   };
@@ -14967,21 +14989,21 @@ const Commands$D = {};
 const ViewletClock_ipc = {
   __proto__: null,
   Commands: Commands$D,
-  create: create$L,
+  create: create$M,
   dispose: dispose$q,
-  loadContent: loadContent$H,
+  loadContent: loadContent$I,
   name: name$B
 };
 
 // TODO remove this file and merge with whenExpressions
 const Confirm = FocusConfirm;
 
-const create$K = () => {
+const create$L = () => {
   return {
     okCommand: ''
   };
 };
-const loadContent$G = async state => {
+const loadContent$H = async state => {
   return {
     ...state,
     okCommand: ''
@@ -15015,8 +15037,8 @@ const getKeyBindings$k = () => {
   return [];
 };
 
-const hasFunctionalRender$A = true;
-const hasFunctionalRootRender$v = true;
+const hasFunctionalRender$B = true;
+const hasFunctionalRootRender$w = true;
 const renderDialog$2 = {
   isEqual(oldState, newState) {
     return oldState.productName === newState.productName && oldState.lines === newState.lines;
@@ -15034,7 +15056,7 @@ const renderFocus$1 = {
     return ['setFocused', newState.focused];
   }
 };
-const render$D = [renderDialog$2, renderFocus$1];
+const render$E = [renderDialog$2, renderFocus$1];
 
 const name$A = 'Confirm';
 
@@ -15042,17 +15064,17 @@ const ViewletConfirm_ipc = {
   __proto__: null,
   Commands: Commands$C,
   Css: Css$C,
-  create: create$K,
+  create: create$L,
   getKeyBindings: getKeyBindings$k,
   handleClickCancel,
   handleClickClose,
   handleClickOk,
   handleFocusIn,
-  hasFunctionalRender: hasFunctionalRender$A,
-  hasFunctionalRootRender: hasFunctionalRootRender$v,
-  loadContent: loadContent$G,
+  hasFunctionalRender: hasFunctionalRender$B,
+  hasFunctionalRootRender: hasFunctionalRootRender$w,
+  loadContent: loadContent$H,
   name: name$A,
-  render: render$D,
+  render: render$E,
   renderDialog: renderDialog$2,
   renderFocus: renderFocus$1
 };
@@ -15081,14 +15103,14 @@ const evaluate$1 = async inputValue => {
   return preview;
 };
 
-const create$J = uid => {
+const create$K = uid => {
   return {
     uid,
     text: '-',
     inputValue: ''
   };
 };
-const loadContent$F = async state => {
+const loadContent$G = async state => {
   return {
     ...state,
     text: ''
@@ -15167,7 +15189,7 @@ const getVirtualDom = textContent => {
   return dom;
 };
 
-const hasFunctionalRender$z = true;
+const hasFunctionalRender$A = true;
 const renderText = {
   isEqual(oldState, newState) {
     return oldState.text === newState.text;
@@ -15177,7 +15199,7 @@ const renderText = {
     return ['setDom', dom];
   }
 };
-const render$C = [renderText];
+const render$D = [renderText];
 
 const List = 'list';
 const ListItem = 'listitem';
@@ -15312,16 +15334,16 @@ const ViewletDebugConsole_ipc = {
   Commands: Commands$B,
   Css: Css$B,
   clear: clear$3,
-  create: create$J,
+  create: create$K,
   evaluate,
   getKeyBindings: getKeyBindings$j,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
   handleFocus: handleFocus$1,
   handleInput: handleInput$2,
-  hasFunctionalRender: hasFunctionalRender$z,
-  loadContent: loadContent$F,
+  hasFunctionalRender: hasFunctionalRender$A,
+  loadContent: loadContent$G,
   name: name$z,
-  render: render$C,
+  render: render$D,
   renderActions: renderActions$c
 };
 
@@ -15364,7 +15386,7 @@ const pressDesiredKeyCombinationThenPressEnter = () => {
   return i18nString(UiStrings$5.PressDesiredKeyCombinationThenPressEnter);
 };
 
-const create$I = (id, uri, x, y, width, height) => {
+const create$J = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -15373,7 +15395,7 @@ const create$I = (id, uri, x, y, width, height) => {
     message: ''
   };
 };
-const loadContent$E = state => {
+const loadContent$F = state => {
   return {
     ...state,
     focused: true,
@@ -15437,8 +15459,8 @@ const getDefineKeyBindingsVirtualDom = message => {
   }];
 };
 
-const hasFunctionalRender$y = true;
-const hasFunctionalRootRender$u = true;
+const hasFunctionalRender$z = true;
+const hasFunctionalRootRender$v = true;
 const renderValue = {
   isEqual(oldState, newState) {
     return oldState.value === newState.value;
@@ -15464,22 +15486,22 @@ const renderDom$7 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$B = [renderDom$7, renderValue, renderFocus];
+const render$C = [renderDom$7, renderValue, renderFocus];
 
 const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
   Commands: Commands$A,
   Css: Css$A,
-  create: create$I,
+  create: create$J,
   handleBlur: handleBlur$3,
   handleKeyDown: handleKeyDown$2,
-  hasFunctionalRender: hasFunctionalRender$y,
-  hasFunctionalRootRender: hasFunctionalRootRender$u,
-  loadContent: loadContent$E,
-  render: render$B
+  hasFunctionalRender: hasFunctionalRender$z,
+  hasFunctionalRootRender: hasFunctionalRootRender$v,
+  loadContent: loadContent$F,
+  render: render$C
 };
 
-const create$H = () => {
+const create$I = () => {
   return {
     message: '',
     codeFrame: '',
@@ -15498,7 +15520,7 @@ const getErrorMessage = (type, message) => {
   }
   return `${message}`;
 };
-const loadContent$D = (state, savedState, ...args) => {
+const loadContent$E = (state, savedState, ...args) => {
   const [options, buttons] = args;
   const {
     message,
@@ -15542,7 +15564,7 @@ const Commands$z = {
 
 const Css$z = ["/css/parts/LegacyDialog.css"];
 
-const hasFunctionalRender$x = true;
+const hasFunctionalRender$y = true;
 const renderHeader = {
   isEqual(oldState, newState) {
     return oldState.header === newState.header;
@@ -15583,7 +15605,7 @@ const renderStack = {
     return [/* method */'setErrorStack', newState.stack];
   }
 };
-const render$A = [renderHeader, renderButtons, renderCodeFrame, renderMessage$2, renderStack];
+const render$B = [renderHeader, renderButtons, renderCodeFrame, renderMessage$2, renderStack];
 
 const name$y = 'Dialog';
 
@@ -15591,20 +15613,20 @@ const ViewletDialog_ipc = {
   __proto__: null,
   Commands: Commands$z,
   Css: Css$z,
-  create: create$H,
+  create: create$I,
   dispose: dispose$o,
   handleClick,
-  hasFunctionalRender: hasFunctionalRender$x,
-  loadContent: loadContent$D,
+  hasFunctionalRender: hasFunctionalRender$y,
+  loadContent: loadContent$E,
   name: name$y,
-  render: render$A
+  render: render$B
 };
 
 const diffViewWorkerUrl = `${assetDir}/packages/diff-view/dist/diffViewWorkerMain.js`;
 
 const launchDiffViewWorker = async () => {
   const name = 'Diff View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.diffViewWorkerPath', diffViewWorkerUrl)
@@ -15620,7 +15642,7 @@ const {
 } = getOrCreateWorker(launchDiffViewWorker);
 
 const name$x = 'DiffView';
-const create$G = (uid, uri, x, y, width, height, args, parentUid) => {
+const create$H = (uid, uri, x, y, width, height, args, parentUid) => {
   return {
     id: uid,
     uid,
@@ -15635,7 +15657,7 @@ const create$G = (uid, uri, x, y, width, height, args, parentUid) => {
     assetDir: assetDir
   };
 };
-const loadContent$C = async (state, savedState) => {
+const loadContent$D = async (state, savedState) => {
   await invoke$f('DiffView.create', state.uid, state.uri, state.x, state.y, state.width, state.height, null, state.platform, state.assetDir);
   await invoke$f('DiffView.loadContent', state.uid, savedState);
   const diffResult = await invoke$f('DiffView.diff2', state.uid);
@@ -15662,7 +15684,7 @@ const hotReload$h = async state => {
     commands
   };
 };
-const resize$l = async (state, dimensions) => {
+const resize$m = async (state, dimensions) => {
   await invoke$f('DiffView.resize', state.uid, dimensions);
   const diffResult = await invoke$f('DiffView.diff2', state.uid);
   const commands = await invoke$f('DiffView.render2', state.uid, diffResult);
@@ -15704,11 +15726,11 @@ const getCommands$k = async () => {
   return Commands$y;
 };
 
-const create$F = (key, value) => {
+const create$G = (key, value) => {
   return `--${key}: ${value}px;`;
 };
 
-const create$E = (key, value, unit = '') => {
+const create$F = (key, value, unit = '') => {
   return `--${key}: ${value}${unit};`;
 };
 
@@ -15717,33 +15739,33 @@ const getDynamicCss = preferences => {
   const styles = [];
   const fontSize = preferences['editor.fontSize'];
   if (fontSize) {
-    styles.push(create$F('EditorFontSize', fontSize));
+    styles.push(create$G('EditorFontSize', fontSize));
   }
   const fontWeight = preferences['editor.fontWeight'] ?? 400;
   if (fontWeight) {
-    styles.push(create$E('EditorFontWeight', fontWeight));
+    styles.push(create$F('EditorFontWeight', fontWeight));
   }
   const fontFamily = preferences['editor.fontFamily'];
   if (fontFamily) {
-    styles.push(create$E('EditorFontFamily', fontFamily));
+    styles.push(create$F('EditorFontFamily', fontFamily));
   }
   const lineHeight = preferences['editor.lineHeight'];
   if (lineHeight) {
-    styles.push(create$F('EditorLineHeight', lineHeight));
+    styles.push(create$G('EditorLineHeight', lineHeight));
   }
   const letterSpacing = preferences['editor.letterSpacing'];
   if (typeof letterSpacing === 'number') {
     {
-      styles.push(create$F('EditorLetterSpacing', letterSpacing));
+      styles.push(create$G('EditorLetterSpacing', letterSpacing));
     }
   }
   const fontLigatures = preferences['editor.fontLigatures'];
   if (fontLigatures) {
-    styles.push(create$E('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
+    styles.push(create$F('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
   }
   const tabSize = preferences['editor.tabSize'];
   if (tabSize) {
-    styles.push(create$E('EditorTabSize', tabSize));
+    styles.push(create$F('EditorTabSize', tabSize));
   }
   const css = `:root {
 ${joinLines(styles)}
@@ -15753,10 +15775,10 @@ ${joinLines(styles)}
 
 const Css$x = ["/css/parts/ViewletDiffEditor.css"];
 
-const hasFunctionalRender$w = true;
-const hasFunctionalRootRender$t = true;
+const hasFunctionalRender$x = true;
+const hasFunctionalRootRender$u = true;
 const hasFunctionalEvents$o = true;
-const hasFunctionalResize$m = true;
+const hasFunctionalResize$n = true;
 const renderItems$e = {
   isEqual(oldState, newState) {
     return JSON.stringify(oldState.commands) === JSON.stringify(newState.commands);
@@ -15764,7 +15786,7 @@ const renderItems$e = {
   apply: apply,
   multiple: true
 };
-const render$z = [renderItems$e];
+const render$A = [renderItems$e];
 const renderEventListeners$m = async () => {
   try {
     const listeners = await invoke$f('DiffView.renderEventListeners');
@@ -15782,19 +15804,19 @@ const ViewletDiffEditor2_ipc = {
   __proto__: null,
   Commands: Commands$y,
   Css: Css$x,
-  create: create$G,
+  create: create$H,
   getCommands: getCommands$k,
   getDynamicCss,
   hasFunctionalEvents: hasFunctionalEvents$o,
-  hasFunctionalRender: hasFunctionalRender$w,
-  hasFunctionalResize: hasFunctionalResize$m,
-  hasFunctionalRootRender: hasFunctionalRootRender$t,
+  hasFunctionalRender: hasFunctionalRender$x,
+  hasFunctionalResize: hasFunctionalResize$n,
+  hasFunctionalRootRender: hasFunctionalRootRender$u,
   hotReload: hotReload$h,
-  loadContent: loadContent$C,
+  loadContent: loadContent$D,
   name: name$x,
-  render: render$z,
+  render: render$A,
   renderEventListeners: renderEventListeners$m,
-  resize: resize$l,
+  resize: resize$m,
   saveState: saveState$g
 };
 
@@ -15810,7 +15832,7 @@ const Preview$2 = 'Preview';
 const ActivityBar$1 = 'ActivityBar';
 const None$6 = '';
 
-const create$D = (id, uri, x, y, width, height) => {
+const create$E = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -15839,7 +15861,10 @@ const getPreviewTransform = (width, height) => {
   const previewTransform = `scale(${scale})`;
   return previewTransform;
 };
-const loadContent$B = async state => {
+const toHtmlFileName$1 = testFileName => {
+  return testFileName.replace(/\.(js|ts)$/, '.html');
+};
+const loadContent$C = async state => {
   const sandbox = getE2eTestsSandbox();
   // const root = await SharedProcess.invoke('Platform.getRoot')
   // const testPath = await SharedProcess.invoke('Platform.getTestPath')
@@ -15848,7 +15873,7 @@ const loadContent$B = async state => {
   // const filePath = `${absolutePath}/${fileName}`
   // const content = await FileSystem.readFile(filePath)
   const fileName = 'viewlet.about.js';
-  const htmlFileName = fileName.replace('.js', '.html');
+  const htmlFileName = toHtmlFileName$1(fileName);
   const iframeSrc = `http://localhost:3001/tests/${htmlFileName}`;
   // const previewTransform = getPreviewTransform(state.width, state.height)
   return {
@@ -15866,7 +15891,7 @@ const executeTest$1 = async state => {
   };
 };
 const handleLoad$1 = async state => {
-  const messagePortId = create$14();
+  const messagePortId = create$15();
   const {
     port1,
     port2
@@ -15899,8 +15924,8 @@ const handleSashCornerPointerMove = async (state, eventX, eventY) => {
 const handleSashCornerPointerUp = state => {
   return state;
 };
-const hasFunctionalResize$l = true;
-const resize$k = (state, dimensions) => {
+const hasFunctionalResize$m = true;
+const resize$l = (state, dimensions) => {
   const newTransform = getPreviewTransform(dimensions.width, dimensions.height);
   return {
     ...state,
@@ -15971,8 +15996,8 @@ const getE2eTestVirtualDom = content => {
   }];
 };
 
-const hasFunctionalRender$v = true;
-const hasFunctionalRootRender$s = true;
+const hasFunctionalRender$w = true;
+const hasFunctionalRootRender$t = true;
 const renderElements = {
   isEqual(oldState, newState) {
     return oldState.name === newState.name && oldState.content === newState.content;
@@ -15982,7 +16007,7 @@ const renderElements = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const renderIframe$1 = {
+const renderIframe$2 = {
   isEqual(oldState, newState) {
     return oldState.iframeSrc === newState.iframeSrc && oldState.iframeSandbox === newState.iframeSandbox;
   },
@@ -15998,7 +16023,7 @@ const renderPreviewTransform = {
     return ['setPreviewTransform', newState.previewTransform];
   }
 };
-const render$y = [renderElements, renderIframe$1, renderPreviewTransform];
+const render$z = [renderElements, renderIframe$2, renderPreviewTransform];
 
 const getActions$4 = () => {
   return [];
@@ -16019,7 +16044,7 @@ const ViewletE2eTest_ipc = {
   __proto__: null,
   Commands: Commands$x,
   Css: Css$w,
-  create: create$D,
+  create: create$E,
   executeTest: executeTest$1,
   getKeyBindings: getKeyBindings$i,
   handleClickAt: handleClickAt$1,
@@ -16027,22 +16052,22 @@ const ViewletE2eTest_ipc = {
   handleSashCornerPointerDown,
   handleSashCornerPointerMove,
   handleSashCornerPointerUp,
-  hasFunctionalRender: hasFunctionalRender$v,
-  hasFunctionalResize: hasFunctionalResize$l,
-  hasFunctionalRootRender: hasFunctionalRootRender$s,
-  loadContent: loadContent$B,
+  hasFunctionalRender: hasFunctionalRender$w,
+  hasFunctionalResize: hasFunctionalResize$m,
+  hasFunctionalRootRender: hasFunctionalRootRender$t,
+  loadContent: loadContent$C,
   menus: menus$f,
   name: name$w,
-  render: render$y,
+  render: render$z,
   renderActions: renderActions$b,
-  resize: resize$k
+  resize: resize$l
 };
 
 const languageModelsViewWorkerUrl = `${assetDir}/packages/language-models-view/dist/languageModelsViewMain.js`;
 
 const launchLanguageModelsViewWorker = async () => {
   const name = 'Language Models View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.languageModelsViewPath', languageModelsViewWorkerUrl)
@@ -16056,7 +16081,7 @@ const {
   restart: restart$a
 } = getOrCreateWorker(launchLanguageModelsViewWorker);
 
-const create$C = (id, uri, x, y, width, height) => {
+const create$D = (id, uri, x, y, width, height) => {
   return {
     id,
     commands: [],
@@ -16066,7 +16091,7 @@ const create$C = (id, uri, x, y, width, height) => {
     height
   };
 };
-const loadContent$A = async state => {
+const loadContent$B = async state => {
   const {
     id
   } = state;
@@ -16150,8 +16175,8 @@ const getKeyBindings$h = () => {
   return invoke$e('LanguageModels.getKeyBindings');
 };
 
-const hasFunctionalRender$u = true;
-const hasFunctionalRootRender$r = true;
+const hasFunctionalRender$v = true;
+const hasFunctionalRootRender$s = true;
 const hasFunctionalEvents$n = true;
 const renderDialog$1 = {
   isEqual(oldState, newState) {
@@ -16160,7 +16185,7 @@ const renderDialog$1 = {
   apply: apply,
   multiple: true
 };
-const render$x = [renderDialog$1];
+const render$y = [renderDialog$1];
 const renderEventListeners$l = async () => {
   const listeners = await invoke$e('LanguageModels.renderEventListeners');
   return listeners;
@@ -16170,17 +16195,17 @@ const ViewletLanguageModels_ipc = {
   __proto__: null,
   Commands: Commands$w,
   Css: Css$v,
-  create: create$C,
+  create: create$D,
   getCommands: getCommands$j,
   getKeyBindings: getKeyBindings$h,
   getMenus: getMenus$b,
   hasFunctionalEvents: hasFunctionalEvents$n,
-  hasFunctionalRender: hasFunctionalRender$u,
-  hasFunctionalRootRender: hasFunctionalRootRender$r,
+  hasFunctionalRender: hasFunctionalRender$v,
+  hasFunctionalRootRender: hasFunctionalRootRender$s,
   hotReload: hotReload$g,
-  loadContent: loadContent$A,
+  loadContent: loadContent$B,
   menus: menus$e,
-  render: render$x,
+  render: render$y,
   renderDialog: renderDialog$1,
   renderEventListeners: renderEventListeners$l
 };
@@ -16204,7 +16229,7 @@ const wrapPreviewCommand = key => {
   return fn;
 };
 
-const create$B = (id, uri, x, y, width, height) => {
+const create$C = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     uri,
@@ -16217,7 +16242,7 @@ const create$B = (id, uri, x, y, width, height) => {
     commands: []
   };
 };
-const loadContent$z = async state => {
+const loadContent$A = async state => {
   const layoutState = getState$1(Layout);
   const uri = layoutState.previewUri || state.uri;
   const savedState = {};
@@ -16279,9 +16304,9 @@ const getCommands$i = async () => {
   Commands$v['hotReload'] = hotReload$f;
   return Commands$v;
 };
-const hasFunctionalRender$t = true;
-const hasFunctionalRootRender$q = true;
-const hasFunctionalResize$k = true;
+const hasFunctionalRender$u = true;
+const hasFunctionalRootRender$r = true;
+const hasFunctionalResize$l = true;
 const hasFunctionalEvents$m = true;
 const renderItems$d = {
   isEqual(oldState, newState) {
@@ -16290,7 +16315,7 @@ const renderItems$d = {
   apply: apply,
   multiple: true
 };
-const render$w = [renderItems$d];
+const render$x = [renderItems$d];
 const Css$u = ['/css/parts/Preview.css'];
 
 const name$v = 'Preview';
@@ -16299,19 +16324,19 @@ const ViewletPreview_ipc = {
   __proto__: null,
   Commands: Commands$v,
   Css: Css$u,
-  create: create$B,
+  create: create$C,
   decrement,
   dispose: dispose$n,
   getCommands: getCommands$i,
   hasFunctionalEvents: hasFunctionalEvents$m,
-  hasFunctionalRender: hasFunctionalRender$t,
-  hasFunctionalResize: hasFunctionalResize$k,
-  hasFunctionalRootRender: hasFunctionalRootRender$q,
+  hasFunctionalRender: hasFunctionalRender$u,
+  hasFunctionalResize: hasFunctionalResize$l,
+  hasFunctionalRootRender: hasFunctionalRootRender$r,
   hotReload: hotReload$f,
   increment,
-  loadContent: loadContent$z,
+  loadContent: loadContent$A,
   name: name$v,
-  render: render$w,
+  render: render$x,
   renderEventListeners: renderEventListeners$k
 };
 
@@ -16321,7 +16346,7 @@ const getTerminalSpawnOptions = () => {
 
 // TODO implement a functional terminal component, maybe using offscreencanvas
 
-const create$A = id => {
+const create$B = id => {
   number(id);
   const separateConnection = true;
   return {
@@ -16334,7 +16359,7 @@ const create$A = id => {
     setBounds: false
   };
 };
-const loadContent$y = async state => {
+const loadContent$z = async state => {
   // TODO this should be async and open a pty
   const {
     uid
@@ -16343,8 +16368,8 @@ const loadContent$y = async state => {
     command,
     args
   } = await getTerminalSpawnOptions();
-  const canvasTextId = create$14();
-  const canvasCursorId = create$14();
+  const canvasTextId = create$15();
+  const canvasCursorId = create$15();
   await invoke$q('Terminal.create', canvasTextId, canvasCursorId, uid, state$n.workspacePath, command, args);
   const terminal = {
     handleBlur() {
@@ -16362,7 +16387,7 @@ const loadContent$y = async state => {
   };
   return {
     ...state,
-    id: create$14(),
+    id: create$15(),
     command,
     args,
     canvasCursorId,
@@ -16406,8 +16431,8 @@ const handleMouseDown$1 = state => {
   terminal.handleMouseDown();
   return state;
 };
-const hasFunctionalResize$j = true;
-const resize$j = (state, dimensions) => {
+const hasFunctionalResize$k = true;
+const resize$k = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -16441,7 +16466,7 @@ const Commands$u = {
   handleMouseDown: handleMouseDown$1
 };
 
-const hasFunctionalRender$s = true;
+const hasFunctionalRender$t = true;
 const renderCanvas$1 = {
   isEqual(oldState, newState) {
     return oldState.canvasCursorId === newState.canvasCursorId && oldState.canvasTextId === newState.canvasTextId;
@@ -16450,7 +16475,7 @@ const renderCanvas$1 = {
     return ['setTerminal', newState.canvasCursorId, newState.canvasTextId];
   }
 };
-const render$v = [renderCanvas$1];
+const render$w = [renderCanvas$1];
 
 const Css$t = ['/css/parts/ViewletTerminal.css', '/lib-css/termterm.css'];
 
@@ -16461,22 +16486,22 @@ const ViewletTerminal2_ipc = {
   Commands: Commands$u,
   Css: Css$t,
   clear: clear$2,
-  create: create$A,
+  create: create$B,
   dispose: dispose$m,
   handleBlur: handleBlur$2,
   handleData: handleData$1,
   handleKeyDown: handleKeyDown$1,
   handleMouseDown: handleMouseDown$1,
-  hasFunctionalRender: hasFunctionalRender$s,
-  hasFunctionalResize: hasFunctionalResize$j,
-  loadContent: loadContent$y,
+  hasFunctionalRender: hasFunctionalRender$t,
+  hasFunctionalResize: hasFunctionalResize$k,
+  loadContent: loadContent$z,
   name: name$u,
-  render: render$v,
-  resize: resize$j,
+  render: render$w,
+  resize: resize$k,
   resizeEffect: resizeEffect$2
 };
 
-const create$z = (id, uri, x, y, width, height) => {
+const create$A = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -16502,7 +16527,10 @@ const getTests = async () => {
   const tests = filteredDirents.map(dirent => dirent.name);
   return tests;
 };
-const loadContent$x = async state => {
+const toHtmlFileName = testFileName => {
+  return testFileName.replace(/\.(js|ts)$/, '.html');
+};
+const loadContent$y = async state => {
   const tests = await getTests();
   const sandbox = getE2eTestsSandbox();
   return {
@@ -16516,7 +16544,7 @@ const executeTest = async (state, index) => {
     tests
   } = state;
   const test = tests[index];
-  const htmlFileName = test.replace('.js', '.html');
+  const htmlFileName = toHtmlFileName(test);
   const iframeSrc = `http://localhost:3001/tests/${htmlFileName}`;
   return {
     ...state,
@@ -16525,7 +16553,7 @@ const executeTest = async (state, index) => {
   };
 };
 const handleLoad = async state => {
-  const messagePortId = create$14();
+  const messagePortId = create$15();
   const {
     port1,
     port2
@@ -16573,7 +16601,7 @@ const openInNewTab = async state => {
     tests
   } = state;
   const item = tests[index];
-  const url = '/tests/' + item.replace('.js', '.html');
+  const url = '/tests/' + toHtmlFileName(item);
   await openUrl(url);
   return state;
 };
@@ -16661,8 +16689,8 @@ const getVisibleE2eTests = (tests, index) => {
   return visible;
 };
 
-const hasFunctionalRender$r = true;
-const hasFunctionalRootRender$p = true;
+const hasFunctionalRender$s = true;
+const hasFunctionalRootRender$q = true;
 const renderTests = {
   isEqual(oldState, newState) {
     return oldState.tests === newState.tests && oldState.index === newState.index;
@@ -16673,7 +16701,7 @@ const renderTests = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const renderIframe = {
+const renderIframe$1 = {
   isEqual(oldState, newState) {
     return oldState.iframeSrc === newState.iframeSrc && oldState.sandbox === newState.sandbox;
   },
@@ -16689,7 +16717,7 @@ const renderMessagePort = {
     return ['setPort', newState.portId, newState.iframeOrigin];
   }
 };
-const render$u = [renderTests, renderIframe, renderMessagePort];
+const render$v = [renderTests, renderIframe$1, renderMessagePort];
 
 const getActions$3 = () => {
   return [{
@@ -16715,19 +16743,19 @@ const ViewletE2eTests_ipc = {
   __proto__: null,
   Commands: Commands$t,
   Css: Css$s,
-  create: create$z,
+  create: create$A,
   executeTest,
   getKeyBindings: getKeyBindings$g,
   handleClickAt,
   handleContextMenu: handleContextMenu$2,
   handleLoad,
-  hasFunctionalRender: hasFunctionalRender$r,
-  hasFunctionalRootRender: hasFunctionalRootRender$p,
-  loadContent: loadContent$x,
+  hasFunctionalRender: hasFunctionalRender$s,
+  hasFunctionalRootRender: hasFunctionalRootRender$q,
+  loadContent: loadContent$y,
   menus: menus$d,
   name: name$t,
   openInNewTab,
-  render: render$u,
+  render: render$v,
   renderActions: renderActions$a,
   runAll
 };
@@ -16804,10 +16832,10 @@ const renderAll = {
   },
   multiple: true
 };
-const render$t = [renderAll];
+const render$u = [renderAll];
 
 // TODO
-const create$y = (id, uri, languageId) => {
+const create$z = (id, uri, languageId) => {
   // TODO flatten structure
   return {
     uri,
@@ -17097,7 +17125,7 @@ const handleTokenizeChange = () => {
   }
   const state = instance.state;
   const tokenizer = getTokenizer(state.languageId);
-  const tokenizerId = create$14();
+  const tokenizerId = create$15();
   set(tokenizerId, tokenizer);
   const newState = {
     ...instance.state,
@@ -17108,10 +17136,10 @@ const handleTokenizeChange = () => {
 const useFunctionalRendering = true;
 
 // TODO uri?
-const create$x = (id, uri, x, y, width, height) => {
+const create$y = (id, uri, x, y, width, height) => {
   const fileName = pathBaseName(uri);
   const languageId = getLanguageId$1(fileName);
-  const state = create$y(id, uri, languageId);
+  const state = create$z(id, uri, languageId);
   const newState = setBounds(state, x, y, width, height, COLUMN_WIDTH);
   return {
     ...newState,
@@ -17151,7 +17179,7 @@ const getLanguageId = state => {
   }
   return languageId;
 };
-const loadContent$w = async (state, savedState, context) => {
+const loadContent$x = async (state, savedState, context) => {
   const {
     uri,
     id,
@@ -17181,7 +17209,7 @@ const loadContent$w = async (state, savedState, context) => {
   const content = await getTextEditorContent(uri);
   const languageId = context?.languageId || getLanguageId(state);
   const tokenizer = getTokenizer(languageId);
-  const tokenizerId = create$14();
+  const tokenizerId = create$15();
   set(tokenizerId, tokenizer);
   let savedSelections = getSavedSelections(savedState);
   const savedDeltaY = getSavedDeltaY(savedState);
@@ -17325,18 +17353,18 @@ const handleLanguagesChanged = async state => {
   await executeViewletCommand(state.uid, 'setLanguageId', newLanguageId, tokenizePath);
   return state;
 };
-const hasFunctionalResize$i = true;
-const resize$i = (state, dimensions) => {
+const hasFunctionalResize$j = true;
+const resize$j = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
 const dispose$l = state => {
   removeConnectedEditor(state.id);
 };
-const hasFunctionalRender$q = true;
-const hasFunctionalRootRender$o = true;
+const hasFunctionalRender$r = true;
+const hasFunctionalRootRender$p = true;
 const hasFunctionalEvents$l = true;
-const render$s = render$t;
+const render$t = render$u;
 const focus$4 = state => {
   return {
     ...state,
@@ -17459,7 +17487,7 @@ const ViewletEditorText_ipc = {
   Events: Events$4,
   contentLoaded: contentLoaded$3,
   contentLoadedEffects,
-  create: create$x,
+  create: create$y,
   customErrorRenderer,
   dispose: dispose$l,
   focus: focus$4,
@@ -17471,16 +17499,16 @@ const ViewletEditorText_ipc = {
   handleLanguagesChanged,
   handleTokenizeChange,
   hasFunctionalEvents: hasFunctionalEvents$l,
-  hasFunctionalRender: hasFunctionalRender$q,
-  hasFunctionalResize: hasFunctionalResize$i,
-  hasFunctionalRootRender: hasFunctionalRootRender$o,
-  loadContent: loadContent$w,
+  hasFunctionalRender: hasFunctionalRender$r,
+  hasFunctionalResize: hasFunctionalResize$j,
+  hasFunctionalRootRender: hasFunctionalRootRender$p,
+  loadContent: loadContent$x,
   menus: menus$c,
   name: name$s,
-  render: render$s,
+  render: render$t,
   renderEventListeners: renderEventListeners$j,
   rerender,
-  resize: resize$i,
+  resize: resize$j,
   saveState: saveState$f
 };
 
@@ -17531,17 +17559,17 @@ const getEditorErrorInfo = error => {
 };
 
 const name$r = 'TextEditorError';
-const create$w = () => {
+const create$x = () => {
   return {
     id: 0,
     error: undefined
   };
 };
-const loadContent$v = state => {
+const loadContent$w = state => {
   // TODO
   return state;
 };
-const render$r = error => {
+const render$s = error => {
   const info = getEditorErrorInfo(error);
   return renderTextEditorError(info);
 };
@@ -17554,14 +17582,14 @@ const Css$r = [];
 const ViewletTextEditorError_ipc = {
   __proto__: null,
   Css: Css$r,
-  create: create$w,
+  create: create$x,
   handleClickCreate,
-  loadContent: loadContent$v,
+  loadContent: loadContent$w,
   name: name$r,
-  render: render$r
+  render: render$s
 };
 
-const create$v = (id, uri, x, y, width, height) => {
+const create$w = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -17612,26 +17640,26 @@ const renderBounds = {
     return ['setBounds', newState.x, newState.y, newState.width, newState.height];
   }
 };
-const render$q = [renderMessage$1, renderBounds];
+const render$r = [renderMessage$1, renderBounds];
 
 const Css$q = ["/css/parts/ViewletEditorWidgetError.css"];
 
 const ViewletEditorWidgetError_ipc = {
   __proto__: null,
   Css: Css$q,
-  create: create$v,
-  render: render$q,
+  create: create$w,
+  render: render$r,
   setError
 };
 
-const create$u = (id, uri, x, y, width, height) => {
+const create$v = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
     disposed: false
   };
 };
-const loadContent$u = state => {
+const loadContent$v = state => {
   return {
     ...state
   };
@@ -17644,9 +17672,9 @@ const Commands$r = {};
 const ViewletEmptyEditor_ipc = {
   __proto__: null,
   Commands: Commands$r,
-  create: create$u,
+  create: create$v,
   dispose: dispose$k,
-  loadContent: loadContent$u,
+  loadContent: loadContent$v,
   name: name$q
 };
 
@@ -17654,7 +17682,7 @@ const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerVie
 
 const launchExplorerWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.explorerWorkerPath', explorerWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Explorer Worker'
@@ -17678,7 +17706,7 @@ const {
 
 // TODO instead of root string, there should be a root dirent
 
-const create$t = (id, uri, x, y, width, height, args, parentUid) => {
+const create$u = (id, uri, x, y, width, height, args, parentUid) => {
   number(id);
   return {
     uid: id,
@@ -17691,7 +17719,7 @@ const create$t = (id, uri, x, y, width, height, args, parentUid) => {
     assetDir: assetDir
   };
 };
-const loadContent$t = async (state, savedState) => {
+const loadContent$u = async (state, savedState) => {
   await invoke$d('Explorer.create', state.uid, state.uri, state.x, state.y, state.width, state.height, null, state.parentUid, state.platform, state.assetDir);
   await invoke$d('Explorer.loadContent', state.uid, savedState);
   const diffResult = await invoke$d('Explorer.diff2', state.uid);
@@ -17704,8 +17732,8 @@ const loadContent$t = async (state, savedState) => {
   };
 };
 const dispose$j = state => {};
-const hasFunctionalResize$h = true;
-const resize$h = (state, dimensions) => {
+const hasFunctionalResize$i = true;
+const resize$i = (state, dimensions) => {
   const {
     minLineY,
     itemHeight
@@ -17818,8 +17846,8 @@ const getDisplayName$1 = () => {
   return explorer();
 };
 
-const hasFunctionalRender$p = true;
-const hasFunctionalRootRender$n = true;
+const hasFunctionalRender$q = true;
+const hasFunctionalRootRender$o = true;
 const hasFunctionalEvents$k = true;
 const renderItems$c = {
   isEqual(oldState, newState) {
@@ -17828,7 +17856,7 @@ const renderItems$c = {
   apply: apply,
   multiple: true
 };
-const render$p = [renderItems$c];
+const render$q = [renderItems$c];
 const renderEventListeners$i = async () => {
   const listeners = await invoke$d('Explorer.renderEventListeners');
   return listeners;
@@ -17877,25 +17905,25 @@ const ViewletExplorer_ipc = {
   Commands: Commands$q,
   Css: Css$p,
   Events: Events$3,
-  create: create$t,
+  create: create$u,
   dispose: dispose$j,
   getCommands: getCommands$h,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$e,
   getMouseActions,
   hasFunctionalEvents: hasFunctionalEvents$k,
-  hasFunctionalRender: hasFunctionalRender$p,
-  hasFunctionalResize: hasFunctionalResize$h,
-  hasFunctionalRootRender: hasFunctionalRootRender$n,
+  hasFunctionalRender: hasFunctionalRender$q,
+  hasFunctionalResize: hasFunctionalResize$i,
+  hasFunctionalRootRender: hasFunctionalRootRender$o,
   hotReload: hotReload$e,
-  loadContent: loadContent$t,
+  loadContent: loadContent$u,
   menus: menus$b,
   name: name$p,
-  render: render$p,
+  render: render$q,
   renderActions: renderActions$9,
   renderEventListeners: renderEventListeners$i,
   renderTitle: renderTitle$2,
-  resize: resize$h,
+  resize: resize$i,
   restoreState,
   saveState: saveState$e
 };
@@ -17904,7 +17932,7 @@ const extensionDetailViewWorkerUrl = `${assetDir}/packages/extension-detail-view
 
 const launchExtensionDetailViewWorker = async () => {
   const name = 'Extension Detail View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.extensionDetailViewWorkerPath', extensionDetailViewWorkerUrl)
@@ -17919,7 +17947,7 @@ const {
   restart: restart$8
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
-const create$s = (id, uri, x, y, width, height) => {
+const create$t = (id, uri, x, y, width, height) => {
   return {
     name: '',
     uri,
@@ -17940,7 +17968,7 @@ const create$s = (id, uri, x, y, width, height) => {
 
 // TODO when there are multiple extension with the same id,
 // probably need to pass extension location from extensions viewlet
-const loadContent$s = async (state, savedState) => {
+const loadContent$t = async (state, savedState) => {
   await invoke$c('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, getPlatform$1(), assetDir);
   const isTest$1 = isTest();
   await invoke$c('ExtensionDetail.loadContent2', state.uid, savedState, isTest$1);
@@ -17974,7 +18002,7 @@ const saveState$d = async state => {
   const savedState = await invoke$c('ExtensionDetail.saveState', state.uid);
   return savedState;
 };
-const hasFunctionalResize$g = true;
+const hasFunctionalResize$h = true;
 
 const wrapExtensionDetailCommand = key => {
   const fn = async (state, ...args) => {
@@ -18034,8 +18062,8 @@ const getMenus$9 = async () => {
 
 const name$o = 'ExtensionDetail';
 
-const hasFunctionalRender$o = true;
-const hasFunctionalRootRender$m = true;
+const hasFunctionalRender$p = true;
+const hasFunctionalRootRender$n = true;
 const hasFunctionalEvents$j = true;
 const renderDom$6 = {
   isEqual(oldState, newState) {
@@ -18044,7 +18072,7 @@ const renderDom$6 = {
   apply: apply,
   multiple: true
 };
-const render$o = [renderDom$6];
+const render$p = [renderDom$6];
 const renderEventListeners$h = async () => {
   const listeners = await invoke$c('ExtensionDetail.renderEventListeners');
   return listeners;
@@ -18054,28 +18082,99 @@ const ViewletExtensionDetail_ipc = {
   __proto__: null,
   Commands: Commands$p,
   Css: Css$o,
-  create: create$s,
+  create: create$t,
   getCommands: getCommands$g,
   getKeyBindings: getKeyBindings$d,
   getMenus: getMenus$9,
   hasFunctionalEvents: hasFunctionalEvents$j,
-  hasFunctionalRender: hasFunctionalRender$o,
-  hasFunctionalResize: hasFunctionalResize$g,
-  hasFunctionalRootRender: hasFunctionalRootRender$m,
+  hasFunctionalRender: hasFunctionalRender$p,
+  hasFunctionalResize: hasFunctionalResize$h,
+  hasFunctionalRootRender: hasFunctionalRootRender$n,
   hotReload: hotReload$d,
-  loadContent: loadContent$s,
+  loadContent: loadContent$t,
   menus: menus$a,
   name: name$o,
-  render: render$o,
+  render: render$p,
   renderEventListeners: renderEventListeners$h,
   saveState: saveState$d
 };
 
+const getExtensionViews = async () => {
+  return invoke$B('Extensions.getViews', assetDir, getPlatform$1());
+};
+const getExtensionView = async id => {
+  const views = await getExtensionViews();
+  return views.find(view => view.id === id);
+};
+
+const create$s = (id, uri, x, y, width, height) => {
+  return {
+    csp: '',
+    credentialless: true,
+    height,
+    iframeSandbox: [],
+    iframeSrc: '',
+    title: '',
+    uid: id,
+    uri,
+    width,
+    x,
+    y
+  };
+};
+const loadContent$s = async state => {
+  const view = await getExtensionView(state.uri);
+  if (!view) {
+    throw new Error(`view ${state.uri} not found`);
+  }
+  if (!view.iframe) {
+    throw new Error(`view ${state.uri} is missing iframe contribution`);
+  }
+  return {
+    ...state,
+    csp: view.iframe.csp,
+    credentialless: view.iframe.credentialless,
+    iframeSandbox: view.iframe.sandbox,
+    iframeSrc: view.iframe.src,
+    title: view.title
+  };
+};
+const hasFunctionalResize$g = true;
+const resize$h = (state, dimensions) => {
+  return {
+    ...state,
+    ...dimensions
+  };
+};
+
+const hasFunctionalRender$o = true;
+const hasFunctionalRootRender$m = true;
+const renderIframe = {
+  isEqual(oldState, newState) {
+    return oldState.iframeSrc === newState.iframeSrc && oldState.iframeSandbox === newState.iframeSandbox && oldState.csp === newState.csp && oldState.credentialless === newState.credentialless;
+  },
+  apply(oldState, newState) {
+    return ['setIframe', newState.iframeSrc, newState.iframeSandbox, '', newState.csp, newState.credentialless, newState.title];
+  }
+};
+const render$o = [renderIframe];
+
+const ViewletExtensionView_ipc = {
+  __proto__: null,
+  create: create$s,
+  hasFunctionalRender: hasFunctionalRender$o,
+  hasFunctionalResize: hasFunctionalResize$g,
+  hasFunctionalRootRender: hasFunctionalRootRender$m,
+  loadContent: loadContent$s,
+  render: render$o,
+  resize: resize$h
+};
+
 const extensionSearchViewWorkerUrl = `${assetDir}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js`;
 
 const launchExtensionSearchViewWorker = async () => {
   const name = getPlatform$1() === Electron$1 ? 'Extension Search View Worker (Electron)' : 'Extension Search View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.extensionSearchViewWorkerPath', extensionSearchViewWorkerUrl)
@@ -18301,7 +18400,7 @@ const iframeInspectorWorkerUrl = `${assetDir}/packages/iframe-inspector/dist/ifr
 
 const launchIframeInspectorWorker = async () => {
   const name = 'Iframe Inspector Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.iframeInspectorWorkerPath', iframeInspectorWorkerUrl)
@@ -18453,7 +18552,7 @@ const referencesWorkerUrl = `${assetDir}/packages/references-view/dist/reference
 
 const launchReferencesWorker = async () => {
   const name = 'References Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.referencesWorkerPath', referencesWorkerUrl)
@@ -18694,19 +18793,19 @@ const ViewletInlineDiffEditor_ipc = {
   __proto__: null,
   Commands: Commands$y,
   Css: Css$x,
-  create: create$G,
+  create: create$H,
   getCommands: getCommands$k,
   getDynamicCss,
   hasFunctionalEvents: hasFunctionalEvents$o,
-  hasFunctionalRender: hasFunctionalRender$w,
-  hasFunctionalResize: hasFunctionalResize$m,
-  hasFunctionalRootRender: hasFunctionalRootRender$t,
+  hasFunctionalRender: hasFunctionalRender$x,
+  hasFunctionalResize: hasFunctionalResize$n,
+  hasFunctionalRootRender: hasFunctionalRootRender$u,
   hotReload: hotReload$h,
-  loadContent: loadContent$C,
+  loadContent: loadContent$D,
   name: name$x,
-  render: render$z,
+  render: render$A,
   renderEventListeners: renderEventListeners$m,
-  resize: resize$l,
+  resize: resize$m,
   saveState: saveState$g
 };
 
@@ -18714,7 +18813,7 @@ const keyBindingsViewWorkerUrl = `${assetDir}/packages/keybindings-view-worker/d
 
 const launchKeyBindingsViewWorker = async () => {
   const name = 'KeyBindings View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.keyBindingsViewWorkerPath', keyBindingsViewWorkerUrl)
@@ -18892,7 +18991,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$a
 };
 
-const commit = '7c12bd7';
+const commit = '50d6c96';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -19755,7 +19854,7 @@ const show$4 = async (state, module, currentViewletId) => {
   const width = intermediateState[kWidth];
   const height = intermediateState[kHeight];
   const uid = state.uid;
-  const childUid = create$14();
+  const childUid = create$15();
   let uri = '';
   if (module === Preview$1 && state.previewUri) {
     uri = state.previewUri;
@@ -20132,7 +20231,7 @@ const loadIfVisible = async (state, module) => {
     let commands = [];
     let childUid = -1;
     if (visible) {
-      childUid = create$14();
+      childUid = create$15();
       commands = await load$4({
         getModule: load$2,
         id: moduleId,
@@ -20456,7 +20555,7 @@ const getResizeCommands = async (oldState, newState) => {
     number(newLeft);
     number(newWidth);
     number(newHeight);
-    let resizeCommands = await resize$n(instanceUid, {
+    let resizeCommands = await resize$o(instanceUid, {
       x: newLeft,
       y: newTop,
       width: newWidth,
@@ -20493,7 +20592,7 @@ const showAsync = async (uid, points, module) => {
       kWidth,
       kHeight
     } = module;
-    const viewletUid = create$14();
+    const viewletUid = create$15();
     const commands = await load$4({
       getModule: load$2,
       id: moduleId,
@@ -20746,7 +20845,7 @@ const callGlobalEvent = async (state, eventName, ...args) => {
       const newState = await value.factory.Commands[eventName](oldState, ...args);
       if (oldState !== newState) {
         // @ts-ignore
-        const commands = render$K(value.factory, value.renderedState, newState);
+        const commands = render$L(value.factory, value.renderedState, newState);
         // @ts-ignore
         allCommands.push(...commands);
       }
@@ -22036,7 +22135,7 @@ const mainAreaWorkerUrl = `${assetDir}/packages/main-area-worker/dist/mainAreaWo
 
 const launchMainAreaWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.mainAreaWorkerPath', mainAreaWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Main Area Worker'
@@ -22207,8 +22306,8 @@ const focusIndex$1 = async (state, index) => {
       commands: allCommands
     };
   }
-  const instanceUid = create$14();
-  const instance = create$12(load$2, id, uid, editor.uri, x, y, width, contentHeight);
+  const instanceUid = create$15();
+  const instance = create$13(load$2, id, uid, editor.uri, x, y, width, contentHeight);
   instance.show = false;
   instance.setBounds = false;
   instance.uid = instanceUid;
@@ -22252,11 +22351,11 @@ const openUri = async (state, uri, focus = true, {
   const moduleId = await getModuleId$1(uri, context.opener);
   let activeGroup = groups[activeGroupIndex];
   activeGroup ||= {
-    uid: create$14(),
+    uid: create$15(),
     editors: [],
     activeIndex: -1,
     focusedIndex: -1,
-    tabsUid: create$14(),
+    tabsUid: create$15(),
     x,
     y: 0,
     width,
@@ -22290,8 +22389,8 @@ const openUri = async (state, uri, focus = true, {
     const previousUid = previousEditor.uid;
     disposeCommands = hideFunctional(previousUid);
   }
-  const instanceUid = create$14();
-  const instance = create$12(load$2, moduleId, state.uid, uri, activeGroup.x, y, activeGroup.width, contentHeight);
+  const instanceUid = create$15();
+  const instance = create$13(load$2, moduleId, state.uid, uri, activeGroup.x, y, activeGroup.width, contentHeight);
   instance.uid = instanceUid;
   // const oldActiveIndex = state.activeIndex
   const tabLabel = getLabel(uri);
@@ -22333,7 +22432,7 @@ const openUri = async (state, uri, focus = true, {
   commands.push(['Viewlet.setBounds', instanceUid, activeGroup.x, tabHeight, activeGroup.width, contentHeight]);
   let tabsUid = state.tabsUid;
   if (tabsUid === -1) {
-    tabsUid = create$14();
+    tabsUid = create$15();
   }
   if (disposeCommands) {
     commands.push(...disposeCommands);
@@ -22610,7 +22709,7 @@ const resize$e = async (state, dimensions) => {
         width: group.width,
         height: contentHeight
       };
-      const resizeCommands = await resize$n(editorUid, childDimensions);
+      const resizeCommands = await resize$o(editorUid, childDimensions);
       commands.push(...resizeCommands);
       commands.push(['Viewlet.setBounds', editorUid, group.x, tabHeight, groupWidth, contentHeight]);
     }
@@ -22725,7 +22824,7 @@ const outputViewWorkerUrl = `${assetDir}/packages/output-view/dist/outputViewWor
 
 const launchOutputViewWorker = async () => {
   const name = 'Output View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.outputViewWorkerPath', outputViewWorkerUrl)
@@ -22874,7 +22973,7 @@ const panelWorkerUrl = `${assetDir}/packages/panel-worker/dist/panelWorkerMain.j
 
 const launchPanelWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.panelWorkerPath', panelWorkerUrl);
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Panel Worker'
@@ -23018,7 +23117,7 @@ const problemsViewWorkerUrl = `${assetDir}/packages/problems-view/dist/problemsV
 
 const launchProblemsWorker = async () => {
   const name = 'Problems Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.problemsWorkerPath', problemsViewWorkerUrl)
@@ -23790,7 +23889,7 @@ const create$c = (id, uri) => {
   };
 };
 const loadContent$c = async state => {
-  const captureId = create$14();
+  const captureId = create$15();
   await createScreenCaptureStream(captureId);
   return {
     ...state,
@@ -24013,7 +24112,7 @@ const settingsViewWorkerUrl = `${assetDir}/packages/settings-view/dist/settingsV
 
 const launchSettingsViewWorker = async () => {
   const name = 'Settings View Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.settingsWorkerPath', settingsViewWorkerUrl)
@@ -24274,6 +24373,15 @@ const getContentDimensions$1 = (dimensions, titleAreaHeight) => {
     height: dimensions.height - titleAreaHeight
   };
 };
+const getChildModuleId = moduleId => {
+  if (moduleId in map) {
+    return moduleId;
+  }
+  if (!moduleId.includes('.')) {
+    return moduleId;
+  }
+  return ExtensionView;
+};
 
 // TODO
 // export const getChildren = (state) => {
@@ -24310,13 +24418,14 @@ const handleSideBarViewletChange = async (state, moduleId) => {
   state.currentViewletId = moduleId;
   const childDimensions = getContentDimensions$1(state, titleAreaHeight);
   const uid = state.uid;
-  const childUid = create$14();
+  const childUid = create$15();
+  const childModuleId = getChildModuleId(moduleId);
   const commands = await load$4({
     getModule: load$2,
-    id: moduleId,
+    id: childModuleId,
     type: 0,
     // @ts-ignore
-    uri: '',
+    uri: moduleId,
     show: false,
     focus: false,
     setBounds: false,
@@ -24339,14 +24448,16 @@ const handleSideBarViewletChange = async (state, moduleId) => {
   let actionsUid = -1;
   if (commands) {
     const actionsDomIndex = commands.findIndex(command => command[2] === 'setActionsDom');
-    if (actionsDomIndex) {
+    if (actionsDomIndex >= 0) {
       actionsDom = commands[actionsDomIndex][3];
       commands.splice(actionsDomIndex, 1);
     }
     const eventsIndex = commands.findIndex(command => command[0] === 'Viewlet.registerEventListeners');
-    const events = commands[eventsIndex][2];
-    actionsUid = create$14();
-    commands.push(['Viewlet.createFunctionalRoot', moduleId, actionsUid, true], ['Viewlet.registerEventListeners', actionsUid, events], ['Viewlet.setDom2', actionsUid, actionsDom], ['Viewlet.setUid', actionsUid, childUid]);
+    if (eventsIndex >= 0 || actionsDom.length > 0) {
+      const events = eventsIndex >= 0 ? commands[eventsIndex][2] : [];
+      actionsUid = create$15();
+      commands.push(['Viewlet.createFunctionalRoot', moduleId, actionsUid, true], ['Viewlet.registerEventListeners', actionsUid, events], ['Viewlet.setDom2', actionsUid, actionsDom], ['Viewlet.setUid', actionsUid, childUid]);
+    }
     if (state.currentViewletRequestId !== requestId || state.currentViewletId !== moduleId) {
       disposeFunctional(childUid);
       await savePromise;
@@ -24402,7 +24513,7 @@ const resize$8 = async (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = await resize$n(currentViewletUid, childDimensions);
+  const commands = await resize$o(currentViewletUid, childDimensions);
   return {
     newState,
     commands
@@ -24569,7 +24680,7 @@ const handleSecondarySideBarViewletChange = async (state, moduleId) => {
 
   const childDimensions = getContentDimensions(state, titleAreaHeight);
   const uid = state.uid;
-  const childUid = create$14();
+  const childUid = create$15();
   const commands = await load$4({
     getModule: load$2,
     id: moduleId,
@@ -24627,7 +24738,7 @@ const resize$7 = async (state, dimensions) => {
   }
   const currentViewletUid = currentViewletInstance.state.uid;
   // @ts-ignore
-  await resize$n(currentViewletUid, childDimensions);
+  await resize$o(currentViewletUid, childDimensions);
   return newState;
 };
 const focus$1 = async state => {
@@ -24723,7 +24834,7 @@ const getConfiguredWorkerUrl = () => {
 };
 const launchEmbedsWorker = async () => {
   const url = getConfiguredWorkerUrl();
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url,
     name: 'Embeds Worker'
@@ -25812,7 +25923,7 @@ const statusBarWorkerUrl = `${assetDir}/packages/status-bar-worker/dist/statusBa
 
 const launchStatusBarWorker = async () => {
   const name = 'Status Bar Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.statusBarWorkerPath', statusBarWorkerUrl)
@@ -26079,8 +26190,8 @@ const loadContent$3 = async state => {
     command,
     args
   } = await getTerminalSpawnOptions();
-  const canvasTextId = create$14();
-  const canvasCursorId = create$14();
+  const canvasTextId = create$15();
+  const canvasCursorId = create$15();
   await invoke$q('Terminal.create', canvasTextId, canvasCursorId, uid, state$n.workspacePath, command, args);
   const terminal = {
     handleBlur() {
@@ -26098,7 +26209,7 @@ const loadContent$3 = async state => {
   };
   return {
     ...state,
-    id: create$14(),
+    id: create$15(),
     command,
     args,
     canvasCursorId,
@@ -26298,7 +26409,7 @@ const createViewlet = async (state, childUid) => {
 };
 const loadContent$2 = async state => {
   const terminalTabsEnabled = get$d('terminal.tabs.enabled');
-  const childUid = create$14();
+  const childUid = create$15();
   await createViewlet({
     ...state,
     terminalTabsEnabled
@@ -26320,7 +26431,7 @@ const addTerminal = async state => {
     tabs,
     childUid: oldChildUid
   } = state;
-  const childUid = create$14();
+  const childUid = create$15();
   const newTab = {
     label: `tab ${tabs.length + 1}`,
     icon: 'Terminal',
@@ -26382,7 +26493,7 @@ const resize$2 = async (state, dimensions) => {
     ...dimensions
   };
   const childDimensions = getChildBounds(resizedState);
-  const commands = await resize$n(childUid, childDimensions);
+  const commands = await resize$o(childUid, childDimensions);
   return {
     newState: resizedState,
     commands
@@ -26517,7 +26628,7 @@ const titleBarWorkerUrl = `${assetDir}/packages/title-bar-worker/dist/titleBarWo
 
 const launchTitleBarWorker = async () => {
   const name = 'Title Bar Worker';
-  const ipc = await create$15({
+  const ipc = await create$16({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1('develop.titleBarWorkerPath', titleBarWorkerUrl)