@lvce-editor/renderer-process 30.72.1 → 30.73.0

package/dist/rendererProcessMain.js

@@ -932,7 +932,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$J = (message, result) => {
+const create$I = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -941,7 +941,7 @@ const create$J = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$J(message, resultProperty);
+  return create$I(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -1040,7 +1040,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$I = (method, params) => {
+const create$H = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -1048,7 +1048,7 @@ const create$I = (method, params) => {
   };
 };
 
-const create$H = (id, method, params) => {
+const create$G = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -1059,12 +1059,12 @@ const create$H = (id, method, params) => {
 };
 
 let id = 0;
-const create$G = () => {
+const create$F = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$G();
+  const id = create$F();
   const {
     promise,
     resolve
@@ -1081,7 +1081,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$H(id, method, params);
+  const message = create$G(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -1117,7 +1117,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$I(method, params);
+      const message = create$H(method, params);
       ipc.send(message);
     }
   };
@@ -1159,7 +1159,7 @@ const unhandleIpc = ipc => {
   }
 };
 
-const create$F = async ({
+const create$E = async ({
   commandMap,
   window
 }) => {
@@ -1171,7 +1171,7 @@ const create$F = async ({
   return rpc;
 };
 
-const create$E = async ({
+const create$D = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -1193,7 +1193,7 @@ const isWorker = value => {
   return value instanceof Worker;
 };
 
-const create$D = async ({
+const create$C = async ({
   commandMap,
   name,
   url
@@ -1213,7 +1213,7 @@ const create$D = async ({
   return workerRpc;
 };
 
-const create$C = async ({
+const create$B = async ({
   commandMap,
   name,
   port,
@@ -1236,11 +1236,11 @@ const create$C = async ({
   return workerRpc;
 };
 
-const create$B = async ({
+const create$A = async ({
   commandMap,
   messagePort
 }) => {
-  return create$E({
+  return create$D({
     commandMap,
     messagePort
   });
@@ -1565,7 +1565,7 @@ const launchWorker = async ({
   const generation = getGeneration();
   const trackedWorker = createRuntimeName(name);
   try {
-    const rpc = await create$D({
+    const rpc = await create$C({
       commandMap: commandMapRef,
       name: trackedWorker.runtimeName,
       url
@@ -1862,7 +1862,7 @@ const configureProxy = async (options, port) => {
   try {
     const id = await client.invoke('start', options, capture(document));
     proxyPort = await client.invokeAndTransfer('proxy', port);
-    const rpc = await create$B({
+    const rpc = await create$A({
       commandMap: commandMapRef,
       messagePort: proxyPort
     });
@@ -2130,7 +2130,7 @@ const createIdGenerator = () => {
     return ++id;
   };
 };
-const create$A = createIdGenerator();
+const create$z = createIdGenerator();
 
 const state$j = Object.create(null);
 const retainString = (item, index) => {
@@ -2182,7 +2182,7 @@ const retainItems = dataTransfer => {
   return items;
 };
 const addItems = items => {
-  const id = create$A();
+  const id = create$z();
   state$j[id] = items;
   return id;
 };
@@ -2210,7 +2210,7 @@ const getFileHandles = async ids => {
   return handles;
 };
 const add$1 = promise => {
-  const id = create$A();
+  const id = create$z();
   state$i[id] = promise;
   return id;
 };
@@ -4118,14 +4118,14 @@ const launchDragAndDropWorker = async () => {
       port1,
       port2
     } = new MessageChannel();
-    const workerRpc = await create$C({
+    const workerRpc = await create$B({
       commandMap: {},
       name: trackedWorker.runtimeName,
       port: port1,
       url: dragAndDropWorkerUrl
     });
     trackRpc(workerRpc, generation, trackedWorker);
-    const rpc = await create$E({
+    const rpc = await create$D({
       commandMap: commandMapRef,
       messagePort: port2
     });
@@ -4395,7 +4395,7 @@ const getWorkerDisplayName = name => {
   }
   return `${name} worker`;
 };
-const create$z = async ({
+const create$y = async ({
   name,
   url
 }) => {
@@ -4473,7 +4473,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$z,
+  create: create$y,
   wrap
 };
 
@@ -4481,7 +4481,7 @@ const isMessagePort = value => {
   return value instanceof MessagePort;
 };
 
-const create$y = async ({
+const create$x = async ({
   url
 }) => {
   string(url);
@@ -4510,10 +4510,10 @@ const create$y = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$y
+  create: create$x
 };
 
-const create$x = async url => {
+const create$w = async url => {
   const {
     promise,
     resolve
@@ -4532,7 +4532,7 @@ const create$x = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$x
+  create: create$w
 };
 
 const workers = Object.create(null);
@@ -4550,7 +4550,7 @@ const clear$2 = () => {
   }
 };
 
-const create$w = async ({
+const create$v = async ({
   id,
   name,
   parentName,
@@ -4558,7 +4558,7 @@ const create$w = async ({
   raw,
   rpcId,
   url
-}, createTransferredRpc = create$C, createNativeRpc = create$D) => {
+}, createTransferredRpc = create$B, createNativeRpc = create$C) => {
   const generation = getGeneration();
   const trackedWorker = createRuntimeName(name || 'Worker', parentName);
   let rpc;
@@ -4595,13 +4595,13 @@ const create$w = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$w
+  create: create$v
 };
 
 const isElectron = platform === Electron$1;
 
 // TODO use handleIncomingIpc function
-const create$v = async ({
+const create$u = async ({
   ipcId,
   port
 }) => {
@@ -4609,7 +4609,7 @@ const create$v = async ({
   if (!isElectron) {
     throw new Error('Electron api was requested but is not available');
   }
-  const rpc = await create$F({
+  const rpc = await create$E({
     commandMap: {},
     window
   });
@@ -4619,7 +4619,7 @@ const create$v = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$v
+  create: create$u
 };
 
 const getModule = method => {
@@ -4641,7 +4641,7 @@ const getModule = method => {
 
 const shouldLaunchMultipleWorkers = true;
 
-const create$u = async ({
+const create$t = async ({
   method,
   ...options
 }) => {
@@ -4670,7 +4670,7 @@ const dispose$l = id => {
 
 const launchEditorWorker = async port => {
   try {
-    await create$u({
+    await create$t({
       method: ModuleWorkerWithMessagePort,
       name: 'Editor Worker',
       port,
@@ -4711,7 +4711,7 @@ const syntaxHighlightingWorkerUrl = getConfiguredSyntaxHighlightingWorkerUrl() |
 
 const launchSyntaxHighlightingWorker = async port => {
   try {
-    await create$u({
+    await create$t({
       method: ModuleWorkerWithMessagePort,
       name: 'Syntax Highlighting Worker',
       parentName: 'Editor Worker',
@@ -4936,7 +4936,9 @@ const executeViewletCommand$1 = 'Viewlet.executeViewletCommand';
 const send = (method, uid, ...args) => {
   // Editor shortcuts still execute through renderer-worker. Keep their input
   // events on the same port so typing cannot overtake a preceding shortcut.
-  if (method === executeViewletCommand$1 && getRpcId(uid) !== 'Editor') {
+  // Blur uses the direct editor handler, whose delayed render preserves the
+  // focus of the next editor instead of clearing its keyboard context.
+  if (method === executeViewletCommand$1 && (getRpcId(uid) !== 'Editor' || args[0] === 'handleBlur')) {
     const rpc = get$8(uid);
     if (rpc) {
       rpc.send(method, uid, ...args);
@@ -5297,7 +5299,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$t = (uri, top, left) => {
+const create$s = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -5328,7 +5330,7 @@ const dispose$h = state => {
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$t,
+  create: create$s,
   dispose: dispose$h,
   showError,
   update: update$1
@@ -5377,13 +5379,13 @@ const handleMouseDown$4 = event => {
 const handleBlur$7 = () => {
   return ['handleBlur'];
 };
-const handleFocus$9 = () => {
+const handleFocus$8 = () => {
   return ['handleFocus'];
 };
 
 // TODO use context menu events function again
 
-const handleContextMenu$7 = event => {
+const handleContextMenu$6 = event => {
   preventDefault(event);
   const {
     button,
@@ -5397,8 +5399,8 @@ const returnValue$8 = true;
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$7,
-  handleContextMenu: handleContextMenu$7,
-  handleFocus: handleFocus$9,
+  handleContextMenu: handleContextMenu$6,
+  handleFocus: handleFocus$8,
   handleMouseDown: handleMouseDown$4,
   returnValue: returnValue$8
 };
@@ -5440,8 +5442,8 @@ const handleAudioError$1 = forwardViewletCommand('handleAudioError');
 forwardViewletCommand('handleBeforeInput');
 forwardViewletCommand('handleBeforeInputFromContentEditable');
 const handleBlur$6 = forwardViewletCommand('handleBlur');
-const handleButtonClick = forwardViewletCommand('handleButtonClick');
-const handleClick$6 = forwardViewletCommand('handleClick');
+forwardViewletCommand('handleButtonClick');
+const handleClick$4 = forwardViewletCommand('handleClick');
 const handleClickAction$2 = forwardViewletCommand('handleClickAction');
 forwardViewletCommand('handleClickAdd');
 const handleClickAt$3 = forwardViewletCommand('handleClickAt');
@@ -5454,7 +5456,7 @@ forwardViewletCommand('handleClickOpenFolder');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$6 = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$5 = forwardViewletCommand('handleContextMenu');
 forwardViewletCommand('handleDoubleClick');
 forwardViewletCommand('handleDragEnd');
 forwardViewletCommand('handleDragLeave');
@@ -5467,11 +5469,11 @@ forwardViewletCommand('handleClickSize');
 forwardViewletCommand('handleClickDisable');
 forwardViewletCommand('handleClickUninstall');
 forwardViewletCommand('handleFilterInput');
-const handleFocus$8 = forwardViewletCommand('handleFocus');
+const handleFocus$7 = forwardViewletCommand('handleFocus');
 const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 forwardViewletCommand('handleIconError');
 const handleImageError = forwardViewletCommand('handleImageError');
-const handleInput$6 = forwardViewletCommand('handleInput');
+const handleInput$5 = forwardViewletCommand('handleInput');
 const handleKeyDown$4 = forwardViewletCommand('handleKeyDown');
 const handleLink = forwardViewletCommand('handleLink');
 forwardViewletCommand('handleListBlur');
@@ -5481,8 +5483,8 @@ const handleMenuMouseOver$1 = forwardViewletCommand('handleMenuMouseOver');
 const handleMenuMouseLeave$1 = forwardViewletCommand('handleMenuMouseLeave');
 const handleMouseDown$3 = forwardViewletCommand('handleMouseDown');
 forwardViewletCommand('handleMouseMove');
-const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
-const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
+const handleMouseOut = forwardViewletCommand('handleMouseOut');
+const handleMouseOver = forwardViewletCommand('handleMouseOver');
 forwardViewletCommand('handlePointerCaptureLost');
 const handlePointerDown$3 = forwardViewletCommand('handlePointerDown');
 const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
@@ -5558,7 +5560,7 @@ const ViewletAudio = {
   Events: Events$5
 };
 
-const create$s = () => {
+const create$r = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -5575,7 +5577,7 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$s,
+  create: create$r,
   dispose: dispose$g,
   refresh: refresh$3,
   setTime
@@ -5604,7 +5606,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$r = (pointerDown, pointerMove, pointerUp) => {
+const create$q = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -5637,7 +5639,7 @@ const create$r = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$r(event => {
+const handleSliderPointerDown = create$q(event => {
   const {
     clientX,
     clientY
@@ -5698,7 +5700,7 @@ const ViewletColorPicker = {
   setOffsetX
 };
 
-const handleInput$5 = event => {
+const handleInput$4 = event => {
   const uid = fromEvent(event);
   const {
     target
@@ -5706,27 +5708,27 @@ const handleInput$5 = event => {
   const {
     value
   } = target;
-  handleInput$6(uid, value);
+  handleInput$5(uid, value);
 };
-const handleFocus$7 = event => {
+const handleFocus$6 = event => {
   const uid = fromEvent(event);
-  handleFocus$8(uid);
+  handleFocus$7(uid);
 };
 
 const ViewletDebugConsoleEvents = {
   __proto__: null,
-  handleFocus: handleFocus$7,
-  handleInput: handleInput$5
+  handleFocus: handleFocus$6,
+  handleInput: handleInput$4
 };
 
-const create$q = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
     $Viewlet
   };
 };
-const setDom$9 = (state, dom) => {
+const setDom$8 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -5735,8 +5737,8 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$q,
-  setDom: setDom$9
+  create: create$p,
+  setDom: setDom$8
 };
 
 const handleKeyDown$3 = event => {
@@ -5772,7 +5774,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector(':scope input');
   $Input.value = value;
 };
-const focus$e = state => {
+const focus$c = state => {
   const {
     $Viewlet
   } = state;
@@ -5783,7 +5785,7 @@ const focus$e = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$e,
+  focus: focus$c,
   setValue: setValue$2
 };
 
@@ -5803,7 +5805,6 @@ const Log = 'log';
 const Menu = 'menu';
 const MenuItem = 'menuitem';
 const None$1 = 'none';
-const Status = 'status';
 const TabList = 'tablist';
 const Toolbar = 'toolbar';
 
@@ -5816,7 +5817,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$p = icon => {
+const create$o = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -5826,7 +5827,7 @@ const create$p = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary HTML element)
-  const $Icon = create$p(icon);
+  const $Icon = create$o(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -5835,19 +5836,19 @@ const create$Button = (label, icon) => {
   return $Button;
 };
 
-const handleClick$5 = index => {
+const handleClick$3 = index => {
   send$1(/* Dialog.handleClick */'Dialog.handleClick', /* index */index);
 };
 
-const handleClick$4 = event => {
+const handleClick$2 = event => {
   const {
     target
   } = event;
   const index = getNodeIndex(target);
-  handleClick$5(index);
+  handleClick$3(index);
 };
 
-const create$o = () => {
+const create$n = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -5874,7 +5875,7 @@ const create$o = () => {
   $Dialog.setAttribute(AriaLabelledBy, 'DialogTitle');
   $Dialog.setAttribute(AriaDescribedBy, 'DialogBodyErrorMessage');
   $Dialog.append($DialogHeader, $DialogBody);
-  $Dialog.onclick = handleClick$4;
+  $Dialog.onclick = handleClick$2;
   return {
     $DialogBodyErrorCodeFrame,
     $DialogBodyErrorMessage,
@@ -5928,7 +5929,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$o,
+  create: create$n,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -5982,7 +5983,7 @@ const handleClickAt$2 = event => {
 const handleLoad$3 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$5 = event => {
+const handleContextMenu$4 = event => {
   preventDefault(event);
   const {
     button,
@@ -5991,7 +5992,7 @@ const handleContextMenu$5 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$r(event => {
+const handleSashCornerPointerDown = create$q(event => {
   const {
     clientX,
     clientY
@@ -6015,7 +6016,7 @@ const returnValue$6 = true;
 const ViewletE2eTestEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$2,
-  handleContextMenu: handleContextMenu$5,
+  handleContextMenu: handleContextMenu$4,
   handleLoad: handleLoad$3,
   handleSashCornerPointerDown,
   returnValue: returnValue$6
@@ -6079,7 +6080,7 @@ const handleClickAt$1 = event => {
 const handleLoad$2 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$4 = event => {
+const handleContextMenu$3 = event => {
   preventDefault(event);
   const {
     button,
@@ -6093,7 +6094,7 @@ const returnValue$5 = true;
 const ViewletE2eTestsEvents = {
   __proto__: null,
   handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$4,
+  handleContextMenu: handleContextMenu$3,
   handleLoad: handleLoad$2,
   returnValue: returnValue$5
 };
@@ -6240,7 +6241,7 @@ const appendWidget$5 = state => {
 const dispose$f = state => {
   remove$1(state.$Viewlet);
 };
-const focus$d = (state, key, source) => {
+const focus$b = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -6264,7 +6265,7 @@ const ViewletEditorCodeGenerator = {
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
   dispose: dispose$f,
-  focus: focus$d,
+  focus: focus$b,
   setBounds: setBounds$9
 };
 
@@ -6381,7 +6382,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$n = () => {
+const create$m = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -6422,7 +6423,7 @@ const attachEvents$6 = state => {
 // TODO show should be passed active cursor position
 // this would make this function easier to test as it would avoid dependency on globals of other files
 
-const setDom$8 = (state, dom) => {
+const setDom$7 = (state, dom) => {
   const {
     $ListItems,
     $Viewlet
@@ -6464,12 +6465,12 @@ const setBounds$8 = (state, x, y, width, height) => {
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$6,
-  create: create$n,
+  create: create$m,
   dispose: dispose$e,
   handleError: handleError$5,
   setBounds: setBounds$8,
   setContentHeight,
-  setDom: setDom$8,
+  setDom: setDom$7,
   setNegativeMargin,
   setScrollBar,
   setSize,
@@ -6487,7 +6488,7 @@ const ViewletEditorCompletionDetailsEvents = {
   returnValue: returnValue$4
 };
 
-const create$m = () => {
+const create$l = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -6498,7 +6499,7 @@ const create$m = () => {
 const attachEvents$5 = state => {
   // TODO
 };
-const setDom$7 = (state, dom) => {
+const setDom$6 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6527,10 +6528,10 @@ const ViewletEditorCompletionDetails = {
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
   attachEvents: attachEvents$5,
-  create: create$m,
+  create: create$l,
   dispose: dispose$d,
   setBounds: setBounds$7,
-  setDom: setDom$7
+  setDom: setDom$6
 };
 
 // TODO not sure whether created DOM node
@@ -6546,14 +6547,14 @@ const ViewletEditorCompletionDetails = {
 
 // TODO aria alert
 
-const create$l = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
     $Viewlet
   };
 };
-const setDom$6 = (state, dom) => {
+const setDom$5 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6568,13 +6569,13 @@ const setBounds$6 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$l,
+  create: create$k,
   setBounds: setBounds$6,
-  setDom: setDom$6
+  setDom: setDom$5
 };
 
 const returnValue$3 = true;
-const handleSashPointerDown$2 = create$r(event => {
+const handleSashPointerDown$2 = create$q(event => {
   const {
     clientX,
     clientY
@@ -6613,7 +6614,7 @@ const appendWidget$3 = state => {
   } = state;
   append$1($Viewlet);
 };
-const setDom$5 = (state, dom) => {
+const setDom$4 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6625,7 +6626,7 @@ const ViewletEditorHover = {
   Events: ViewletEditorHoverEvents,
   appendWidget: appendWidget$3,
   setBounds: setBounds$5,
-  setDom: setDom$5
+  setDom: setDom$4
 };
 
 const LeftClick = 0;
@@ -6707,7 +6708,7 @@ const handleWheel = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$3 = event => {
+const handleContextMenu$2 = event => {
   preventDefault(event);
   const {
     button,
@@ -6715,18 +6716,18 @@ const handleContextMenu$3 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$6(uid, button, clientX, clientY);
+  handleContextMenu$5(uid, button, clientX, clientY);
 };
 const handleError$4 = event => {
   const uid = fromEvent(event);
   handleImageError(uid);
 };
-const handleFocus$6 = event => {
+const handleFocus$5 = event => {
   const uid = fromEvent(event);
-  handleFocus$8(uid);
+  handleFocus$7(uid);
 };
 
-const create$k = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
@@ -6738,8 +6739,8 @@ const attachEvents$4 = state => {
     $Viewlet
   } = state;
   attachEvents$7($Viewlet, {
-    [ContextMenu]: handleContextMenu$3,
-    [FocusIn]: handleFocus$6,
+    [ContextMenu]: handleContextMenu$2,
+    [FocusIn]: handleFocus$5,
     [PointerDown]: handlePointerDown$1,
     [PointerUp]: handlePointerUp
   });
@@ -6759,7 +6760,7 @@ const setDragging = (state, isDragging) => {
   } = state;
   $Viewlet.classList.toggle('Dragging', isDragging);
 };
-const setDom$4 = (state, dom) => {
+const setDom$3 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6769,13 +6770,13 @@ const setDom$4 = (state, dom) => {
 const ViewletEditorImage = {
   __proto__: null,
   attachEvents: attachEvents$4,
-  create: create$k,
-  setDom: setDom$4,
+  create: create$j,
+  setDom: setDom$3,
   setDragging,
   setTransform
 };
 
-const create$j = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -6792,7 +6793,7 @@ const refresh$2 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$j,
+  create: create$i,
   dispose: dispose$c,
   refresh: refresh$2
 };
@@ -6833,7 +6834,7 @@ const ViewletEditorSourceActions = {
   setBounds: setBounds$4
 };
 
-const create$i = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorTextError';
   return {
@@ -6849,11 +6850,11 @@ const setMessage$3 = (state, message) => {
 
 const ViewletEditorTextError = {
   __proto__: null,
-  create: create$i,
+  create: create$h,
   setMessage: setMessage$3
 };
 
-const create$h = () => {
+const create$g = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
@@ -6876,12 +6877,12 @@ const setBounds$3 = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$h,
+  create: create$g,
   setBounds: setBounds$3,
   setMessage: setMessage$2
 };
 
-const create$g = () => {
+const create$f = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -6890,18 +6891,18 @@ const create$g = () => {
   };
 };
 const refresh$1 = (state, context) => {};
-const focus$c = state => {};
+const focus$a = state => {};
 const dispose$a = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$g,
+  create: create$f,
   dispose: dispose$a,
-  focus: focus$c,
+  focus: focus$a,
   refresh: refresh$1
 };
 
-const create$f = () => {
+const create$e = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -6911,10 +6912,10 @@ const create$f = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create: create$f
+  create: create$e
 };
 
-const create$e = () => {
+const create$d = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
@@ -6930,7 +6931,7 @@ const setMessage$1 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$e,
+  create: create$d,
   setMessage: setMessage$1
 };
 
@@ -6970,7 +6971,7 @@ const setIframeSrc = ($Iframe, src, srcDoc = '') => {
   }
 };
 
-const focus$b = state => {
+const focus$9 = state => {
   state.$Viewlet.focus();
 };
 const setIframe$1 = (state, src, sandbox = [], srcDoc = '', csp = '', credentialless = true, title = '') => {
@@ -6994,11 +6995,11 @@ const setIframe$1 = (state, src, sandbox = [], srcDoc = '', csp = '', credential
 const ViewletExtensionView = {
   __proto__: null,
   Events: ViewletExtensionViewEvents,
-  focus: focus$b,
+  focus: focus$9,
   setIframe: setIframe$1
 };
 
-const handleInput$4 = event => {
+const handleInput$3 = event => {
   const {
     target
   } = event;
@@ -7046,7 +7047,7 @@ const handleReplaceInput = event => {
 const handleReplaceFocus = event => {
   return ['FindWidget.handleReplaceFocus'];
 };
-const handleFocus$5 = event => {
+const handleFocus$4 = event => {
   return ['FindWidget.handleFocus'];
 };
 const handleToggleReplaceFocus = event => {
@@ -7074,12 +7075,12 @@ const ViewletFindWidgetEvents = {
   handleClickReplace,
   handleClickReplaceAll,
   handleClickToggleReplace,
-  handleFocus: handleFocus$5,
+  handleFocus: handleFocus$4,
   handleFocusClose,
   handleFocusNext,
   handleFocusPrevious,
   handleFocusReplaceAll,
-  handleInput: handleInput$4,
+  handleInput: handleInput$3,
   handleInputBlur,
   handleReplaceFocus,
   handleReplaceInput,
@@ -7087,7 +7088,7 @@ const ViewletFindWidgetEvents = {
   returnValue: returnValue$2
 };
 
-const create$d = () => {
+const create$c = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -7095,7 +7096,7 @@ const create$d = () => {
     $Viewlet
   };
 };
-const focus$a = (state, key, source) => {
+const focus$8 = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -7129,7 +7130,7 @@ const appendWidget$1 = state => {
   } = state;
   append$1($Viewlet);
 };
-const setDom$3 = (state, dom) => {
+const setDom$2 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -7150,11 +7151,11 @@ const ViewletFindWidget = {
   __proto__: null,
   Events: Events$4,
   appendWidget: appendWidget$1,
-  create: create$d,
+  create: create$c,
   dispose: dispose$9,
-  focus: focus$a,
+  focus: focus$8,
   setBounds: setBounds$2,
-  setDom: setDom$3,
+  setDom: setDom$2,
   setValue: setValue$1
 };
 
@@ -7204,7 +7205,7 @@ const handleError$3 = (state, message) => {
   } = state;
   $Message.textContent = message;
 };
-const focus$9 = state => {
+const focus$7 = state => {
   const {
     $Locations
   } = state;
@@ -7216,7 +7217,7 @@ const focus$9 = state => {
 const ViewletImplementations = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$7,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -7443,7 +7444,7 @@ const handleSashDoubleClick$1 = id => {
 const handleResize$1 = (width, height) => {
   send$1('Layout.handleResize', width, height);
 };
-const handleFocus$4 = () => {
+const handleFocus$3 = () => {
   send$1('Layout.handleFocus');
 };
 const handleBlur$3 = () => {
@@ -7492,8 +7493,8 @@ const handleResize = () => {
   } = window;
   handleResize$1(innerWidth, innerHeight);
 };
-const handleFocus$3 = () => {
-  handleFocus$4();
+const handleFocus$2 = () => {
+  handleFocus$3();
 };
 const handleBlur$2 = () => {
   handleBlur$3();
@@ -7501,7 +7502,7 @@ const handleBlur$2 = () => {
 const handleKeyDown$1 = handleKeyDown$2;
 const handleKeyUp = handleKeyUp$1;
 
-const create$c = () => {
+const create$b = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSidebar = document.createElement('div');
   $SashSidebar.className = 'Viewlet Sash SashVertical';
@@ -7537,7 +7538,7 @@ const attachEvents$3 = state => {
   });
   attachEvents$7(window, {
     [Blur]: handleBlur$2,
-    [Focus]: handleFocus$3,
+    [Focus]: handleFocus$2,
     [KeyDown]: handleKeyDown$1,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -7557,7 +7558,7 @@ const setSashes = (state, sashSidebar, sashPanel) => {
 const ViewletLayout = {
   __proto__: null,
   attachEvents: attachEvents$3,
-  create: create$c,
+  create: create$b,
   setSashes
 };
 
@@ -7593,8 +7594,6 @@ const ScreenCapture = 'ScreenCapture';
 const Sidebar$1 = 'SideBar';
 const SimpleBrowser = 'SimpleBrowser';
 const SimpleBrowserHistory = 'SimpleBrowserHistory';
-const SourceControl = 'Source Control';
-const StatusBar$1 = 'StatusBar';
 const Storage = 'Storage';
 const Terminal2 = 'Terminal2';
 const Terminals = 'Terminals';
@@ -7625,7 +7624,7 @@ const getElement = () => {
   return state$8.$PreviousFocusElement;
 };
 
-const focus$8 = $Element => {
+const focus$6 = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -7642,7 +7641,7 @@ const focusPrevious = () => {
   }
 };
 
-const create$b = () => {
+const create$a = () => {
   const $ViewletOutputContent = document.createElement('div');
   $ViewletOutputContent.className = 'OutputContent';
   $ViewletOutputContent.role = Log;
@@ -7674,9 +7673,9 @@ const handleError$2 = (state, error) => {
   string(error);
   state.content.textContent = error;
 };
-const focus$7 = state => {
+const focus$5 = state => {
   object(state);
-  focus$8(state.$ViewletOutputContent);
+  focus$6(state.$ViewletOutputContent);
   send$1('Focus.setFocus', FocusOutput);
 };
 
@@ -7694,10 +7693,10 @@ const dispose$8 = state => {};
 const ViewletOutput = {
   __proto__: null,
   clear: clear$1,
-  create: create$b,
+  create: create$a,
   dispose: dispose$8,
   disposeFindWidget,
-  focus: focus$7,
+  focus: focus$5,
   handleError: handleError$2,
   openFindWidget,
   setText
@@ -7750,7 +7749,7 @@ const UiStrings = {
   Close: 'Close',
   Maximize: 'Maximize'
 };
-const create$a = () => {
+const create$9 = () => {
   const $PanelTabs = document.createElement('div');
   $PanelTabs.className = 'PanelTabs';
   $PanelTabs.role = TabList;
@@ -7812,7 +7811,7 @@ const setTabsDom$1 = (state, dom) => {
 };
 
 // TODO add test for focus method
-const focus$6 = state => {
+const focus$4 = state => {
   object(state);
   if (!state.currentViewlet) {
     return;
@@ -7864,9 +7863,9 @@ const setActionsDom$1 = (state, actions, childUid) => {
 const ViewletPanel = {
   __proto__: null,
   attachEvents: attachEvents$2,
-  create: create$a,
+  create: create$9,
   dispose: dispose$7,
-  focus: focus$6,
+  focus: focus$4,
   setActionsDom: setActionsDom$1,
   setSelectedIndex,
   setTabsDom: setTabsDom$1
@@ -7875,7 +7874,7 @@ const ViewletPanel = {
 const ViewletReferences = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$7,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -7915,7 +7914,7 @@ const handleLoadedMetadata = event => {
   target.play();
 };
 
-const create$9 = () => {
+const create$8 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet ScreenCapture';
   return {
@@ -7935,12 +7934,11 @@ const setScreenCapture = (state, id) => {
 
 const ViewletScreenCapture = {
   __proto__: null,
-  create: create$9,
+  create: create$8,
   setScreenCapture
 };
 
 const Sidebar = 'Side Bar';
-const StatusBar = 'Status Bar';
 
 const handleClickAction = (target, uid) => {
   const index = getNodeIndex(target);
@@ -7959,7 +7957,7 @@ const handleHeaderClick = event => {
   }
 };
 
-const create$8 = () => {
+const create$7 = () => {
   const $SidebarTitleAreaTitle = document.createElement('h2');
   $SidebarTitleAreaTitle.className = 'SideBarTitleAreaTitle';
   const $SidebarTitleArea = document.createElement('div');
@@ -8016,23 +8014,23 @@ const setActionsDom = (state, actions, parentId, eventMap = {}) => {
   }
   state.$Actions = $NewViewlet;
 };
-const focus$5 = async () => {
+const focus$3 = async () => {
   // await
 };
 
 const ViewletSidebar = {
   __proto__: null,
   attachEvents: attachEvents$1,
-  create: create$8,
+  create: create$7,
   dispose: dispose$6,
-  focus: focus$5,
+  focus: focus$3,
   setActionsDom,
   setTitle
 };
 
 const pendingSelections = new WeakMap();
 const state$7 = {};
-const handleFocus$2 = event => {
+const handleFocus$1 = event => {
   const target = event.target;
   if (target instanceof HTMLElement && !target.closest('.SimpleBrowser') && target.closest('.Main, .Panel, .Editor, .Terminal')) {
     state$7.codingFocus = new WeakRef(target);
@@ -8058,7 +8056,7 @@ const cancelPendingAddressSelection = event => {
   pendingSelections.delete(address);
 };
 const listen = () => {
-  document.addEventListener('focusin', handleFocus$2);
+  document.addEventListener('focusin', handleFocus$1);
   document.addEventListener('focusout', handleFocusOut$2);
   document.addEventListener('input', cancelPendingAddressSelection);
   document.addEventListener('keydown', cancelPendingAddressSelection);
@@ -8127,7 +8125,7 @@ const restoreBrowserParent$1 = uid => {
   if (browser && marker.isConnected) marker.replaceWith(browser);else marker.remove();
 };
 
-const handleInput$3 = value => {
+const handleInput$2 = value => {
   send$1('SimpleBrowser.handleInput', value);
 };
 const acceptSuggestion = value => {
@@ -8153,14 +8151,14 @@ const openExternal = () => {
 };
 
 const simpleBrowserAddressName = 'simple-browser-address';
-const handleInput$2 = event => {
+const handleInput$1 = event => {
   const {
     target
   } = event;
   const {
     value
   } = target;
-  handleInput$3(value);
+  handleInput$2(value);
 };
 const handleClickSuggestion = event => {
   const suggestion = event.target.closest?.('.SimpleBrowserSuggestion');
@@ -8170,7 +8168,7 @@ const handleClickSuggestion = event => {
   }
   acceptSuggestion(value);
 };
-const handleFocus$1 = event => {
+const handleFocus = event => {
   const {
     target
   } = event;
@@ -8225,8 +8223,8 @@ const ViewletSimpleBrowserEvents = {
   handleClickOpenExternal,
   handleClickReload,
   handleClickSuggestion,
-  handleFocus: handleFocus$1,
-  handleInput: handleInput$2
+  handleFocus,
+  handleInput: handleInput$1
 };
 
 const ViewletSimpleBrowser = {
@@ -8238,185 +8236,9 @@ const ViewletSimpleBrowserHistory = {
   __proto__: null
 };
 
-// TODO this module should be called DOM or DOM utils
-
-// TODO this module makes for weird code splitting chunks,
-// maybe duplicate the code per file for better chunks
-
-const findIndex$1 = ($Container, $Target) => {
-  while ($Target && $Target.parentNode !== $Container) {
-    $Target = $Target.parentNode;
-  }
-  if (!$Target) {
-    return -1;
-  }
-  for (let i = 0; i < $Container.children.length; i++) {
-    if ($Container.children[i] === $Target) {
-      return i;
-    }
-  }
-  return -1;
-};
-
-const handleContextMenu$2 = event => {
-  preventDefault(event);
-  const {
-    button,
-    clientX,
-    clientY
-  } = event;
-  const uid = fromEvent(event);
-  handleContextMenu$6(uid, button, clientX, clientY);
-};
-
-const handleFocus = event => {
-  const uid = fromEvent(event);
-  handleFocus$8(uid);
-};
-const getButtonIndex = $Node => {
-  let index = -1;
-  while ($Node?.classList.contains('SourceControlButton')) {
-    $Node = $Node.previousElementSibling;
-    index++;
-  }
-  return index;
-};
-const handleClick$3 = event => {
-  const {
-    target
-  } = event;
-  const uid = fromEvent(event);
-  const $Button = target.closest?.('.SourceControlButton');
-  if ($Button) {
-    const index = getButtonIndex($Button);
-    handleButtonClick(uid, index);
-    return;
-  }
-  const $Parent = target.closest('.SourceControlItems');
-  if (!$Parent) {
-    return;
-  }
-  const index = findIndex$1($Parent, target);
-  if (index === -1) {
-    return;
-  }
-  handleClick$6(uid, index);
-};
-const handleMouseOver = event => {
-  const {
-    target
-  } = event;
-  const $Parent = target.closest('.SourceControlItems');
-  if (!$Parent) {
-    return;
-  }
-  const index = findIndex$1($Parent, target);
-  const uid = fromEvent(event);
-  handleMouseOver$1(uid, index);
-};
-const handleMouseOut = event => {
-  const {
-    relatedTarget,
-    target
-  } = event;
-  if (!relatedTarget) {
-    return;
-  }
-  const $Parent = relatedTarget.closest('.SourceControlItems');
-  const uid = fromEvent(event);
-  if (!$Parent) {
-    handleMouseOut$1(uid, -1);
-    return;
-  }
-  const index = findIndex$1($Parent, target);
-  handleMouseOut$1(uid, index);
-};
-const handleInput$1 = event => {
-  const {
-    target
-  } = event;
-  const {
-    value
-  } = target;
-  const uid = fromEvent(event);
-  handleInput$6(uid, value);
-};
-
-const ViewletSourceControlEvents = {
-  __proto__: null,
-  handleClick: handleClick$3,
-  handleContextMenu: handleContextMenu$2,
-  handleFocus,
-  handleInput: handleInput$1,
-  handleMouseOut,
-  handleMouseOver,
-  handleWheel: handleWheel$2
-};
-
-const focus$4 = state => {
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.querySelector(':scope input').focus();
-};
-
-const ViewletSourceControl = {
-  __proto__: null,
-  Events: ViewletSourceControlEvents,
-  focus: focus$4
-};
-
-const handleClick$2 = event => {
-  const uid = fromEvent(event);
-  const {
-    clientX,
-    clientY
-  } = event;
-  handleClick$6(uid, clientX, clientY);
-};
-
-const ViewletStatusBarEvents = {
-  __proto__: null,
-  handleClick: handleClick$2
-};
-
-const create$7 = () => {
-  const $Viewlet = document.createElement('div');
-  $Viewlet.id = 'StatusBar';
-  $Viewlet.className = 'Viewlet StatusBar';
-  $Viewlet.tabIndex = 0;
-  $Viewlet.role = Status;
-  $Viewlet.ariaRoleDescription = StatusBar;
-  $Viewlet.ariaLive = 'off'; // see https://github.com/microsoft/vscode/issues/94677
-  $Viewlet.addEventListener('click', handleClick$2);
-  return {
-    $Viewlet
-  };
-};
-const setDom$2 = (state, dom) => {
-  const {
-    $Viewlet
-  } = state;
-  renderInto($Viewlet, dom, ViewletStatusBarEvents);
-};
-const focus$3 = state => {
-  object(state);
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.focus();
-};
-
-const ViewletStatusBar = {
-  __proto__: null,
-  create: create$7,
-  focus: focus$3,
-  setDom: setDom$2
-};
-
 const handleClick$1 = event => {
   const uid = fromEvent(event);
-  handleClick$6(uid);
+  handleClick$4(uid);
 };
 
 const ViewletStorageEvents = {
@@ -8530,6 +8352,26 @@ const create$BackDrop = () => {
   return $BackDrop;
 };
 
+// TODO this module should be called DOM or DOM utils
+
+// TODO this module makes for weird code splitting chunks,
+// maybe duplicate the code per file for better chunks
+
+const findIndex$1 = ($Container, $Target) => {
+  while ($Target && $Target.parentNode !== $Container) {
+    $Target = $Target.parentNode;
+  }
+  if (!$Target) {
+    return -1;
+  }
+  for (let i = 0; i < $Container.children.length; i++) {
+    if ($Container.children[i] === $Target) {
+      return i;
+    }
+  }
+  return -1;
+};
+
 // TODO when pressing tab -> focus next element in tab order and close menu
 
 // TODO menu and contextmenu should have own keybinding logic
@@ -8724,7 +8566,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   state$6.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$8($Menu);
+    focus$6($Menu);
     send$1('Focus.setFocus', FocusMenu);
   }
 };
@@ -8842,7 +8684,7 @@ const handlePointerOver = event => {
   } = event;
   const index = getIndex(target);
   const uid = fromEvent(event);
-  handleMouseOver$1(uid, index);
+  handleMouseOver(uid, index);
 };
 const handlePointerOut = event => {
   const {
@@ -8850,7 +8692,7 @@ const handlePointerOut = event => {
   } = event;
   const index = getIndex(target);
   const uid = fromEvent(event);
-  handleMouseOut$1(uid, index);
+  handleMouseOut(uid, index);
 };
 const getIndex = $Target => {
   if ($Target.classList.contains('TitleBarTopLevelEntry')) {
@@ -8865,7 +8707,7 @@ const handleClick = event => {
   } = event;
   const index = getIndex(target);
   const uid = fromEvent(event);
-  handleClick$6(uid, button, index);
+  handleClick$4(uid, button, index);
 };
 const getLevelAndIndex = event => {
   const {
@@ -8911,7 +8753,7 @@ const handleMenuClick = event => {
 };
 const handleFocusIn$1 = event => {
   const uid = fromEvent(event);
-  handleFocus$8(uid);
+  handleFocus$7(uid);
 };
 
 const ViewletTitleBarMenuBarEvents = {
@@ -9437,8 +9279,6 @@ const moduleLoaders = {
   [Sidebar$1]: () => ViewletSidebar,
   [SimpleBrowser]: () => ViewletSimpleBrowser,
   [SimpleBrowserHistory]: () => ViewletSimpleBrowserHistory,
-  [SourceControl]: () => ViewletSourceControl,
-  [StatusBar$1]: () => ViewletStatusBar,
   [Storage]: () => ViewletStorage,
   [Terminal2]: () => Promise.resolve().then(function () { return ViewletTerminal2; }),
   [Terminals]: () => ViewletTerminals,
@@ -9960,7 +9800,7 @@ const move = async (uid, selector, target) => {
 const attachWindowEvents = () => {
   attachEvents$7(window, {
     [Blur]: handleBlur$2,
-    [Focus]: handleFocus$3,
+    [Focus]: handleFocus$2,
     [KeyDown]: handleKeyDown$1,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -11878,6 +11718,27 @@ const checkConditionError = (fnName, ...params) => {
   const fn = ConditionValues[getConditionName(fnName)];
   return fn(...params);
 };
+const toMatchScreenShot = async (locator, uri) => {
+  string(uri);
+  const parsedSelector = getParsedSelector(locator);
+  await waitForCondition(() => Boolean(querySelectorOne(parsedSelector)));
+  const element = querySelectorOne(parsedSelector);
+  if (!element) {
+    throw new Error(`[SCREENSHOT_ELEMENT_NOT_FOUND] ${JSON.stringify(parsedSelector)}: ${uri}`);
+  }
+  const host = globalThis;
+  if (!host.lvceMatchScreenshot) {
+    throw new Error(`[SCREENSHOT_RUNNER_UNAVAILABLE] Run with a screenshot-capable test-with-playwright: ${uri}`);
+  }
+  const targets = host.lvceScreenshotTargets ||= new Map();
+  const token = crypto.randomUUID();
+  targets.set(token, element);
+  try {
+    await host.lvceMatchScreenshot(uri, token);
+  } finally {
+    targets.delete(token);
+  }
+};
 
 const LocalStorage = 1;
 const SessionStorage = 2;
@@ -12026,7 +11887,7 @@ const forwardRendererWorkerCommand = (method, ...params) => {
   send$1(method, ...params);
 };
 const handleMessagePort = async (port, rpcId) => {
-  const rpc = await create$B({
+  const rpc = await create$A({
     commandMap: {
       'Viewlet.forwardRendererWorkerCommand': forwardRendererWorkerCommand,
       'Viewlet.queueCommands': queueCommands
@@ -12392,7 +12253,7 @@ const commandMap = {
   'HotReload.getStatus': getStatus,
   'HotReload.request': request,
   'InitData.getInitData': getInitData,
-  'IpcParent.create': create$u,
+  'IpcParent.create': create$t,
   'IpcParent.dispose': dispose$l,
   'KeyBindings.setIdentifiers': setIdentifiers,
   'Layout.getBounds': getBounds,
@@ -12450,6 +12311,7 @@ const commandMap = {
   'TestFrameWork.performKeyBoardAction': performKeyboardAction,
   'TestFrameWork.showOverlay': showOverlay,
   'TestFrameWork.showTestResults': showTestResults,
+  'TestFrameWork.toMatchScreenShot': toMatchScreenShot,
   'TestFrameWork.transfer': transfer,
   'TestFrameWork.transferToWebView': transferToWebView,
   'Viewlet.addKeyBindings': addKeyBindings,
@@ -12969,7 +12831,7 @@ const mountTerminal = async (state, uid) => {
     return;
   }
   const inputDisposable = terminal.onData(data => {
-    handleInput$6(uid, data);
+    handleInput$5(uid, data);
   });
   const resizeDisposable = terminal.onResize(({
     cols,