@lvce-editor/renderer-process 30.53.0 → 30.54.0

package/dist/rendererProcessMain.js

@@ -127,25 +127,25 @@ const confirm = message => {
   return window.confirm(message);
 };
 
-const state$f = {
+const state$g = {
   styleSheets: Object.create(null),
   texts: Object.create(null)
 };
 const set$b = (id, sheet) => {
-  state$f.styleSheets[id] = sheet;
+  state$g.styleSheets[id] = sheet;
 };
 const get$b = id => {
-  return state$f.styleSheets[id];
+  return state$g.styleSheets[id];
 };
 const setText$2 = (id, text) => {
-  state$f.texts[id] = text;
+  state$g.texts[id] = text;
 };
 const getText = id => {
-  return state$f.texts[id];
+  return state$g.texts[id];
 };
 const remove$5 = id => {
-  delete state$f.styleSheets[id];
-  delete state$f.texts[id];
+  delete state$g.styleSheets[id];
+  delete state$g.texts[id];
 };
 
 const addCssStyleSheet = (id, text) => {
@@ -340,7 +340,7 @@ const createIdGenerator = () => {
 };
 const create$J = createIdGenerator();
 
-const state$e = Object.create(null);
+const state$f = Object.create(null);
 const retainString = (item, index) => {
   const value = new Promise(resolve => {
     item.getAsString(resolve);
@@ -391,25 +391,25 @@ const retainItems = dataTransfer => {
 };
 const addItems = items => {
   const id = create$J();
-  state$e[id] = items;
+  state$f[id] = items;
   return id;
 };
 const add$2 = dataTransfer => {
   return addItems(retainItems(dataTransfer));
 };
 const acquire$2 = id => {
-  const items = state$e[id];
+  const items = state$f[id];
   if (!items) {
     throw new Error(`Drop data not found: ${id}`);
   }
-  delete state$e[id];
+  delete state$f[id];
   return items;
 };
 
-const state$d = Object.create(null);
+const state$e = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$d[id];
-  delete state$d[id];
+  const promise = state$e[id];
+  delete state$e[id];
   return promise;
 };
 const getFileHandles = async ids => {
@@ -419,7 +419,7 @@ const getFileHandles = async ids => {
 };
 const add$1 = promise => {
   const id = create$J();
-  state$d[id] = promise;
+  state$e[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
@@ -610,14 +610,14 @@ const getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-const state$c = {
+const state$d = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$c.ipc;
+  return state$d.ipc;
 };
 const setIpc = value => {
-  state$c.ipc = value;
+  state$d.ipc = value;
 };
 
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -3349,26 +3349,26 @@ const launchDragAndDropWorker = async () => {
   }
 };
 
-const state$b = {
+const state$c = {
   rpc: undefined
 };
 const hydrate$4 = async () => {
   const result = await launchDragAndDropWorker();
   if (isError(result)) {
-    state$b.rpc = undefined;
+    state$c.rpc = undefined;
     return result;
   }
-  state$b.rpc = result.value;
+  state$c.rpc = result.value;
   return success(undefined);
 };
 const handleMessagePort$1 = async port => {
-  if (!state$b.rpc) {
+  if (!state$c.rpc) {
     const result = await hydrate$4();
     if (isError(result)) {
       throw result.error;
     }
   }
-  const rpc = state$b.rpc;
+  const rpc = state$c.rpc;
   if (!rpc) {
     throw new Error('Drag And Drop Worker failed to initialize');
   }
@@ -3552,7 +3552,7 @@ const launchRendererWorker = async () => {
 };
 
 const selector = 'script.RendererWorkerTrace';
-const state$a = {
+const state$b = {
   enabled: false,
   entries: []
 };
@@ -3602,22 +3602,22 @@ const isCommand = value => {
 };
 const initialize = search => {
   const searchParams = new URLSearchParams(search);
-  state$a.enabled = searchParams.has('traceRendererWorker');
-  state$a.entries = [];
+  state$b.enabled = searchParams.has('traceRendererWorker');
+  state$b.entries = [];
 };
 const record = (direction, method, params) => {
-  if (!state$a.enabled) {
+  if (!state$b.enabled) {
     return;
   }
-  state$a.entries.push({
+  state$b.entries.push({
     direction,
     method,
     params: serialize(params),
     timestamp: performance.now()
   });
 };
-const listen = rpc => {
-  if (!state$a.enabled) {
+const listen$1 = rpc => {
+  if (!state$b.enabled) {
     return;
   }
   const ipc = rpc.ipc;
@@ -3632,7 +3632,7 @@ const listen = rpc => {
   });
 };
 const exportToDom = () => {
-  if (!state$a.enabled) {
+  if (!state$b.enabled) {
     return;
   }
   const existing = document.querySelector(selector);
@@ -3640,7 +3640,7 @@ const exportToDom = () => {
   script.className = 'RendererWorkerTrace';
   script.type = 'application/json';
   script.textContent = JSON.stringify({
-    entries: state$a.entries,
+    entries: state$b.entries,
     version: 1
   });
   if (!existing) {
@@ -3648,39 +3648,39 @@ const exportToDom = () => {
   }
 };
 const scheduleExport = () => {
-  if (!state$a.enabled) {
+  if (!state$b.enabled) {
     return;
   }
   queueMicrotask(exportToDom);
 };
 
-const state$9 = {
+const state$a = {
   rpc: undefined
 };
 const hydrate$3 = async () => {
   const result = await launchRendererWorker();
   if (isError(result)) {
-    state$9.rpc = undefined;
+    state$a.rpc = undefined;
     return result;
   }
-  state$9.rpc = result.value;
-  listen(result.value);
+  state$a.rpc = result.value;
+  listen$1(result.value);
   return success(undefined);
 };
 const send$1 = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  state$9.rpc.send(method, ...params);
+  state$a.rpc.send(method, ...params);
 };
 const invoke$1 = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$9.rpc.invoke(method, ...params);
+  return state$a.rpc.invoke(method, ...params);
 };
 const invokeAndTransfer = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$9.rpc.invokeAndTransfer(method, ...params);
+  return state$a.rpc.invokeAndTransfer(method, ...params);
 };
 
 const writeFile = (uri, content) => {
@@ -4241,7 +4241,7 @@ const create$Button = (label, icon) => {
 };
 
 // TODO this file is not needed when all elements are position fixed
-const state$8 = {
+const state$9 = {
   $Widgets: undefined,
   widgetSet: new Set()
 };
@@ -4253,20 +4253,20 @@ const create$Widgets = () => {
 };
 const append$1 = $Element => {
   // TODO should not call append in the first place if it is already in DOM
-  if (state$8.widgetSet.has($Element)) {
+  if (state$9.widgetSet.has($Element)) {
     return;
   }
-  state$8.widgetSet.add($Element);
-  if (state$8.$Widgets) {
+  state$9.widgetSet.add($Element);
+  if (state$9.$Widgets) {
     // @ts-expect-error
-    state$8.$Widgets.append($Element);
+    state$9.$Widgets.append($Element);
   } else {
     // @ts-expect-error
-    state$8.$Widgets = create$Widgets();
+    state$9.$Widgets = create$Widgets();
     // @ts-expect-error
-    state$8.$Widgets.append($Element);
+    state$9.$Widgets.append($Element);
     // @ts-expect-error
-    document.body.append(state$8.$Widgets);
+    document.body.append(state$9.$Widgets);
   }
 };
 const remove$1 = $Element => {
@@ -4274,13 +4274,13 @@ const remove$1 = $Element => {
     // TODO $Element should always be defined
     return;
   }
-  state$8.widgetSet.delete($Element);
+  state$9.widgetSet.delete($Element);
   $Element.remove();
   // TODO state.$Widgets should always be defined at this point
-  if (state$8.widgetSet.size === 0 && state$8.$Widgets) {
+  if (state$9.widgetSet.size === 0 && state$9.$Widgets) {
     // @ts-expect-error
-    state$8.$Widgets.remove();
-    state$8.$Widgets = undefined;
+    state$9.$Widgets.remove();
+    state$9.$Widgets = undefined;
   }
 };
 
@@ -4363,11 +4363,11 @@ const revokeObjectUrl = url => {
   URL.revokeObjectURL(url);
 };
 
-const state$7 = {
+const state$8 = {
   canvasObjects: Object.create(null)
 };
 const set$5 = (canvasId, canvas) => {
-  state$7.canvasObjects[canvasId] = canvas;
+  state$8.canvasObjects[canvasId] = canvas;
 };
 
 const create$r = async (canvasId, objectId) => {
@@ -4466,16 +4466,16 @@ const findIndex = ($Container, $Target) => {
   return -1;
 };
 
-const state$6 = {
+const state$7 = {
   /**
    * @type {HTMLElement|undefined}
    */
   $PreviousFocusElement: undefined};
 const setElement = $Element => {
-  state$6.$PreviousFocusElement = $Element;
+  state$7.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$6.$PreviousFocusElement;
+  return state$7.$PreviousFocusElement;
 };
 
 const focus$e = $Element => {
@@ -4564,7 +4564,7 @@ const FocusOutput = 28;
 
 // TODO keyboard handling
 
-const state$5 = {
+const state$6 = {
   $$Menus: [],
   $BackDrop: undefined,
   anchorTime: -1,
@@ -4575,7 +4575,7 @@ const state$5 = {
 };
 const getLevel = $Menu => {
   // @ts-expect-error
-  return state$5.$$Menus.indexOf($Menu);
+  return state$6.$$Menus.indexOf($Menu);
 };
 const handleMouseDown$4 = event => {
   const $Target = event.target;
@@ -4641,10 +4641,10 @@ const handleMouseLeave = event => {
 
 // const handleBlur = (event) => {}
 const handleKeyDown$4 = event => {
-  state$5.handleKeyDown(event);
+  state$6.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
-  state$5.handleFocusOut(event);
+  state$6.handleFocusOut(event);
 };
 const create$Menu$1 = () => {
   // TODO set aria label on menu (e.g. File, Edit, Selection)
@@ -4672,7 +4672,7 @@ const create$Menu$1 = () => {
   return $Menu;
 };
 const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-  const $Menu = state$5.$$Menus[level];
+  const $Menu = state$6.$$Menus[level];
   if (oldFocusedIndex !== -1) {
     // @ts-expect-error
     $Menu.children[oldFocusedIndex].classList.remove('MenuItemFocused');
@@ -4694,21 +4694,21 @@ const handleBackDropMouseDown = event => {
   preventDefault(event);
   stopPropagation(event);
   send$1(/* Menu.hide */'Menu.hide');
-  if (state$5.$BackDrop) {
-    remove$1(state$5.$BackDrop);
-    state$5.$BackDrop = undefined;
+  if (state$6.$BackDrop) {
+    remove$1(state$6.$BackDrop);
+    state$6.$BackDrop = undefined;
   }
 };
 const handleContextMenu$7 = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [], mouseBlocking = false) => {
-  if (mouseBlocking && !state$5.$BackDrop) {
+  if (mouseBlocking && !state$6.$BackDrop) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
     $BackDrop.oncontextmenu = handleContextMenu$7;
     // @ts-expect-error
-    state$5.$BackDrop = $BackDrop;
+    state$6.$BackDrop = $BackDrop;
     append$1($BackDrop);
   }
   const $Menu = create$Menu$1();
@@ -4716,7 +4716,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   setXAndY($Menu, x, y);
   $Menu.id = `Menu-${level}`;
   if (parentIndex !== -1) {
-    const $ParentMenu = state$5.$$Menus[level - 1];
+    const $ParentMenu = state$6.$$Menus[level - 1];
     // @ts-expect-error
     const $ParentMenuItem = $ParentMenu.children[parentIndex];
     $ParentMenuItem.ariaExpanded = True;
@@ -4724,7 +4724,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 
   // @ts-expect-error
-  state$5.$$Menus.push($Menu);
+  state$6.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
     focus$e($Menu);
@@ -4732,14 +4732,14 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 };
 const hideSubmenu = level => {
-  const $$ChildMenus = state$5.$$Menus.slice(level);
+  const $$ChildMenus = state$6.$$Menus.slice(level);
   for (const $ChildMenu of $$ChildMenus) {
     remove$1($ChildMenu);
   }
-  state$5.$$Menus = state$5.$$Menus.slice(0, level);
-  if (state$5.$$Menus.length === 0 && state$5.$BackDrop) {
-    remove$1(state$5.$BackDrop);
-    state$5.$BackDrop = undefined;
+  state$6.$$Menus = state$6.$$Menus.slice(0, level);
+  if (state$6.$$Menus.length === 0 && state$6.$BackDrop) {
+    remove$1(state$6.$BackDrop);
+    state$6.$BackDrop = undefined;
   }
 };
 
@@ -4778,7 +4778,7 @@ const showControlled = ({
   y
 }) => {
   showMenu(x, y, width, height, items, level);
-  const $Menu = state$5.$$Menus.at(-1);
+  const $Menu = state$6.$$Menus.at(-1);
   if ($Parent && $Menu) {
     const uid = get$8($Parent);
     set$8($Menu, uid);
@@ -4786,9 +4786,9 @@ const showControlled = ({
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
   // it should be the other way around
   // @ts-expect-error
-  state$5.$Parent = $Parent;
-  state$5.handleFocusOut = handleFocusOut;
-  state$5.handleKeyDown = handleKeyDown;
+  state$6.$Parent = $Parent;
+  state$6.handleFocusOut = handleFocusOut;
+  state$6.handleKeyDown = handleKeyDown;
   if ($Parent) {
     // state.$Menu.ariaLabel=''
     // state.$Menu.ariaLabelledBy  =$Parent.id
@@ -4800,13 +4800,13 @@ const showControlled = ({
 // TODO have function to show submenu
 
 const hide = (restoreFocus = true) => {
-  for (const $Menu of state$5.$$Menus) {
+  for (const $Menu of state$6.$$Menus) {
     remove$1($Menu);
   }
-  state$5.$$Menus = [];
-  if (state$5.$BackDrop) {
-    remove$1(state$5.$BackDrop);
-    state$5.$BackDrop = undefined;
+  state$6.$$Menus = [];
+  if (state$6.$BackDrop) {
+    remove$1(state$6.$BackDrop);
+    state$6.$BackDrop = undefined;
   }
   // TODO focus previous item
   if (restoreFocus) {
@@ -5685,25 +5685,25 @@ const attachEvents$7 = ($Node, eventMap) => {
   }
 };
 
-const state$4 = {
+const state$5 = {
   currentDragInfo: undefined
 };
 const set$2 = (id, data) => {
-  state$4.currentDragInfo = data;
+  state$5.currentDragInfo = data;
   setDragInfo(id, data);
 };
 const getCurrent = () => {
-  return state$4.currentDragInfo;
+  return state$5.currentDragInfo;
 };
 
-const state$3 = {
+const state$4 = {
   identifiers: new Uint32Array()
 };
 const setIdentifiers$1 = identifiers => {
-  state$3.identifiers = identifiers;
+  state$4.identifiers = identifiers;
 };
 const getIdentifiers = () => {
-  return state$3.identifiers;
+  return state$4.identifiers;
 };
 
 // TODO store keybindings as JSON somewhere
@@ -5722,11 +5722,11 @@ const setIdentifiers = identifiers => {
 };
 
 const pendingBatches = new Map();
-const state$2 = {
+const state$3 = {
   nextTransactionId: 1
 };
 const queue = (uid, commands) => {
-  const transactionId = state$2.nextTransactionId++;
+  const transactionId = state$3.nextTransactionId++;
   pendingBatches.set(transactionId, {
     commands,
     committed: false,
@@ -5915,7 +5915,7 @@ const handleMouseDown$3 = event => {
 const handleBlur$7 = () => {
   return ['handleBlur'];
 };
-const handleFocus$8 = () => {
+const handleFocus$9 = () => {
   return ['handleFocus'];
 };
 
@@ -5936,7 +5936,7 @@ const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$7,
   handleContextMenu: handleContextMenu$6,
-  handleFocus: handleFocus$8,
+  handleFocus: handleFocus$9,
   handleMouseDown: handleMouseDown$3,
   returnValue: returnValue$8
 };
@@ -6027,7 +6027,7 @@ forwardViewletCommand('handleClickSize');
 forwardViewletCommand('handleClickDisable');
 forwardViewletCommand('handleClickUninstall');
 forwardViewletCommand('handleFilterInput');
-const handleFocus$7 = forwardViewletCommand('handleFocus');
+const handleFocus$8 = forwardViewletCommand('handleFocus');
 const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 forwardViewletCommand('handleIconError');
 const handleImageError = forwardViewletCommand('handleImageError');
@@ -6267,14 +6267,14 @@ const handleInput$5 = event => {
   } = target;
   handleInput$6(uid, value);
 };
-const handleFocus$6 = event => {
+const handleFocus$7 = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 
 const ViewletDebugConsoleEvents = {
   __proto__: null,
-  handleFocus: handleFocus$6,
+  handleFocus: handleFocus$7,
   handleInput: handleInput$5
 };
 
@@ -7187,9 +7187,9 @@ const handleError$4 = event => {
   const uid = fromEvent(event);
   handleImageError(uid);
 };
-const handleFocus$5 = event => {
+const handleFocus$6 = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 
 const create$i = () => {
@@ -7205,7 +7205,7 @@ const attachEvents$4 = state => {
   } = state;
   attachEvents$7($Viewlet, {
     [ContextMenu]: handleContextMenu$2,
-    [FocusIn]: handleFocus$5,
+    [FocusIn]: handleFocus$6,
     [PointerDown]: handlePointerDown$1,
     [PointerUp]: handlePointerUp
   });
@@ -7512,7 +7512,7 @@ const handleReplaceInput = event => {
 const handleReplaceFocus = event => {
   return ['FindWidget.handleReplaceFocus'];
 };
-const handleFocus$4 = event => {
+const handleFocus$5 = event => {
   return ['FindWidget.handleFocus'];
 };
 const handleToggleReplaceFocus = event => {
@@ -7540,7 +7540,7 @@ const ViewletFindWidgetEvents = {
   handleClickReplace,
   handleClickReplaceAll,
   handleClickToggleReplace,
-  handleFocus: handleFocus$4,
+  handleFocus: handleFocus$5,
   handleFocusClose,
   handleFocusNext,
   handleFocusPrevious,
@@ -7885,7 +7885,7 @@ const handleSashDoubleClick$1 = id => {
 const handleResize$1 = (width, height) => {
   send$1('Layout.handleResize', width, height);
 };
-const handleFocus$3 = () => {
+const handleFocus$4 = () => {
   send$1('Layout.handleFocus');
 };
 const handleBlur$3 = () => {
@@ -7934,8 +7934,8 @@ const handleResize = () => {
   } = window;
   handleResize$1(innerWidth, innerHeight);
 };
-const handleFocus$2 = () => {
-  handleFocus$3();
+const handleFocus$3 = () => {
+  handleFocus$4();
 };
 const handleBlur$2 = () => {
   handleBlur$3();
@@ -7979,7 +7979,7 @@ const attachEvents$3 = state => {
   });
   attachEvents$7(window, {
     [Blur]: handleBlur$2,
-    [Focus]: handleFocus$2,
+    [Focus]: handleFocus$3,
     [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -8463,7 +8463,7 @@ const handleClickSuggestion = event => {
   }
   acceptSuggestion(value);
 };
-const handleFocus$1 = event => {
+const handleFocus$2 = event => {
   const {
     target
   } = event;
@@ -8525,7 +8525,7 @@ const ViewletSimpleBrowserEvents = {
   handleClickOpenExternal,
   handleClickReload,
   handleClickSuggestion,
-  handleFocus: handleFocus$1,
+  handleFocus: handleFocus$2,
   handleInput: handleInput$2
 };
 
@@ -8549,9 +8549,9 @@ const handleContextMenu$1 = event => {
   handleContextMenu$5(uid, button, clientX, clientY);
 };
 
-const handleFocus = event => {
+const handleFocus$1 = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 const getButtonIndex = $Node => {
   let index = -1;
@@ -8626,7 +8626,7 @@ const ViewletSourceControlEvents = {
   __proto__: null,
   handleClick: handleClick$3,
   handleContextMenu: handleContextMenu$1,
-  handleFocus,
+  handleFocus: handleFocus$1,
   handleInput: handleInput$1,
   handleMouseOut,
   handleMouseOver,
@@ -8869,7 +8869,7 @@ const handleMenuClick = event => {
 };
 const handleFocusIn$1 = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 
 const ViewletTitleBarMenuBarEvents = {
@@ -9005,8 +9005,8 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     $Viewlet.children[unFocusIndex].removeAttribute(AriaOwns);
   }
   $Viewlet.children[index].ariaExpanded = True;
-  const $$Menus = state$5.$$Menus;
-  state$5.$$Menus = [];
+  const $$Menus = state$6.$$Menus;
+  state$6.$$Menus = [];
   // @ts-expect-error
   showControlled({
     $Parent: $Viewlet.children[index],
@@ -9414,14 +9414,14 @@ const load$1 = moduleId => {
   return loadModule();
 };
 
-const state$1 = {
+const state$2 = {
   currentPanelView: undefined,
   currentSidebarView: undefined,
   modules: Object.create(null)
 };
 
 const create$2 = (id, uid = id) => {
-  const module = state$1.modules[id];
+  const module = state$2.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
@@ -9440,7 +9440,7 @@ const create$2 = (id, uid = id) => {
   });
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents, directEventRpcId) => {
-  let module = state$1.modules[id];
+  let module = state$2.modules[id];
   if (hasFunctionalEvents) {
     module ||= {};
   }
@@ -9472,7 +9472,7 @@ const removeKeyBindings = id => {
 const loadModule = async id => {
   try {
     const module = await load$1(id);
-    state$1.modules[id] = module;
+    state$2.modules[id] = module;
   } catch (error) {
     throw new VError(error, `Failed to load ${id}`);
   }
@@ -9627,7 +9627,7 @@ const refresh = (viewletId, viewletContext) => {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
     // @ts-expect-error
-    state$1.refreshContext[viewletId] = viewletContext;
+    state$2.refreshContext[viewletId] = viewletContext;
   }
 };
 const specialIds = new Set(['TitleBar', 'SideBar', 'Main', 'ActivityBar', 'StatusBar', 'Panel']);
@@ -9656,6 +9656,30 @@ const setDragData = (viewletId, dragData) => {
 const getDragData = () => {
   return getCurrent();
 };
+const preserveComponentDomFocus = $Viewlet => {
+  const $Active = document.activeElement;
+  const hadFocus = $Active instanceof HTMLElement && $Viewlet.contains($Active);
+  const hadRootFocus = $Active === $Viewlet;
+  const name = $Active?.getAttribute('name');
+  return $Replacement => {
+    if (!hadFocus || !($Active instanceof HTMLElement)) {
+      return;
+    }
+    let $Target;
+    if ($Replacement.contains($Active)) {
+      $Target = $Active;
+    } else if (hadRootFocus) {
+      $Target = $Replacement;
+    } else if (name) {
+      $Target = [...$Replacement.querySelectorAll('[name]')].find(element => element.getAttribute('name') === name);
+    } else if ($Active.getAttribute('role') === 'tree') {
+      $Target = $Replacement.querySelector('[role="tree"]');
+    }
+    $Target?.focus({
+      preventScroll: true
+    });
+  };
+};
 
 // Keep the actual patch baseline intact while a component DOM preview is displayed.
 const restoreComponentDom = viewletId => {
@@ -9664,6 +9688,7 @@ const restoreComponentDom = viewletId => {
   if (!$Original) {
     return;
   }
+  const restoreFocus = preserveComponentDomFocus(instance.state.$Viewlet);
   const references = instance.componentDomReferences || [];
   for (const {
     placeholder,
@@ -9687,6 +9712,7 @@ const restoreComponentDom = viewletId => {
       $Viewlet: $Original
     }
   });
+  restoreFocus($Original);
 };
 const setComponentDom = (viewletId, dom) => {
   const instance = get$a(viewletId);
@@ -9696,6 +9722,7 @@ const setComponentDom = (viewletId, dom) => {
   const {
     $Viewlet
   } = instance.state;
+  const restoreFocus = preserveComponentDomFocus($Viewlet);
   const $Original = instance.componentDomOriginal || $Viewlet;
   const references = [...(instance.componentDomReferences || [])];
   const newReferences = [];
@@ -9747,6 +9774,7 @@ const setComponentDom = (viewletId, dom) => {
       $Viewlet: $Preview
     }
   });
+  restoreFocus($Preview);
 };
 const getComponentDom = viewletId => get$a(viewletId)?.componentDom;
 const setDom = (viewletId, dom) => {
@@ -9851,7 +9879,7 @@ const move = async (uid, selector, target) => {
 const attachWindowEvents = () => {
   attachEvents$7(window, {
     [Blur]: handleBlur$2,
-    [Focus]: handleFocus$2,
+    [Focus]: handleFocus$3,
     [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -10222,6 +10250,52 @@ const clear = storageType => {
   storage.clear();
 };
 
+const state$1 = {};
+const handleFocus = event => {
+  const target = event.target;
+  if (target instanceof HTMLElement && !target.closest('.SimpleBrowser') && target.closest('.Main, .Panel, .Editor, .Terminal')) {
+    state$1.codingFocus = new WeakRef(target);
+  }
+};
+const listen = () => {
+  document.addEventListener('focusin', handleFocus);
+};
+const restoreCodingFocus$1 = () => {
+  const target = state$1.codingFocus?.deref();
+  if (!target?.isConnected) {
+    return false;
+  }
+  target.focus({
+    preventScroll: true
+  });
+  return document.activeElement === target;
+};
+const getAddress = uid => {
+  return get$a(uid)?.state.$Viewlet.querySelector('[name="simple-browser-address"]');
+};
+const captureBrowserAddress$1 = uid => {
+  const address = getAddress(uid);
+  return address && document.activeElement === address ? {
+    end: address.selectionEnd,
+    start: address.selectionStart
+  } : undefined;
+};
+const focusBrowserAddress$1 = (uid, selection) => {
+  const address = getAddress(uid);
+  if (!address) return;
+  address.focus({
+    preventScroll: true
+  });
+  if (selection) address.setSelectionRange(selection.start, selection.end);else address.select();
+};
+const revealBrowserTab$1 = uid => {
+  const root = get$a(uid)?.state.$Viewlet;
+  root?.querySelector('.SimpleBrowserTabSelected')?.scrollIntoView({
+    block: 'nearest',
+    inline: 'nearest'
+  });
+};
+
 const reload = () => {
   location.reload();
 };
@@ -10260,10 +10334,18 @@ const handlePointerLeave = () => {
 // https://stackoverflow.com/questions/20084348/what-happens-to-a-web-worker-if-i-close-the-page-that-created-this-web-worker/20105455#20105455
 // beforeunload event has the same problem, pointerleave event sometimes works
 const onVisibilityChange = () => {
+  listen();
   window.addEventListener('beforeunload', handleBeforeUnload);
   document.addEventListener('fullscreenchange', handleDocumentFullScreenChange);
   document.addEventListener('pointerleave', handlePointerLeave);
 };
+const handleBrowserFullWidthGesture = () => {
+  send$1('Layout.handleBrowserFullWidthGesture');
+};
+const captureBrowserAddress = captureBrowserAddress$1;
+const focusBrowserAddress = focusBrowserAddress$1;
+const restoreCodingFocus = restoreCodingFocus$1;
+const revealBrowserTab = revealBrowserTab$1;
 
 const set$1 = title => {
   document.title = title;
@@ -10726,13 +10808,18 @@ const commandMap = {
   'WebView.load': load,
   'WebView.loadOnly': loadOnly,
   'WebView.setPort': setPort,
+  'Window.captureBrowserAddress': captureBrowserAddress,
   'Window.close': close,
+  'Window.focusBrowserAddress': focusBrowserAddress,
+  'Window.handleBrowserFullWidthGesture': handleBrowserFullWidthGesture,
   'Window.handleFullScreenChange': handleFullScreenChange,
   'Window.maximize': maximize,
   'Window.minimize': minimize,
   'Window.onVisibilityChange': onVisibilityChange,
   'Window.prepareClose': prepareClose,
   'Window.reload': reload,
+  'Window.restoreCodingFocus': restoreCodingFocus,
+  'Window.revealBrowserTab': revealBrowserTab,
   'Window.toggleFullScreen': toggleFullScreen,
   'Window.unmaximize': unmaximize,
   'WindowTitle.set': set$1
@@ -11189,15 +11276,15 @@ const main = async () => {
   initialize(location.search);
   Object.assign(commandMapRef, commandMap);
   enable(window);
-  state$1.modules[ColorPicker] = ViewletColorPicker;
-  state$1.modules[EditorCodeGenerator] = ViewletEditorCodeGenerator;
-  state$1.modules[EditorCompletion] = ViewletEditorCompletion;
-  state$1.modules[EditorCompletionDetails] = ViewletEditorCompletionDetails;
-  state$1.modules[EditorHover] = ViewletEditorHover;
-  state$1.modules[EditorRename] = ViewletEditorRename;
-  state$1.modules[EditorSourceActions] = ViewletEditorSourceActions;
-  state$1.modules[FindWidget] = ViewletFindWidget;
-  state$1.modules[TitleBar] = ViewletTitleBar;
+  state$2.modules[ColorPicker] = ViewletColorPicker;
+  state$2.modules[EditorCodeGenerator] = ViewletEditorCodeGenerator;
+  state$2.modules[EditorCompletion] = ViewletEditorCompletion;
+  state$2.modules[EditorCompletionDetails] = ViewletEditorCompletionDetails;
+  state$2.modules[EditorHover] = ViewletEditorHover;
+  state$2.modules[EditorRename] = ViewletEditorRename;
+  state$2.modules[EditorSourceActions] = ViewletEditorSourceActions;
+  state$2.modules[FindWidget] = ViewletFindWidget;
+  state$2.modules[TitleBar] = ViewletTitleBar;
   // TODO this is discovered very late
   const launchWorkersResult = await launchWorkers();
   if (isError(launchWorkersResult)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.53.0",
+  "version": "30.54.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"