@lvce-editor/static-server 0.117.13 → 0.117.15

package/static/{b0d85f6 → 5eb36bd}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -309,7 +309,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/b0d85f6';
+    return '/5eb36bd';
   }
 };
 const assetDir = getAssetDir$2();
@@ -3616,7 +3616,10 @@ const reset$4 = () => {
 };
 
 const requestAnimationFrame = fn => {
-  globalThis.requestAnimationFrame(fn);
+  return globalThis.requestAnimationFrame(fn);
+};
+const cancelAnimationFrame = id => {
+  globalThis.cancelAnimationFrame(id);
 };
 
 const now = () => {
@@ -3629,6 +3632,7 @@ const kSendMultiple$1 = 'Viewlet.sendMultiple';
 const kSetCss = 'Viewlet.setCss';
 const kSetPatches = 'Viewlet.setPatches';
 const minimumFrameDuration = 16;
+const maximumFrameWait = 100;
 const state$B = {
   frameCount: 0,
   lastFrameTime: Number.NEGATIVE_INFINITY,
@@ -3649,14 +3653,27 @@ const waitForEligibleFrame = () => {
     return Promise.resolve(now());
   }
   return new Promise(resolve => {
+    let settled = false;
+    let frameId;
+    const finish = timestamp => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      cancelAnimationFrame(frameId);
+      resolve(timestamp);
+    };
     const handleFrame = timestamp => {
+      if (settled) return;
       if (timestamp - state$B.lastFrameTime < minimumFrameDuration) {
-        requestAnimationFrame(handleFrame);
+        frameId = requestAnimationFrame(handleFrame);
         return;
       }
-      resolve(timestamp);
+      finish(timestamp);
     };
-    requestAnimationFrame(handleFrame);
+    // Chromium can suspend worker animation frames during window startup or occlusion.
+    // Keep the ordered RPC queue live even when no paint callback arrives.
+    const timer = setTimeout(() => finish(now()), maximumFrameWait);
+    frameId = requestAnimationFrame(handleFrame);
   });
 };
 const invokeWithCacheRecovery = async (method, ...params) => {
@@ -4425,8 +4442,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.117.13';
-const commit$2 = 'b0d85f6';
+const version = '0.117.15';
+const commit$2 = '5eb36bd';
 const productNameLong$1 = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$N('Process.getPid');
@@ -5481,6 +5498,25 @@ const executeCallback2 = (callbackId, ...args) => {
   return fn(...args);
 };
 
+const pending$2 = new Set();
+const isOpening = applicationId => {
+  for (const request of pending$2) {
+    if (applicationId === undefined || request.applicationId === applicationId) return true;
+  }
+  return false;
+};
+const run$5 = async (applicationId, callback) => {
+  const request = {
+    applicationId
+  };
+  pending$2.add(request);
+  try {
+    return await callback();
+  } finally {
+    pending$2.delete(request);
+  }
+};
+
 const HandleAudioError = 'handleAudioError';
 const HandleBlur = 'handleBlur';
 const HandleClickAction = 'handleClickAction';
@@ -5580,6 +5616,7 @@ const FocusEditorText = 12;
 const FocusFindWidget = 16;
 const FocusMenu = 18;
 const FocusProblems = 19;
+const FocusQuickPickInput = 20;
 const FocusSimpleBrowserInput = 23;
 const FocusTerminal = 25;
 const FocusDebugConsoleInput = 29;
@@ -6516,7 +6553,7 @@ const reconcileForLayout = (commands, declarations, layout) => {
   const disposeCommands = uidsToDispose.map(uid => ['Viewlet.dispose', uid]);
   return [...contentCommands, ...layoutCommands, ...existingDisposeCommands, ...disposeCommands, ...focusCommands];
 };
-const reconcile = commands => {
+const reconcile$1 = commands => {
   const declarationsByLayout = new Map();
   const declaredLayouts = new Map();
   const parents = new Map();
@@ -6614,7 +6651,7 @@ const declareWidget = (parentUid, uid, commands) => {
     return [...commands];
   }
   const revision = (layout.state.widgetRevisions?.[parentUid] ?? -1) + 1;
-  return reconcile([...commands, [setWidgetsCommand, parentUid, revision, [uid]]]);
+  return reconcile$1([...commands, [setWidgetsCommand, parentUid, revision, [uid]]]);
 };
 
 const rebaseState = (oldState, latestState, newState) => {
@@ -9194,7 +9231,7 @@ const loadInternal = async (viewlet, focus, restore, restoreState) => {
     const instanceNow = getInstance$1(viewletUid);
     viewletState = instanceNow.renderedState;
     if (module.hasFunctionalRender && shouldRender) {
-      const renderCommands = reconcile(getRenderCommands(module, viewletState, newState, viewletUid, parentUid, eventListeners));
+      const renderCommands = reconcile$1(getRenderCommands(module, viewletState, newState, viewletUid, parentUid, eventListeners));
       setRenderedState(viewletUid, newState);
       commands.push(...renderCommands);
       if (viewlet.show === false) {
@@ -9325,7 +9362,7 @@ const loadInternal = async (viewlet, focus, restore, restoreState) => {
 const render$V = (module, oldState, newState, uid = newState.uid || module.name, parentUid = newState.parentUid) => {
   const actionsUid = getInstance$1(uid)?.actionsUid;
   const commands = getRenderCommands(module, oldState, newState, uid, parentUid, undefined, actionsUid);
-  return reconcile(commands);
+  return reconcile$1(commands);
 };
 
 const map$3 = Object.create(null);
@@ -10236,7 +10273,13 @@ const openWidget = (moduleId, ...args) => {
 const openWidgetForApplication = (applicationId, moduleId, ...args) => {
   return openWidgetWithLayout(getState$2(Layout, applicationId), moduleId, ...args);
 };
-const openWidgetWithLayout = async (layout, moduleId, ...args) => {
+const openWidgetWithLayout = (layout, moduleId, ...args) => {
+  if (moduleId === QuickPick) {
+    return run$5(layout?.applicationId, () => loadWidgetWithLayout(layout, moduleId, ...args));
+  }
+  return loadWidgetWithLayout(layout, moduleId, ...args);
+};
+const loadWidgetWithLayout = async (layout, moduleId, ...args) => {
   const applicationId = moduleId === QuickPick || moduleId === Dialog ? layout?.applicationId : undefined;
   const existingInstance = getInstance$1(moduleId, applicationId);
   const type = args[0];
@@ -16189,7 +16232,7 @@ const executeWorkflow = async id => {
     for (const task of tasks) {
       if (task.type === 'open-simple-browser-tab') {
         await execute$8('Layout.showPreview', 'simple-browser://');
-        await execute$8('SimpleBrowser.createNewTab', false);
+        await execute$8('SimpleBrowser.createNewTab', false, true);
         instance = getInstance$1('SimpleBrowser');
         browserViewId = instance?.state.browserViewId;
         if (!browserViewId) {
@@ -23631,13 +23674,24 @@ const titleBarMenuOverlayId = 'title-bar-menu';
 const show$5 = () => {
   return show$7(titleBarMenuOverlayId);
 };
-const afterRender$4 = async (oldState, newState) => {
+const afterRender$5 = async (oldState, newState) => {
   const wasTitleBarMenuOpen = oldState.titleBarMenuOpen === true;
   const isTitleBarMenuOpen = newState.titleBarMenuOpen === true;
   if (wasTitleBarMenuOpen && !isTitleBarMenuOpen) {
     await hide$4(titleBarMenuOverlayId);
   }
 };
+const reconcile = async state => {
+  const componentState = await invoke$B('TitleBar.getComponentState', state.uid);
+  const titleBarMenuOpen = componentState.isMenuOpen === true;
+  if (state.titleBarMenuOpen !== true && titleBarMenuOpen) {
+    await show$5();
+  }
+  return {
+    ...state,
+    titleBarMenuOpen
+  };
+};
 
 const commandQueues = new Map();
 const runTitleBarCommand = async (key, state, args) => {
@@ -24242,7 +24296,7 @@ const textSearch = {
 const titleBar = {
   extendModule() {
     return {
-      afterRender: afterRender$4,
+      afterRender: afterRender$5,
       handleFocusChange(state, isFocused) {
         return {
           ...state,
@@ -24270,6 +24324,7 @@ const titleBar = {
       titleBarTitleEnabled: get$n('titleBar.titleEnabled') ?? false
     };
   },
+  transformRenderedState: reconcile,
   transformState(state) {
     return {
       ...state,
@@ -24979,7 +25034,7 @@ const {
   create: create$12,
   dispose: dispose$R,
   getCommands: getCommands$z,
-  getComponentDom: getComponentDom$9,
+  getComponentDom: getComponentDom$a,
   getComponentState: getComponentState$f,
   getKeyBindings: getKeyBindings$D,
   getMenus: getMenus$s,
@@ -25016,7 +25071,7 @@ const ViewletProcessExplorer_ipc = {
   create: create$12,
   dispose: dispose$R,
   getCommands: getCommands$z,
-  getComponentDom: getComponentDom$9,
+  getComponentDom: getComponentDom$a,
   getComponentState: getComponentState$f,
   getKeyBindings: getKeyBindings$D,
   getMenus: getMenus$s,
@@ -25287,7 +25342,7 @@ const {
   create: create$Z,
   dispose: dispose$M,
   getCommands: getCommands$u,
-  getComponentDom: getComponentDom$8,
+  getComponentDom: getComponentDom$9,
   getComponentState: getComponentState$e,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$y,
@@ -25325,7 +25380,7 @@ const ViewletActivityBar_ipc = {
   create: create$Z,
   dispose: dispose$M,
   getCommands: getCommands$u,
-  getComponentDom: getComponentDom$8,
+  getComponentDom: getComponentDom$9,
   getComponentState: getComponentState$e,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$y,
@@ -27866,7 +27921,7 @@ const resize$q = async (state, dimensions) => {
 const dispose$z = async state => {
   removeConnectedEditor(state.id);
   const commands = await actualInvoke('Editor.dispose', state.id);
-  await invoke$J('Viewlet.sendMultiple', reconcile(commands));
+  await invoke$J('Viewlet.sendMultiple', reconcile$1(commands));
 };
 const hasFunctionalRender$u = true;
 const hasFunctionalRootRender$t = true;
@@ -28358,7 +28413,7 @@ const {
   create: create$A,
   dispose: dispose$x,
   getCommands: getCommands$k,
-  getComponentDom: getComponentDom$7,
+  getComponentDom: getComponentDom$8,
   getComponentState: getComponentState$d,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$k,
@@ -28398,7 +28453,7 @@ const ViewletExplorer_ipc = {
   create: create$A,
   dispose: dispose$x,
   getCommands: getCommands$k,
-  getComponentDom: getComponentDom$7,
+  getComponentDom: getComponentDom$8,
   getComponentState: getComponentState$d,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$k,
@@ -28435,7 +28490,7 @@ const {
   Events: Events$i,
   focus: focus$c,
   getCommands: getCommands$j,
-  getComponentDom: getComponentDom$6,
+  getComponentDom: getComponentDom$7,
   getComponentState: getComponentState$c,
   getKeyBindings: getKeyBindings$j,
   getMenus: getMenus$g,
@@ -28474,7 +28529,7 @@ const ViewletExtensionDetail_ipc = {
   dispose: dispose$w,
   focus: focus$c,
   getCommands: getCommands$j,
-  getComponentDom: getComponentDom$6,
+  getComponentDom: getComponentDom$7,
   getComponentState: getComponentState$c,
   getKeyBindings: getKeyBindings$j,
   getMenus: getMenus$g,
@@ -28988,7 +29043,7 @@ const {
   dispose: dispose$u,
   focus: focus$b,
   getCommands: getCommands$i,
-  getComponentDom: getComponentDom$5,
+  getComponentDom: getComponentDom$6,
   getComponentState: getComponentState$a,
   getKeyBindings: getKeyBindings$i,
   getMenus: getMenus$f,
@@ -29026,7 +29081,7 @@ const ViewletExtensions_ipc = {
   dispose: dispose$u,
   focus: focus$b,
   getCommands: getCommands$i,
-  getComponentDom: getComponentDom$5,
+  getComponentDom: getComponentDom$6,
   getComponentState: getComponentState$a,
   getKeyBindings: getKeyBindings$i,
   getMenus: getMenus$f,
@@ -30103,7 +30158,7 @@ const handleGesture = state => {
   return toggle$1(state);
 };
 handleGesture.returnValue = true;
-const afterRender$3 = async (oldState, newState) => {
+const afterRender$4 = async (oldState, newState) => {
   const previous = oldState.browserFullWidth;
   const current = newState.browserFullWidth;
   if (previous === current) return;
@@ -30173,7 +30228,7 @@ const clear$2 = uid => {
 const Deb = 'Deb';
 const None$4 = 'None';
 
-const commit = 'b0d85f6';
+const commit = '5eb36bd';
 
 const getAutoUpdateType = () => {
   if (getPlatform$5() === Web$1) {
@@ -33050,11 +33105,11 @@ const getModuleId = (state, uri, opener) => {
 const getHref = state => {
   return getHref$1();
 };
-const afterRender$2 = (oldState, newState) => afterRender$3(oldState, newState);
+const afterRender$3 = (oldState, newState) => afterRender$4(oldState, newState);
 
 const ViewletLayout = {
   __proto__: null,
-  afterRender: afterRender$2,
+  afterRender: afterRender$3,
   attachViewlet,
   clearProblemsSummary,
   closeChat,
@@ -33483,7 +33538,7 @@ const getKeyBindings$f = () => {
   }, {
     key: CtrlCmd | Shift$1 | KeyX,
     command: 'Layout.openSideBarViewlet',
-    args: ['Extensions']
+    args: ['Extensions', true]
   }, {
     key: CtrlCmd | Shift$1 | KeyG,
     command: 'Layout.openSideBarViewlet',
@@ -34196,7 +34251,7 @@ const ViewletLayout_ipc = {
   Commands: Commands$n,
   CommandsWithSideEffects,
   Css: Css$n,
-  afterRender: afterRender$2,
+  afterRender: afterRender$3,
   attachViewlet,
   clearProblemsSummary,
   closeChat,
@@ -34339,7 +34394,7 @@ const {
   dispose: dispose$p,
   focus: focus$8,
   getCommands: getCommands$f,
-  getComponentDom: getComponentDom$4,
+  getComponentDom: getComponentDom$5,
   getComponentState: getComponentState$8,
   getKeyBindings: getKeyBindings$e,
   getMenus: getMenus$c,
@@ -34379,7 +34434,7 @@ const ViewletMain_ipc = {
   dispose: dispose$p,
   focus: focus$8,
   getCommands: getCommands$f,
-  getComponentDom: getComponentDom$4,
+  getComponentDom: getComponentDom$5,
   getComponentState: getComponentState$8,
   getKeyBindings: getKeyBindings$e,
   getMenus: getMenus$c,
@@ -34664,7 +34719,7 @@ const {
   dispose: dispose$j,
   getBadgeCount,
   getCommands: getCommands$b,
-  getComponentDom: getComponentDom$3,
+  getComponentDom: getComponentDom$4,
   getComponentState: getComponentState$6,
   getKeyBindings: getKeyBindings$a,
   getMenus: getMenus$9,
@@ -34702,7 +34757,7 @@ const ViewletProblems_ipc = {
   dispose: dispose$j,
   getBadgeCount,
   getCommands: getCommands$b,
-  getComponentDom: getComponentDom$3,
+  getComponentDom: getComponentDom$4,
   getComponentState: getComponentState$6,
   getKeyBindings: getKeyBindings$a,
   getMenus: getMenus$9,
@@ -35397,7 +35452,7 @@ const {
   Events: Events$5,
   focus: focus$5,
   getCommands: getCommands$5,
-  getComponentDom: getComponentDom$2,
+  getComponentDom: getComponentDom$3,
   getComponentState: getComponentState$5,
   getKeyBindings: getKeyBindings$5,
   getMenus: getMenus$4,
@@ -35436,7 +35491,7 @@ const ViewletSearch_ipc = {
   dispose: dispose$b,
   focus: focus$5,
   getCommands: getCommands$5,
-  getComponentDom: getComponentDom$2,
+  getComponentDom: getComponentDom$3,
   getComponentState: getComponentState$5,
   getKeyBindings: getKeyBindings$5,
   getMenus: getMenus$4,
@@ -37872,8 +37927,7 @@ const loadContent$7 = async (state, savedState) => {
     y,
     width,
     height,
-    uri,
-    uid
+    uri
   } = state;
   const idPart = uri.slice('simple-browser://'.length);
   const id = getId(idPart);
@@ -37925,7 +37979,7 @@ const loadContent$7 = async (state, savedState) => {
       visitedSites
     };
   }
-  const browserViewId = await createWebContentsView(id, uid);
+  const browserViewId = await createWebContentsView(id, fallThroughKeyBindings);
   await setFallthroughKeyBindings(browserViewId, fallThroughKeyBindings);
   await resizeWebContentsView(browserViewId, browserViewX, browserViewY, browserViewWidth, browserViewHeight);
   number(browserViewId);
@@ -38003,12 +38057,11 @@ const createUnloadedTab = async state => {
   const {
     headerHeight,
     height,
-    uid,
     width,
     x,
     y
   } = state;
-  const browserViewId = await createWebContentsView(0, uid);
+  const browserViewId = await createWebContentsView(0, getFallThroughKeyBindings());
   await hide$2(browserViewId);
   await resizeWebContentsView(browserViewId, x, y + headerHeight, width, height - headerHeight);
   return createTab$1({
@@ -38107,12 +38160,12 @@ const switchToTab = async (state, initialTabs, selectedTabIndex) => {
   }
   return activateTab(state, tabs, selectedTabIndex);
 };
-const createNewTab = async (state, focusAddress = true) => {
+const createNewTab = async (state, focusAddress = true, requiresNativeView = false) => {
   if (!state.tabsEnabled) {
     return state;
   }
   const currentState = state.hasSuggestionsOverlay ? await closeSuggestions(state) : state;
-  const tab = await createEmptyTab();
+  const tab = requiresNativeView ? await createUnloadedTab(currentState) : await createEmptyTab();
   const newState = await switchToTab(currentState, [...currentState.tabs, tab], currentState.tabs.length);
   if (!focusAddress) {
     return newState;
@@ -38586,14 +38639,21 @@ const showOverlay = async (state, overlayId) => {
     return state;
   }
 };
-const afterRender$1 = async (oldState, newState) => {
+const afterRender$2 = async (oldState, newState) => {
   if (oldState.fullWidth !== newState.fullWidth && newState.fullWidth) {
     await show$2(newState);
-    if (newState.fullWidthAddressSelection || !newState.iframeSrc) {
-      await focus$i();
-      await invoke$J('Window.focusBrowserAddress', newState.uid, newState.fullWidthAddressSelection);
-    } else {
-      await focus$9(newState.browserViewId);
+    // Showing the native page can finish after the command palette acquired focus.
+    // Cover module loading, instance creation, and the asynchronous focus event.
+    // Preserve the opening palette throughout those intervals.
+    const applicationId = getOwner(newState.uid);
+    const palette = getInstance$1(QuickPick, applicationId);
+    if (!isOpening(applicationId) && !palette && get$g() !== FocusQuickPickInput) {
+      if (newState.fullWidthAddressSelection || !newState.iframeSrc) {
+        await focus$i();
+        await invoke$J('Window.focusBrowserAddress', newState.uid, newState.fullWidthAddressSelection);
+      } else {
+        await focus$9(newState.browserViewId);
+      }
     }
   }
   if (oldState.selectedTabIndex !== newState.selectedTabIndex || oldState.fullWidth !== newState.fullWidth) {
@@ -39013,18 +39073,22 @@ const handleDidNavigate = async (state, browserViewId, value) => {
   const displayUrl = toDisplayUrl(url);
   const {
     canGoBack,
-    canGoForward
+    canGoForward,
+    isFocused,
+    url: currentUrl
   } = await getStats$1(actualBrowserViewId);
+  if (currentUrl && currentUrl !== url) return state;
   const tab = state.tabs.find(tab => tab.browserViewId === actualBrowserViewId);
   if (tab?.pageSnapshot && actualBrowserViewId === state.browserViewId && visibleBrowserUids.has(state.uid)) {
     await show$4(actualBrowserViewId);
     if (get$g() === FocusSimpleBrowser) await focus$9(actualBrowserViewId);
   }
+  const preserveAddress = actualBrowserViewId === state.browserViewId && !state.isLoading && !isFocused && get$g() === FocusSimpleBrowserInput && getFocusedInstanceByType(SimpleBrowser$1) === state.uid;
   const newState = updateTab(state, actualBrowserViewId, {
     canGoBack,
     canGoForward,
     iframeSrc: displayUrl,
-    inputValue: displayUrl,
+    inputValue: preserveAddress ? state.inputValue : displayUrl,
     isLoading: false,
     pageSnapshot: undefined
   });
@@ -39720,156 +39784,6 @@ const Events$3 = {
   'browser-view-window-open': handleWindowOpen
 };
 
-const getComponentState$3 = state => state;
-const setComponentState$3 = (currentState, state) => {
-  if (!state || typeof state !== 'object' || Array.isArray(state)) {
-    throw new TypeError('SimpleBrowser state must be an object');
-  }
-  if (state.uid !== currentState.uid) {
-    throw new Error(`SimpleBrowser state uid must remain ${currentState.uid}`);
-  }
-  if (state.inputValue !== currentState.inputValue) {
-    return {
-      ...state,
-      addressValueVersion: (currentState.addressValueVersion || 0) + 1
-    };
-  }
-  return state;
-};
-
-const Css$7 = ["/css/parts/ViewletSimpleBrowser.css", "/css/parts/ViewletSimpleBrowserHistory.css"];
-
-const getBrowserTabKeyBindings = when => {
-  return [{
-    key: CtrlCmd | KeyF,
-    command: 'SimpleBrowser.toggleFind',
-    when
-  }, {
-    key: CtrlCmd | Shift$1 | KeyT,
-    command: 'SimpleBrowser.reopenClosedTab',
-    when
-  }, {
-    key: CtrlCmd | KeyL,
-    command: 'SimpleBrowser.focusAddress',
-    when
-  }, {
-    key: CtrlCmd | Shift$1 | KeyI,
-    command: 'SimpleBrowser.toggleDevTools',
-    when
-  }, {
-    key: CtrlCmd | KeyW,
-    command: 'SimpleBrowser.closeCurrentTab',
-    when
-  }, {
-    key: CtrlCmd | KeyT,
-    command: 'SimpleBrowser.createNewTab',
-    when
-  }, {
-    key: CtrlCmd | KeyH,
-    command: 'SimpleBrowser.openHistory',
-    when
-  }, {
-    key: CtrlCmd | Tab$1,
-    command: 'SimpleBrowser.focusNextTab',
-    when
-  }, {
-    key: CtrlCmd | Shift$1 | Tab$1,
-    command: 'SimpleBrowser.focusPreviousTab',
-    when
-  }];
-};
-const getKeyBindings$3 = () => {
-  return [...getBrowserTabKeyBindings(FocusSimpleBrowserInput), ...getBrowserTabKeyBindings(FocusSimpleBrowser), ...getBrowserTabKeyBindings(FocusSimpleBrowserFind), ...getBrowserTabKeyBindings(FocusSimpleBrowserFindInput), {
-    key: Escape$1,
-    command: 'SimpleBrowser.closeFind',
-    when: FocusSimpleBrowserFindInput
-  }, {
-    key: Escape$1,
-    command: 'SimpleBrowser.closeFind',
-    when: FocusSimpleBrowserFind
-  }, {
-    key: Enter$1,
-    command: 'SimpleBrowser.findNext',
-    when: FocusSimpleBrowserFindInput
-  }, {
-    key: Shift$1 | Enter$1,
-    command: 'SimpleBrowser.findPrevious',
-    when: FocusSimpleBrowserFindInput
-  }, {
-    key: DownArrow,
-    command: 'SimpleBrowser.selectNextSuggestion',
-    when: FocusSimpleBrowserInput
-  }, {
-    key: Enter$1,
-    command: 'SimpleBrowser.go',
-    when: FocusSimpleBrowserInput
-  }, {
-    key: UpArrow,
-    command: 'SimpleBrowser.selectPreviousSuggestion',
-    when: FocusSimpleBrowserInput
-  }, {
-    key: Escape$1,
-    command: 'SimpleBrowser.escapeAddress',
-    when: FocusSimpleBrowserInput
-  }];
-};
-
-const id$1 = SimpleBrowserTab;
-const getCommand = (uid, command, label, index, flags = None$6) => ({
-  id: `simpleBrowserTab${command}`,
-  label,
-  flags,
-  command: 'Viewlet.executeViewletCommand',
-  args: [uid, command, index]
-});
-const getMenuEntries$1 = (uid, index) => {
-  const instance = getByUid(uid);
-  const state = instance?.state;
-  const tabIndex = Number(index);
-  if (!state) {
-    return [];
-  }
-  const {
-    tabs
-  } = state;
-  if (tabIndex < 0 || tabIndex >= tabs.length) {
-    return [];
-  }
-  const tab = tabs[tabIndex];
-  return [getCommand(uid, 'muteTab', tab.muted ? unmuteTab() : muteTab(), tabIndex), getCommand(uid, 'duplicateTab', duplicateTab(), tabIndex), getCommand(uid, 'reloadTab', reloadTab(), tabIndex), menuEntrySeparator, getCommand(uid, 'closeTab', closeTab(), tabIndex), getCommand(uid, 'closeTabsToTheLeft', closeTabsToTheLeft(), tabIndex, tabIndex === 0 ? Disabled : None$6), getCommand(uid, 'closeTabsToTheRight', closeTabsToTheRight(), tabIndex, tabIndex === tabs.length - 1 ? Disabled : None$6), getCommand(uid, 'closeOtherTabs', closeOtherTabs(), tabIndex, tabs.length === 1 ? Disabled : None$6)];
-};
-
-const MenuEntriesSimpleBrowserTab = {
-  __proto__: null,
-  getMenuEntries: getMenuEntries$1,
-  id: id$1
-};
-
-const entry = (id, label, command) => ({
-  id,
-  label,
-  flags: None$6,
-  command
-});
-const id = SimpleBrowserToolbar;
-const getMenuEntries = (uid, browserViewId) => {
-  return [entry('new-tab', 'New Tab', 'SimpleBrowser.createNewTab'), entry('reload', 'Reload', 'SimpleBrowser.reload'), entry('open-external', 'Open in Default Browser', 'SimpleBrowser.openExternal'), menuEntrySeparator, entry('history', 'History', 'SimpleBrowser.openHistory'), entry('downloads', 'Downloads', 'SimpleBrowser.openDownloads'), ...[['save', 'Save Password'], ['fill', 'Fill Password'], ['manage', 'Manage Passwords']].map(([action, label]) => ({
-    ...entry(`passwords-${action}`, label, 'Viewlet.executeViewletCommand'),
-    args: [uid, 'handleContextMenuAction', browserViewId, 'passwords', [action]]
-  })), menuEntrySeparator, entry('zoom-in', 'Zoom In', 'SimpleBrowser.zoomIn'), entry('zoom-out', 'Zoom Out', 'SimpleBrowser.zoomOut'), entry('reset-zoom', 'Reset Zoom', 'SimpleBrowser.resetZoom'), menuEntrySeparator, {
-    ...entry('toggle-developer-tools', 'Toggle Developer Tools', 'Viewlet.executeViewletCommand'),
-    args: [uid, 'handleContextMenuAction', browserViewId, 'toggleDevTools', []]
-  }, menuEntrySeparator, entry('close-tab', 'Close Tab', 'SimpleBrowser.closeCurrentTab')];
-};
-
-const MenuEntriesSimpleBrowserToolbar = {
-  __proto__: null,
-  getMenuEntries,
-  id
-};
-
-const menus$3 = [MenuEntriesSimpleBrowser, MenuEntriesSimpleBrowserTab, MenuEntriesSimpleBrowserToolbar];
-
 const Text = 12;
 const Reference = 100;
 
@@ -40897,6 +40811,13 @@ const getDom = state => {
   const historyTab = state.tabs?.[state.selectedTabIndex]?.iframeSrc?.startsWith('simple-browser-history://');
   return getSimpleBrowserVirtualDom(state.canGoBack, state.canGoForward, state.isLoading, state.inputValue, state.snapshot, state.suggestions, state.selectedSuggestionIndex, state.tabs, state.selectedTabIndex, state.tabsEnabled, state.audioIndicatorEnabled, pageSnapshot?.dom, state.tabHover, state.tabDropIndex, state.fullWidth, state.chromeTheme, state, historyTab, state.history, state.historySearchValue);
 };
+const getComponentDom$2 = state => {
+  const dom = getDom(state);
+  return dom.map(node => node.name === SimpleBrowserAddress ? {
+    ...node,
+    value: state.inputValue
+  } : node);
+};
 const renderDom$2 = {
   isEqual(oldState, newState) {
     return oldState.findVisible === newState.findVisible && oldState.findValue === newState.findValue && oldState.findMatchCase === newState.findMatchCase && oldState.findMatches === newState.findMatches && oldState.findActiveMatch === newState.findActiveMatch && oldState.fullWidth === newState.fullWidth && oldState.chromeTheme === newState.chromeTheme && oldState.iframeSrc === newState.iframeSrc && oldState.canGoBack === newState.canGoBack && oldState.canGoForward === newState.canGoForward && oldState.isLoading === newState.isLoading && oldState.snapshot === newState.snapshot && oldState.suggestions === newState.suggestions && (oldState.inputValue === newState.inputValue || newState.suggestions.length === 0) && oldState.selectedSuggestionIndex === newState.selectedSuggestionIndex && oldState.selectedTabIndex === newState.selectedTabIndex && oldState.tabsEnabled === newState.tabsEnabled && oldState.audioIndicatorEnabled === newState.audioIndicatorEnabled && oldState.tabHover === newState.tabHover && oldState.tabWidth === newState.tabWidth && oldState.history === newState.history && oldState.historySearchValue === newState.historySearchValue && oldState.tabDropIndex === newState.tabDropIndex && areTabsEqual(oldState.tabs, newState.tabs);
@@ -40967,6 +40888,156 @@ const renderFindFocus = {
 };
 const render$7 = [renderDom$2, renderAddressValue, renderFocusAddress, renderPageSnapshotCss, renderDragData, renderFindFocus];
 
+const getComponentState$3 = state => state;
+const setComponentState$3 = (currentState, state) => {
+  if (!state || typeof state !== 'object' || Array.isArray(state)) {
+    throw new TypeError('SimpleBrowser state must be an object');
+  }
+  if (state.uid !== currentState.uid) {
+    throw new Error(`SimpleBrowser state uid must remain ${currentState.uid}`);
+  }
+  if (state.inputValue !== currentState.inputValue) {
+    return {
+      ...state,
+      addressValueVersion: (currentState.addressValueVersion || 0) + 1
+    };
+  }
+  return state;
+};
+
+const Css$7 = ["/css/parts/ViewletSimpleBrowser.css", "/css/parts/ViewletSimpleBrowserHistory.css"];
+
+const getBrowserTabKeyBindings = when => {
+  return [{
+    key: CtrlCmd | KeyF,
+    command: 'SimpleBrowser.toggleFind',
+    when
+  }, {
+    key: CtrlCmd | Shift$1 | KeyT,
+    command: 'SimpleBrowser.reopenClosedTab',
+    when
+  }, {
+    key: CtrlCmd | KeyL,
+    command: 'SimpleBrowser.focusAddress',
+    when
+  }, {
+    key: CtrlCmd | Shift$1 | KeyI,
+    command: 'SimpleBrowser.toggleDevTools',
+    when
+  }, {
+    key: CtrlCmd | KeyW,
+    command: 'SimpleBrowser.closeCurrentTab',
+    when
+  }, {
+    key: CtrlCmd | KeyT,
+    command: 'SimpleBrowser.createNewTab',
+    when
+  }, {
+    key: CtrlCmd | KeyH,
+    command: 'SimpleBrowser.openHistory',
+    when
+  }, {
+    key: CtrlCmd | Tab$1,
+    command: 'SimpleBrowser.focusNextTab',
+    when
+  }, {
+    key: CtrlCmd | Shift$1 | Tab$1,
+    command: 'SimpleBrowser.focusPreviousTab',
+    when
+  }];
+};
+const getKeyBindings$3 = () => {
+  return [...getBrowserTabKeyBindings(FocusSimpleBrowserInput), ...getBrowserTabKeyBindings(FocusSimpleBrowser), ...getBrowserTabKeyBindings(FocusSimpleBrowserFind), ...getBrowserTabKeyBindings(FocusSimpleBrowserFindInput), {
+    key: Escape$1,
+    command: 'SimpleBrowser.closeFind',
+    when: FocusSimpleBrowserFindInput
+  }, {
+    key: Escape$1,
+    command: 'SimpleBrowser.closeFind',
+    when: FocusSimpleBrowserFind
+  }, {
+    key: Enter$1,
+    command: 'SimpleBrowser.findNext',
+    when: FocusSimpleBrowserFindInput
+  }, {
+    key: Shift$1 | Enter$1,
+    command: 'SimpleBrowser.findPrevious',
+    when: FocusSimpleBrowserFindInput
+  }, {
+    key: DownArrow,
+    command: 'SimpleBrowser.selectNextSuggestion',
+    when: FocusSimpleBrowserInput
+  }, {
+    key: Enter$1,
+    command: 'SimpleBrowser.go',
+    when: FocusSimpleBrowserInput
+  }, {
+    key: UpArrow,
+    command: 'SimpleBrowser.selectPreviousSuggestion',
+    when: FocusSimpleBrowserInput
+  }, {
+    key: Escape$1,
+    command: 'SimpleBrowser.escapeAddress',
+    when: FocusSimpleBrowserInput
+  }];
+};
+
+const id$1 = SimpleBrowserTab;
+const getCommand = (uid, command, label, index, flags = None$6) => ({
+  id: `simpleBrowserTab${command}`,
+  label,
+  flags,
+  command: 'Viewlet.executeViewletCommand',
+  args: [uid, command, index]
+});
+const getMenuEntries$1 = (uid, index) => {
+  const instance = getByUid(uid);
+  const state = instance?.state;
+  const tabIndex = Number(index);
+  if (!state) {
+    return [];
+  }
+  const {
+    tabs
+  } = state;
+  if (tabIndex < 0 || tabIndex >= tabs.length) {
+    return [];
+  }
+  const tab = tabs[tabIndex];
+  return [getCommand(uid, 'muteTab', tab.muted ? unmuteTab() : muteTab(), tabIndex), getCommand(uid, 'duplicateTab', duplicateTab(), tabIndex), getCommand(uid, 'reloadTab', reloadTab(), tabIndex), menuEntrySeparator, getCommand(uid, 'closeTab', closeTab(), tabIndex), getCommand(uid, 'closeTabsToTheLeft', closeTabsToTheLeft(), tabIndex, tabIndex === 0 ? Disabled : None$6), getCommand(uid, 'closeTabsToTheRight', closeTabsToTheRight(), tabIndex, tabIndex === tabs.length - 1 ? Disabled : None$6), getCommand(uid, 'closeOtherTabs', closeOtherTabs(), tabIndex, tabs.length === 1 ? Disabled : None$6)];
+};
+
+const MenuEntriesSimpleBrowserTab = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$1,
+  id: id$1
+};
+
+const entry = (id, label, command) => ({
+  id,
+  label,
+  flags: None$6,
+  command
+});
+const id = SimpleBrowserToolbar;
+const getMenuEntries = (uid, browserViewId) => {
+  return [entry('new-tab', 'New Tab', 'SimpleBrowser.createNewTab'), entry('reload', 'Reload', 'SimpleBrowser.reload'), entry('open-external', 'Open in Default Browser', 'SimpleBrowser.openExternal'), menuEntrySeparator, entry('history', 'History', 'SimpleBrowser.openHistory'), entry('downloads', 'Downloads', 'SimpleBrowser.openDownloads'), ...[['save', 'Save Password'], ['fill', 'Fill Password'], ['manage', 'Manage Passwords']].map(([action, label]) => ({
+    ...entry(`passwords-${action}`, label, 'Viewlet.executeViewletCommand'),
+    args: [uid, 'handleContextMenuAction', browserViewId, 'passwords', [action]]
+  })), menuEntrySeparator, entry('zoom-in', 'Zoom In', 'SimpleBrowser.zoomIn'), entry('zoom-out', 'Zoom Out', 'SimpleBrowser.zoomOut'), entry('reset-zoom', 'Reset Zoom', 'SimpleBrowser.resetZoom'), menuEntrySeparator, {
+    ...entry('toggle-developer-tools', 'Toggle Developer Tools', 'Viewlet.executeViewletCommand'),
+    args: [uid, 'handleContextMenuAction', browserViewId, 'toggleDevTools', []]
+  }, menuEntrySeparator, entry('close-tab', 'Close Tab', 'SimpleBrowser.closeCurrentTab')];
+};
+
+const MenuEntriesSimpleBrowserToolbar = {
+  __proto__: null,
+  getMenuEntries,
+  id
+};
+
+const menus$3 = [MenuEntriesSimpleBrowser, MenuEntriesSimpleBrowserTab, MenuEntriesSimpleBrowserToolbar];
+
 const name$5 = 'SimpleBrowser';
 
 const ViewletSimpleBrowser_ipc = {
@@ -40976,7 +41047,7 @@ const ViewletSimpleBrowser_ipc = {
   Events: Events$3,
   LazyCommands,
   acceptSuggestion,
-  afterRender: afterRender$1,
+  afterRender: afterRender$2,
   applySuggestions,
   backgroundLoadContent,
   clearHistory: clearHistory$1,
@@ -40995,6 +41066,7 @@ const ViewletSimpleBrowser_ipc = {
   focusAddress,
   focusNextTab,
   focusPreviousTab,
+  getComponentDom: getComponentDom$2,
   getComponentState: getComponentState$3,
   getKeyBindings: getKeyBindings$3,
   go,
@@ -42162,7 +42234,7 @@ const killTerminal = async state => {
     hidePanel: newState.tabs.length === 0
   };
 };
-const afterRender = async (oldState, newState) => {
+const afterRender$1 = async (oldState, newState) => {
   if (newState.hidePanel && oldState.tabs.length > 0 && newState.tabs.length === 0) {
     await execute$8('Layout.hidePanel');
   }
@@ -42514,7 +42586,7 @@ const ViewletTerminals_ipc = {
   Commands: Commands$2,
   Css: Css$2,
   addTerminal,
-  afterRender,
+  afterRender: afterRender$1,
   attachTerminal,
   concurrentCommands,
   create: create$3,
@@ -42554,6 +42626,7 @@ const {
   Css: Css$1,
   Events,
   Variables,
+  afterRender,
   create: create$2,
   dispose: dispose$1,
   getCommands: getCommands$1,
@@ -42591,6 +42664,7 @@ const ViewletTitleBar_ipc = {
   Css: Css$1,
   Events,
   Variables,
+  afterRender,
   create: create$2,
   dispose: dispose$1,
   getCommands: getCommands$1,