@lvce-editor/static-server 0.112.3 → 0.112.4

package/static/{51532a8 → 562178d}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -95,7 +95,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/51532a8';
+    return '/562178d';
   }
 };
 const assetDir = getAssetDir$2();
@@ -2496,9 +2496,9 @@ const get$i = id => {
 
 const App = 'app';
 const Web = 'web';
-const Data = 'data';
+const Data$1 = 'data';
 const Memfs = 'memfs';
-const Html = 'html';
+const Html$1 = 'html';
 const ExtensionHost = 'extension-host';
 const Fetch = 'fetch';
 const Disk = 'file';
@@ -3604,7 +3604,7 @@ const KeyBindings$1 = 'KeyBindings';
 const Layout = 'Layout';
 const List$1 = 'List';
 const Locations = 'Locations';
-const Main$2 = 'Main';
+const Main$3 = 'Main';
 const MainTabs = 'MainTabs';
 const None$8 = '';
 const Noop = 'Noop';
@@ -3617,7 +3617,7 @@ const QuickPick = 'QuickPick';
 const References = 'References';
 const RunAndDebug = 'Run And Debug';
 const ScreenCapture = 'ScreenCapture';
-const Search$1 = 'Search';
+const Search$2 = 'Search';
 const SideBar$2 = 'SideBar';
 const SecondarySideBar$2 = 'SecondarySideBar';
 const SecondaryPreview$2 = 'SecondaryPreview';
@@ -3689,7 +3689,7 @@ const ViewletModuleId = {
   Layout,
   List: List$1,
   Locations,
-  Main: Main$2,
+  Main: Main$3,
   MainTabs,
   MarkDownPreview,
   None: None$8,
@@ -3705,7 +3705,7 @@ const ViewletModuleId = {
   RunAndDebug,
   RunningExtensions,
   ScreenCapture,
-  Search: Search$1,
+  Search: Search$2,
   SecondaryPreview: SecondaryPreview$2,
   SecondarySideBar: SecondarySideBar$2,
   Secrets,
@@ -4192,12 +4192,12 @@ const executeCurrentTest = async (platform, initData) => {
 const map$2 = {
   [ExtensionHost]: () => Promise.resolve().then(function () { return ExtensionHostFileSystem; }),
   [App]: () => Promise.resolve().then(function () { return FileSystemApp; }),
-  [Data]: () => Promise.resolve().then(function () { return FileSystemData; }),
+  [Data$1]: () => Promise.resolve().then(function () { return FileSystemData; }),
   [Memfs]: () => Promise.resolve().then(function () { return FileSystemMemory; }),
   [Web]: () => Promise.resolve().then(function () { return FileSystemWeb; }),
   [Fetch]: () => Promise.resolve().then(function () { return FileSystemFetch; }),
   [Disk]: () => Promise.resolve().then(function () { return FileSystemDisk; }),
-  [Html]: () => Promise.resolve().then(function () { return FileSystemHtml; }),
+  [Html$1]: () => Promise.resolve().then(function () { return FileSystemHtml; }),
   [Debug]: () => Promise.resolve().then(function () { return FileSystemDebug; }),
   [Http]: () => Promise.resolve().then(function () { return FileSystemFetch; }),
   [Https$1]: () => Promise.resolve().then(function () { return FileSystemFetch; })
@@ -4550,9 +4550,12 @@ const mergeClassNames = (...classNames) => {
 
 const Audio = 0;
 const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
 const Div = 4;
 const H1 = 5;
 const Input = 6;
+const Kbd = 7;
 const Span = 8;
 const Table = 9;
 const TBody = 10;
@@ -4563,10 +4566,52 @@ const THead = 14;
 const Tr = 15;
 const I = 16;
 const Img = 17;
+const Ins = 20;
+const Del = 21;
 const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search$1 = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
 const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
 const Select$2 = 63;
 const Option$2 = 64;
+const Code = 65;
+const Label$1 = 66;
+const Dt = 67;
+const Main$2 = 69;
+const Strong = 70;
+const Em = 71;
+const Html = 73;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote$1 = 80;
 const Reference$1 = 100;
 
 const h = (type, props, childCount) => {
@@ -4630,6 +4675,9 @@ const HandleClickSimpleBrowserTab = 'handleClickSimpleBrowserTab';
 const HandleClickSimpleBrowserTabAudio = 'handleClickSimpleBrowserTabAudio';
 const HandleClickSimpleBrowserTabClose = 'handleClickSimpleBrowserTabClose';
 const HandleContextMenuSimpleBrowserTab = 'handleContextMenuSimpleBrowserTab';
+const HandlePointerDownSimpleBrowserTab = 'handlePointerDownSimpleBrowserTab';
+const HandlePointerOutSimpleBrowserTab = 'handlePointerOutSimpleBrowserTab';
+const HandlePointerOverSimpleBrowserTab = 'handlePointerOverSimpleBrowserTab';
 const HandleClickClose = 'handleClickClose';
 const HandleClickCloseSecondaryPreview = 'handleClickCloseSecondaryPreview';
 const HandleClickForward = 'handleClickForward';
@@ -7192,8 +7240,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.112.3';
-const commit$1 = '51532a8';
+const version = '0.112.4';
+const commit$1 = '562178d';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$I('Process.getPid');
@@ -8982,7 +9030,7 @@ const isOpen = () => {
 
 const isVisible = () => {
   const simpleBrowserInstance = getInstance(SimpleBrowser$1);
-  const mainInstance = getInstance(Main$2);
+  const mainInstance = getInstance(Main$3);
   if (!simpleBrowserInstance || !mainInstance) {
     return false;
   }
@@ -9502,7 +9550,7 @@ const MainAreaWorker = {
 };
 
 const restoreMainFocus = async (invoke = invoke$y) => {
-  const mainInstance = getInstance(Main$2);
+  const mainInstance = getInstance(Main$3);
   if (mainInstance) {
     await invoke('MainArea.focus', mainInstance.state.uid);
   }
@@ -9934,7 +9982,7 @@ const closeWidget = async id => {
       }
     }
     if (hasSimpleBrowserOverlay) {
-      const mainInstance = getInstance(Main$2);
+      const mainInstance = getInstance(Main$3);
       if (mainInstance) {
         await executeViewletCommand(mainInstance.state.uid, 'focus');
       }
@@ -11535,7 +11583,7 @@ const map = {
   [InlineDiffEditor]: () => Promise.resolve().then(function () { return ViewletInlineDiffEditor_ipc; }),
   [KeyBindings$1]: () => Promise.resolve().then(function () { return ViewletKeyBindings_ipc; }),
   [Layout]: () => Promise.resolve().then(function () { return ViewletLayout_ipc; }),
-  [Main$2]: () => Promise.resolve().then(function () { return ViewletMain_ipc; }),
+  [Main$3]: () => Promise.resolve().then(function () { return ViewletMain_ipc; }),
   [MarkDownPreview]: () => Promise.resolve().then(function () { return ViewletMarkDownPreview_ipc; }),
   [Noop]: () => Promise.resolve().then(function () { return ViewletNoop_ipc; }),
   [Output]: () => Promise.resolve().then(function () { return ViewletOutput_ipc; }),
@@ -11549,7 +11597,7 @@ const map = {
   [RunningExtensions]: () => Promise.resolve().then(function () { return ViewletRunningExtensions_ipc; }),
   [Secrets]: () => Promise.resolve().then(function () { return ViewletSecrets_ipc; }),
   [ScreenCapture]: () => Promise.resolve().then(function () { return ViewletScreenCapture_ipc; }),
-  [Search$1]: () => Promise.resolve().then(function () { return ViewletSearch_ipc; }),
+  [Search$2]: () => Promise.resolve().then(function () { return ViewletSearch_ipc; }),
   [Settings]: () => Promise.resolve().then(function () { return ViewletSettings_ipc; }),
   [SideBar$2]: () => Promise.resolve().then(function () { return ViewletSideBar_ipc; }),
   [SecondarySideBar$2]: () => Promise.resolve().then(function () { return ViewletSecondarySideBar_ipc; }),
@@ -12060,7 +12108,6 @@ const commandMap = {
   'FileSystem.writeFile': lazy('FileSystem.writeFile'),
   'FileHandles.get': lazy('FileSystemHandle.getFileHandles'),
   'FileSystemHandle.addFileHandle': lazy('FileSystemHandle.addFileHandle'),
-  'FileSystemHandle.getFileHandles': lazy('FileSystemHandle.getFileHandles'),
   'FileSystemHandle.getFilePathElectron': lazy('FileSystemHandle.getFilePathElectron'),
   'FileWatcher.handleEvent': lazy('FileWatcher.handleEvent'),
   'FileWatcher.watchFile': lazy('FileWatcher.watchFile'),
@@ -14103,7 +14150,7 @@ const getSelections = async () => {
   return getSelectionsWithInvoke(actualInvoke);
 };
 const getOpenEditorUrisWithInvoke = async invoke => {
-  const instance = getInstance(Main$2);
+  const instance = getInstance(Main$3);
   if (!instance) {
     return [];
   }
@@ -20237,7 +20284,7 @@ const getModuleId$1 = async (uri, opener) => {
     return Secrets;
   }
   if (uri.startsWith('search-editor://')) {
-    return Search$1;
+    return Search$2;
   }
   if (uri.startsWith('simple-browser://')) {
     return SimpleBrowser$1;
@@ -20839,6 +20886,7 @@ const Option$1 = 'option';
 const Tab = 'tab';
 const TabList = 'tablist';
 const ToolBar = 'toolbar';
+const Tooltip = 'tooltip';
 
 const Actions = 'Actions';
 const TestActive = 'TestActive';
@@ -26531,7 +26579,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '51532a8';
+const commit = '562178d';
 
 const getAutoUpdateType = () => {
   return invoke$I('AutoUpdater.getAutoUpdateType');
@@ -26603,7 +26651,7 @@ const SecondaryPreviewMinWidth = 'secondaryPreviewMinWidth';
 const SashId = 'sashId';
 
 const Main$1 = {
-  moduleId: Main$2,
+  moduleId: Main$3,
   kVisible: MainVisible,
   kTop: MainTop,
   kLeft: MainLeft,
@@ -32704,8 +32752,11 @@ const hide$1 = id => {
 const setFallthroughKeyBindings = (id, fallthroughKeyBindings) => {
   return invoke('ElectronWebContentsView.setFallthroughKeyBindings', id, fallthroughKeyBindings);
 };
-const getStats$1 = id => {
-  return invoke('ElectronWebContentsView.getStats', id);
+const getStats$1 = (id, includeMemory = false) => {
+  return invoke('ElectronWebContentsView.getStats', id, includeMemory);
+};
+const insertJavaScript$2 = (id, code, userGesture = false) => {
+  return invoke('ElectronWebContentsView.insertJavaScript', id, code, userGesture);
 };
 
 const isFallThroughKeyBinding = keyBinding => {
@@ -32942,6 +32993,281 @@ const toDisplayUrl = value => {
   return value === url ? '' : value;
 };
 
+const maxCssLength = 1_500_000;
+const maxNodeCount = 12_000;
+const maxTextLength = 500_000;
+const captureCode = `(() => {
+  const maxCssLength = ${maxCssLength}
+  const maxNodeCount = ${maxNodeCount}
+  const maxTextLength = ${maxTextLength}
+  const ignoredTags = new Set(['AUDIO', 'EMBED', 'HEAD', 'IFRAME', 'LINK', 'NOSCRIPT', 'OBJECT', 'SCRIPT', 'STYLE', 'VIDEO'])
+  const urlAttributes = new Set(['href', 'poster', 'src'])
+  const shadowStyleSheets = []
+  let nodeCount = 0
+  let textLength = 0
+
+  const serializeAttribute = (name, value) => {
+    if (name.startsWith('on')) {
+      return undefined
+    }
+    if (textLength >= maxTextLength) {
+      return undefined
+    }
+    const boundedValue = value.slice(0, maxTextLength - textLength)
+    textLength += boundedValue.length
+    if (urlAttributes.has(name)) {
+      try {
+        return [name, new URL(boundedValue, document.baseURI).href]
+      } catch {
+        return undefined
+      }
+    }
+    if (name === 'class') {
+      return ['className', boundedValue]
+    }
+    if (name === 'type') {
+      return ['inputType', boundedValue]
+    }
+    if (name === 'id' || name === 'style' || name === 'title' || name === 'alt' || name === 'role' || name.startsWith('data-')) {
+      return [name, boundedValue]
+    }
+    if (name === 'checked' || name === 'disabled' || name === 'selected') {
+      return [name, true]
+    }
+    return undefined
+  }
+
+  const serializeNode = (node) => {
+    if (nodeCount >= maxNodeCount) {
+      return undefined
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      if (textLength >= maxTextLength) {
+        return undefined
+      }
+      const text = node.data.slice(0, maxTextLength - textLength)
+      textLength += text.length
+      nodeCount++
+      return text ? { type: '#text', text } : undefined
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE || ignoredTags.has(node.tagName)) {
+      return undefined
+    }
+    nodeCount++
+    const attributes = {}
+    for (const attribute of node.attributes) {
+      const serialized = serializeAttribute(attribute.name, attribute.value)
+      if (serialized) {
+        const [name, value] = serialized
+        attributes[name] = value
+      }
+    }
+    if (node.tagName === 'IMG' && node.currentSrc && textLength < maxTextLength) {
+      const src = node.currentSrc.slice(0, maxTextLength - textLength)
+      attributes.src = src
+      textLength += src.length
+    }
+    const children = []
+    const shadowRoot = node.shadowRoot
+    if (shadowRoot) {
+      shadowStyleSheets.push(...shadowRoot.adoptedStyleSheets)
+      for (const style of shadowRoot.querySelectorAll('style')) {
+        if (style.sheet) {
+          shadowStyleSheets.push(style.sheet)
+        }
+      }
+    }
+    for (const child of shadowRoot ? shadowRoot.childNodes : node.childNodes) {
+      const serialized = serializeNode(child)
+      if (serialized) {
+        children.push(serialized)
+      }
+    }
+    return { type: node.tagName.toLowerCase(), attributes, children }
+  }
+
+  const rewriteUrls = (css, baseUrl) => css.replace(/url\\(\\s*(['"]?)([^'"\\)]+)\\1\\s*\\)/gi, (match, quote, value) => {
+    const trimmed = value.trim()
+    if (!trimmed || trimmed.startsWith('data:') || trimmed.startsWith('blob:') || trimmed.startsWith('#')) {
+      return match
+    }
+    try {
+      return 'url("' + new URL(trimmed, baseUrl).href.replaceAll('"', '%22') + '")'
+    } catch {
+      return match
+    }
+  })
+
+  const dom = serializeNode(document.documentElement)
+  const sheets = [...document.styleSheets, ...document.adoptedStyleSheets, ...shadowStyleSheets]
+  const cssParts = []
+  let cssLength = 0
+  const addRules = (sheet, seen) => {
+    if (!sheet || seen.has(sheet) || cssLength >= maxCssLength) {
+      return
+    }
+    seen.add(sheet)
+    for (const rule of sheet.cssRules) {
+      if (rule.styleSheet) {
+        addRules(rule.styleSheet, seen)
+        continue
+      }
+      const rewritten = rewriteUrls(rule.cssText, sheet.href || document.baseURI)
+      if (cssLength + rewritten.length + 1 > maxCssLength) {
+        return
+      }
+      cssParts.push(rewritten)
+      cssLength += rewritten.length + 1
+    }
+  }
+
+  const seen = new Set()
+  for (const sheet of new Set(sheets)) {
+    if (cssLength >= maxCssLength) {
+      break
+    }
+    try {
+      addRules(sheet, seen)
+    } catch {
+      // Cross-origin stylesheets do not expose cssRules. The rest of the snapshot is still useful.
+    }
+  }
+
+  return {
+    css: cssParts.join('\\n'),
+    dom,
+    url: location.href,
+  }
+})()`;
+const elementTypes = {
+  a: A,
+  abbr: Abbr,
+  article: Article,
+  aside: Aside,
+  audio: Audio,
+  blockquote: BlockQuote,
+  br: Br,
+  button: Button$1,
+  canvas: Canvas,
+  cite: Cite,
+  code: Code,
+  col: Col,
+  colgroup: ColGroup,
+  data: Data,
+  dd: Dd,
+  del: Del,
+  dl: Dl,
+  dt: Dt,
+  em: Em,
+  figcaption: Figcaption,
+  figure: Figure,
+  footer: Footer,
+  form: Form,
+  h1: H1,
+  h2: H2,
+  h3: H3,
+  h4: H4,
+  h5: H5,
+  h6: H6,
+  header: Header,
+  hr: Hr,
+  html: Html,
+  i: I,
+  img: Img,
+  input: Input,
+  ins: Ins,
+  kbd: Kbd,
+  label: Label$1,
+  li: Li,
+  main: Main$2,
+  nav: Nav,
+  ol: Ol,
+  option: Option$2,
+  p: P,
+  pre: Pre,
+  q: Quote$1,
+  search: Search$1,
+  section: Section,
+  select: Select$2,
+  span: Span,
+  strong: Strong,
+  table: Table,
+  tbody: TBody,
+  td: Td,
+  textarea: TextArea,
+  tfoot: Tfoot,
+  th: Th,
+  thead: THead,
+  time: Time,
+  tr: Tr,
+  ul: Ul,
+  video: Video
+};
+const inlineFallbackTags = new Set(['b', 'big', 'mark', 's', 'small', 'sub', 'sup', 'u']);
+const getElementType = tagName => {
+  return elementTypes[tagName] || (inlineFallbackTags.has(tagName) ? Span : Div);
+};
+const addClassName = (attributes, className) => {
+  return {
+    ...attributes,
+    className: attributes.className ? `${className} ${attributes.className}` : className
+  };
+};
+const toVirtualDom = node => {
+  if (!node) {
+    return [];
+  }
+  if (node.type === '#text') {
+    return [{
+      type: Text$1,
+      text: node.text,
+      childCount: 0
+    }];
+  }
+  const children = node.children || [];
+  let attributes = node.attributes || {};
+  if (node.type === 'html') {
+    attributes = addClassName(attributes, 'SimpleBrowserPreviewDocument');
+  } else if (node.type === 'body') {
+    attributes = addClassName(attributes, 'SimpleBrowserPreviewBody');
+  }
+  const result = [{
+    type: node.type === 'body' ? Div : getElementType(node.type),
+    ...attributes,
+    childCount: children.length
+  }];
+  for (const child of children) {
+    result.push(...toVirtualDom(child));
+  }
+  return result;
+};
+const getDomainShort = url => {
+  try {
+    const parts = new URL(url).hostname.split('.').filter(Boolean);
+    return parts.slice(-2).join('-') || 'page';
+  } catch {
+    return 'page';
+  }
+};
+const capture = async browserViewId => {
+  const snapshot = await insertJavaScript$2(browserViewId, captureCode);
+  const dom = toVirtualDom(snapshot?.dom);
+  if (dom.length === 0) {
+    throw new Error('Simple Browser page snapshot contained no DOM');
+  }
+  return {
+    css: typeof snapshot.css === 'string' ? snapshot.css : '',
+    dom,
+    key: `webcontents-snapshot-${getDomainShort(snapshot.url)}`
+  };
+};
+const getScopedCss = css => {
+  return `.SimpleBrowserPreview {\n${css}\n}`;
+};
+const getStyleSheetId = uid => {
+  return `simple-browser-preview-${uid}`;
+};
+
 const getDefaultUrl = () => {
   return 'https://example.com';
 };
@@ -32971,6 +33297,7 @@ const createNewTabKeyBinding = CtrlCmd | KeyT;
 const focusNextTabKeyBinding = CtrlCmd | Tab$1;
 const focusPreviousTabKeyBinding = CtrlCmd | Shift$1 | Tab$1;
 const browserTabKeyBindings = [closeTabKeyBinding, createNewTabKeyBinding, focusNextTabKeyBinding, focusPreviousTabKeyBinding];
+const visibleBrowserUids = new Set();
 const getFallThroughKeyBindings = keyBindings => {
   return [...new Set([...getFallThroughKeyBindings$1(keyBindings), ...browserTabKeyBindings])];
 };
@@ -32985,6 +33312,7 @@ const createTab$1 = ({
   isAudioPlaying = false,
   isLoading = false,
   muted = false,
+  pageSnapshot = undefined,
   title = 'New Tab',
   zoomLevel = 0
 }) => ({
@@ -32997,6 +33325,7 @@ const createTab$1 = ({
   isAudioPlaying,
   isLoading,
   muted,
+  pageSnapshot,
   title: title || 'New Tab',
   zoomLevel
 });
@@ -33078,7 +33407,10 @@ const create$7 = (id, uri, x, y, width, height) => {
     tabs: [],
     audioIndicatorEnabled: true,
     tabsEnabled: true,
+    unloadTabs: false,
     selectedTabIndex: 0,
+    tabHover: undefined,
+    tabHoverEnabled: false,
     zoomLevel: 0,
     visitedSites: []
   };
@@ -33140,6 +33472,8 @@ const backgroundLoadContent = async (state, savedState) => {
   const audioIndicatorEnabled = get$h('simpleBrowser.audioIndicator.enabled') !== false;
   const suggestionsEnabled = get$h('simpleBrowser.suggestions');
   const tabsEnabled = get$h('simpleBrowser.tabs.enabled') !== false;
+  const tabHoverEnabled = get$h('simpleBrowser.tabHover.enabled') === true;
+  const unloadTabs = get$h('simpleBrowser.unloadTabs') === true;
   const headerHeight = getHeaderHeight(tabsEnabled);
   // TODO since browser view is not visible at this point
   // it is not necessary to load keybindings for it
@@ -33166,6 +33500,8 @@ const backgroundLoadContent = async (state, savedState) => {
     selectedTabIndex: 0,
     tabs,
     tabsEnabled,
+    tabHoverEnabled,
+    unloadTabs,
     title,
     zoomLevel: 0,
     visitedSites,
@@ -33202,6 +33538,8 @@ const loadContent$7 = async (state, savedState) => {
   const audioIndicatorEnabled = get$h('simpleBrowser.audioIndicator.enabled') !== false;
   const suggestionsEnabled = get$h('simpleBrowser.suggestions');
   const tabsEnabled = get$h('simpleBrowser.tabs.enabled') !== false;
+  const tabHoverEnabled = get$h('simpleBrowser.tabHover.enabled') === true;
+  const unloadTabs = get$h('simpleBrowser.unloadTabs') === true;
   const headerHeight = getHeaderHeight(tabsEnabled);
   const browserViewX = x;
   const browserViewY = y + headerHeight;
@@ -33259,6 +33597,8 @@ const loadContent$7 = async (state, savedState) => {
     shortcuts,
     tabs,
     tabsEnabled,
+    tabHoverEnabled,
+    unloadTabs,
     visitedSites
   };
 };
@@ -33266,9 +33606,14 @@ const show$2 = async state => {
   const {
     browserViewId
   } = state;
-  await show$3(browserViewId);
+  visibleBrowserUids.add(state.uid);
+  const selectedTab = state.tabs[state.selectedTabIndex];
+  if (browserViewId && !selectedTab?.pageSnapshot) {
+    await show$3(browserViewId);
+  }
 };
 const hide = async state => {
+  visibleBrowserUids.delete(state.uid);
   await Promise.all(state.tabs.filter(tab => tab.browserViewId).map(tab => hide$1(tab.browserViewId)));
 };
 const createUnloadedTab = async state => {
@@ -33303,11 +33648,63 @@ const materializeTab = async (state, tab) => {
     isLoading: Boolean(tab.iframeSrc)
   };
 };
-const switchWebContentsView = async (oldBrowserViewId, newBrowserViewId) => {
-  await show$3(newBrowserViewId);
+const prepareTabDeactivation = async (state, tab) => {
+  if (!tab || !state.unloadTabs || !tab.browserViewId || tab.isAudioPlaying || tab.muted) {
+    return {
+      shouldUnload: false
+    };
+  }
+  if (tab.pageSnapshot) {
+    return {
+      pageSnapshot: tab.pageSnapshot,
+      shouldUnload: true
+    };
+  }
+  try {
+    const pageSnapshot = await capture(tab.browserViewId);
+    return {
+      pageSnapshot,
+      shouldUnload: true
+    };
+  } catch (error) {
+    console.error('[renderer-worker] Failed to capture Simple Browser tab snapshot', error);
+    return {
+      shouldUnload: false
+    };
+  }
+};
+const switchToTab = async (state, initialTabs, selectedTabIndex) => {
+  const oldTabIndex = initialTabs.findIndex(tab => tab.browserViewId === state.browserViewId);
+  const oldTab = initialTabs[oldTabIndex];
+  const oldBrowserViewId = oldTab?.browserViewId || state.browserViewId;
+  const deactivationPromise = prepareTabDeactivation(state, oldTab);
+  let tabs = initialTabs;
+  let selectedTab = tabs[selectedTabIndex];
+  if (!selectedTab.browserViewId) {
+    selectedTab = await materializeTab(state, selectedTab);
+    tabs = tabs.with(selectedTabIndex, selectedTab);
+  }
+  if (!selectedTab.pageSnapshot) {
+    await show$3(selectedTab.browserViewId);
+  }
+  const deactivation = await deactivationPromise;
   if (oldBrowserViewId) {
-    await hide$1(oldBrowserViewId);
+    if (deactivation.shouldUnload && oldTab) {
+      await disposeWebContentsView(oldBrowserViewId);
+      tabs = tabs.with(oldTabIndex, {
+        ...oldTab,
+        browserViewId: 0,
+        isLoading: false,
+        pageSnapshot: deactivation.pageSnapshot
+      });
+    } else {
+      await hide$1(oldBrowserViewId);
+    }
   }
+  if (!selectedTab.pageSnapshot) {
+    await focus$2(selectedTab.browserViewId);
+  }
+  return activateTab(state, tabs, selectedTabIndex);
 };
 const createNewTab = async state => {
   if (!state.tabsEnabled) {
@@ -33315,9 +33712,8 @@ const createNewTab = async state => {
   }
   const currentState = state.hasSuggestionsOverlay ? await closeSuggestions(state) : state;
   const tab = await createEmptyTab(currentState);
-  await switchWebContentsView(currentState.browserViewId, tab.browserViewId);
+  const newState = await switchToTab(currentState, [...currentState.tabs, tab], currentState.tabs.length);
   await focus$i();
-  const newState = activateTab(currentState, [...currentState.tabs, tab], currentState.tabs.length);
   return {
     ...newState,
     focusAddressVersion: newState.focusAddressVersion + 1
@@ -33325,7 +33721,6 @@ const createNewTab = async state => {
 };
 const duplicateTab$1 = async (state, index) => {
   const {
-    browserViewId,
     hasSuggestionsOverlay,
     tabs: oldTabs,
     tabsEnabled
@@ -33350,10 +33745,8 @@ const duplicateTab$1 = async (state, index) => {
   if (tab.iframeSrc) {
     void setIframeSrc(tab.browserViewId, tab.iframeSrc);
   }
-  await switchWebContentsView(browserViewId, tab.browserViewId);
-  await focus$2(tab.browserViewId);
   const tabs = currentState.tabs.toSpliced(tabIndex + 1, 0, tab);
-  const newState = activateTab(currentState, tabs, tabIndex + 1);
+  const newState = await switchToTab(currentState, tabs, tabIndex + 1);
   return tab.iframeSrc ? newState : {
     ...newState,
     focusAddressVersion: newState.focusAddressVersion + 1
@@ -33393,6 +33786,17 @@ const openTab = async (state, url, disposition) => {
     hasSuggestionsOverlay
   } = state;
   const currentState = hasSuggestionsOverlay ? await closeSuggestions(state) : state;
+  if (disposition === 'background-tab' && currentState.unloadTabs) {
+    const tab = createTab$1({
+      browserViewId: 0,
+      iframeSrc: url,
+      inputValue: url
+    });
+    return {
+      ...currentState,
+      tabs: [...currentState.tabs, tab]
+    };
+  }
   const emptyTab = await createUnloadedTab(currentState);
   const tab = {
     ...emptyTab,
@@ -33408,9 +33812,7 @@ const openTab = async (state, url, disposition) => {
       tabs
     };
   }
-  await switchWebContentsView(currentState.browserViewId, tab.browserViewId);
-  await focus$2(tab.browserViewId);
-  return activateTab(currentState, tabs, currentState.tabs.length);
+  return switchToTab(currentState, tabs, currentState.tabs.length);
 };
 const handleWindowOpen = async (state, browserViewId, url, disposition) => {
   const {
@@ -33437,15 +33839,7 @@ const selectTab = async (state, index) => {
   if (state.hasSuggestionsOverlay) {
     newState = await closeSuggestions(state);
   }
-  let tabs = newState.tabs;
-  let tab = tabs[selectedTabIndex];
-  if (!tab.browserViewId) {
-    tab = await materializeTab(newState, tab);
-    tabs = tabs.with(selectedTabIndex, tab);
-  }
-  await switchWebContentsView(newState.browserViewId, tab.browserViewId);
-  await focus$2(tab.browserViewId);
-  return activateTab(newState, tabs, selectedTabIndex);
+  return switchToTab(newState, newState.tabs, selectedTabIndex);
 };
 const focusNextTab = state => {
   if (state.tabs.length === 0) {
@@ -33502,8 +33896,10 @@ const closeTab$1 = async (state, index) => {
     selectedTab = await materializeTab(currentState, selectedTab);
     tabs = tabs.with(selectedTabIndex, selectedTab);
   }
-  await show$3(selectedTab.browserViewId);
-  await focus$2(selectedTab.browserViewId);
+  if (!selectedTab.pageSnapshot) {
+    await show$3(selectedTab.browserViewId);
+    await focus$2(selectedTab.browserViewId);
+  }
   return activateTab(currentState, tabs, selectedTabIndex);
 };
 const closeCurrentTab = state => {
@@ -33543,8 +33939,10 @@ const closeTabsByIndex = async (state, indexes, preferredTabIndex) => {
     selectedTab = await materializeTab(currentState, selectedTab);
     remainingTabs = remainingTabs.with(selectedTabIndex, selectedTab);
   }
-  await show$3(selectedTab.browserViewId);
-  await focus$2(selectedTab.browserViewId);
+  if (!selectedTab.pageSnapshot) {
+    await show$3(selectedTab.browserViewId);
+    await focus$2(selectedTab.browserViewId);
+  }
   return activateTab(currentState, remainingTabs, selectedTabIndex);
 };
 const closeTabsToTheLeft$1 = async (state, index) => {
@@ -33589,7 +33987,8 @@ const showOverlay = async (state, overlayId) => {
     return state;
   }
   const overlayIds = [...state.overlayIds, overlayId];
-  if (state.snapshot) {
+  const selectedTab = state.tabs[state.selectedTabIndex];
+  if (state.snapshot || selectedTab?.pageSnapshot) {
     return {
       ...state,
       overlayIds
@@ -33625,7 +34024,7 @@ const hideOverlay = async (state, overlayId) => {
     };
   }
   try {
-    await show$3(state.browserViewId);
+    await show$2(state);
   } catch (error) {
     console.error('[renderer-worker] Failed to restore Simple Browser page', error);
   } finally {
@@ -33637,6 +34036,77 @@ const hideOverlay = async (state, overlayId) => {
     snapshot: ''
   };
 };
+const tabHoverOverlayId = 'tab-hover';
+const tabHoverWidth = 320;
+const showTabHover = async (state, index, tabOffsetLeft, tabWidth, tabsScrollLeft) => {
+  const {
+    tabHover,
+    tabHoverEnabled,
+    tabs,
+    width
+  } = state;
+  if (!tabHoverEnabled) {
+    return state;
+  }
+  const tabIndex = Number(index);
+  const tab = tabs[tabIndex];
+  if (!tab || tabHover?.index === tabIndex) {
+    return state;
+  }
+  const overlayState = await showOverlay(state, tabHoverOverlayId);
+  if (!overlayState.overlayIds.includes(tabHoverOverlayId)) {
+    return state;
+  }
+  let memoryLabel = 'Memory usage unavailable';
+  let title = tab.title || 'New Tab';
+  if (tab.browserViewId) {
+    try {
+      const stats = await getStats$1(tab.browserViewId, true);
+      title = stats.title || title;
+      if (Number.isFinite(stats.memory)) {
+        memoryLabel = `Memory usage: ${formatBytes(stats.memory)}`;
+      }
+    } catch (error) {
+      console.error('[renderer-worker] Failed to get Simple Browser tab memory usage', error);
+    }
+  }
+  const tabLeft = Number(tabOffsetLeft) - Number(tabsScrollLeft);
+  const maximumLeft = Math.max(8, width - tabHoverWidth - 8);
+  const left = Math.max(8, Math.min(tabLeft, maximumLeft));
+  return {
+    ...overlayState,
+    tabHover: {
+      index: tabIndex,
+      left,
+      memoryLabel,
+      tabLeft: Number(tabLeft),
+      tabWidth: Number(tabWidth),
+      title
+    }
+  };
+};
+const hideTabHover = async (state, index, clientX, clientY) => {
+  const {
+    tabHover,
+    x,
+    y
+  } = state;
+  if (!tabHover) {
+    return state;
+  }
+  const tabIndex = Number(index);
+  if (Number.isFinite(tabIndex) && tabIndex !== tabHover.index) {
+    return state;
+  }
+  const pointerInsideTab = Number.isFinite(clientX) && Number.isFinite(clientY) && clientX >= x + tabHover.tabLeft && clientX < x + tabHover.tabLeft + tabHover.tabWidth && clientY >= y && clientY < y + tabsHeaderHeight;
+  if (pointerInsideTab) {
+    return state;
+  }
+  return hideOverlay({
+    ...state,
+    tabHover: undefined
+  }, tabHoverOverlayId);
+};
 const handleInput$2 = async (state, value) => {
   const newState = {
     ...updateTab(state, state.browserViewId, {
@@ -33650,7 +34120,10 @@ const handleInput$2 = async (state, value) => {
     }
     return newState;
   }
-  void requestSuggestions(state.uid, value, shouldRequestSuggestions(value));
+  if (!shouldRequestSuggestions(value)) {
+    return applySuggestions(newState, state.uid, value, []);
+  }
+  void requestSuggestions(state.uid, value);
   return newState;
 };
 const suggestionsOverlayId = 'search-suggestions';
@@ -33661,14 +34134,12 @@ const shouldRequestSuggestions = value => {
   }
   return !/^(?:[a-z][a-z\d+.-]*:\/\/|localhost(?::\d+)?(?:\/|$)|\d{1,3}(?:\.\d{1,3}){3}(?::\d+)?(?:\/|$)|(?:[\w-]+\.)+[a-z]{2,}(?::\d+)?(?:\/|$))/i.test(query);
 };
-const requestSuggestions = async (uid, query, requestProviderSuggestions) => {
+const requestSuggestions = async (uid, query) => {
   let suggestions = [];
-  if (requestProviderSuggestions) {
-    try {
-      suggestions = await get(query);
-    } catch {
-      // Provider failures should leave normal address-bar navigation available.
-    }
+  try {
+    suggestions = await get(query);
+  } catch {
+    // Provider failures should leave normal address-bar navigation available.
   }
   await execute$4('SimpleBrowser.applySuggestions', uid, query, suggestions);
 };
@@ -33823,18 +34294,29 @@ const handleDidNavigate = async (state, browserViewId, value) => {
     canGoBack,
     canGoForward
   } = await getStats$1(actualBrowserViewId);
+  const tab = state.tabs.find(tab => tab.browserViewId === actualBrowserViewId);
+  if (tab?.pageSnapshot && actualBrowserViewId === state.browserViewId && visibleBrowserUids.has(state.uid)) {
+    await show$3(actualBrowserViewId);
+    await focus$2(actualBrowserViewId);
+  }
   return updateTab(state, actualBrowserViewId, {
     canGoBack,
     canGoForward,
     iframeSrc: displayUrl,
     inputValue: displayUrl,
-    isLoading: false
+    isLoading: false,
+    pageSnapshot: undefined
   });
 };
-const handleDidNavigationCancel = (state, browserViewId) => {
+const handleDidNavigationCancel = async (state, browserViewId) => {
   const [actualBrowserViewId] = parseWebContentsEvent(state, browserViewId);
+  const tab = state.tabs.find(tab => tab.browserViewId === actualBrowserViewId);
+  if (tab?.pageSnapshot && actualBrowserViewId === state.browserViewId && visibleBrowserUids.has(state.uid)) {
+    await show$3(actualBrowserViewId);
+  }
   return updateTab(state, actualBrowserViewId, {
-    isLoading: false
+    isLoading: false,
+    pageSnapshot: undefined
   });
 };
 const handleTitleUpdated = async (state, browserViewId, value) => {
@@ -33874,7 +34356,8 @@ const handleAudioStateChanged = (state, browserViewId, audible) => {
   });
 };
 const dispose$4 = async state => {
-  await Promise.all([...state.tabs.filter(tab => tab.browserViewId).map(tab => disposeWebContentsView(tab.browserViewId)), dispose$5(state.snapshot)]);
+  visibleBrowserUids.delete(state.uid);
+  await Promise.all([...state.tabs.filter(tab => tab.browserViewId).map(tab => disposeWebContentsView(tab.browserViewId)), invoke$L('Viewlet.sendMultiple', [['Css.removeCssStyleSheet', getStyleSheetId(state.uid)]]), dispose$5(state.snapshot)]);
 };
 
 // deprecated, use webcontentsview instead
@@ -34066,6 +34549,7 @@ const Commands$6 = {
   handlePageFaviconUpdated: handlePageFaviconUpdated,
   handleTitleUpdated: handleTitleUpdated,
   handleWillNavigate: handleWillNavigate,
+  hideTabHover: hideTabHover,
   hideOverlay: hideOverlay,
   muteTab: muteTab$1,
   reloadTab: reloadTab$1,
@@ -34075,7 +34559,8 @@ const Commands$6 = {
   selectNextSuggestion: selectNextSuggestion,
   selectPreviousSuggestion: selectPreviousSuggestion,
   selectTab: selectTab,
-  showOverlay: showOverlay
+  showOverlay: showOverlay,
+  showTabHover: showTabHover
 };
 const LazyCommands = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
@@ -34711,13 +35196,13 @@ const diffTree = (oldNodes, newNodes) => {
 const Search = 'search';
 const Url = 'url';
 
-const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, snapshot = '', suggestions = [], selectedSuggestionIndex = -1, tabs = [], selectedTabIndex = 0, tabsEnabled = true, audioIndicatorEnabled = true) => {
+const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, snapshot = '', suggestions = [], selectedSuggestionIndex = -1, tabs = [], selectedTabIndex = 0, tabsEnabled = true, audioIndicatorEnabled = true, pageSnapshotDom = [], tabHover) => {
   /** @type {any[]} */
   const dom = [{
     type: Div,
     className: tabsEnabled ? 'Viewlet SimpleBrowser SimpleBrowserTabsEnabled' : 'Viewlet SimpleBrowser',
     onFocusIn: HandleFocusInSimpleBrowser,
-    childCount: 1 + (tabsEnabled ? 1 : 0) + (snapshot ? 1 : 0) + (suggestions.length > 0 ? 1 : 0)
+    childCount: 1 + (tabsEnabled ? 1 : 0) + (snapshot ? 1 : 0) + (pageSnapshotDom.length > 0 ? 1 : 0) + (suggestions.length > 0 ? 1 : 0) + (tabHover ? 1 : 0)
   }];
   if (tabsEnabled) {
     dom.push({
@@ -34741,7 +35226,11 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
         'data-index': index,
         onClick: HandleClickSimpleBrowserTab,
         onContextMenu: HandleContextMenuSimpleBrowserTab,
-        title: tab.title || 'New Tab',
+        onPointerDown: HandlePointerDownSimpleBrowserTab,
+        onPointerOut: HandlePointerOutSimpleBrowserTab,
+        onPointerOver: HandlePointerOverSimpleBrowserTab,
+        ariaDescribedBy: tabHover?.index === index ? 'SimpleBrowserTabHover' : undefined,
+        ariaLabel: tab.title || 'New Tab',
         childCount: 2 + (tab.favicon ? 1 : 0) + (showAudioIndicator ? 1 : 0)
       });
       if (tab.favicon) {
@@ -34884,6 +35373,15 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
       childCount: 0
     });
   }
+  if (!snapshot && pageSnapshotDom.length > 0) {
+    dom.push({
+      type: Div,
+      className: 'SimpleBrowserPreview',
+      ariaHidden: true,
+      inert: true,
+      childCount: 1
+    }, ...pageSnapshotDom);
+  }
   if (suggestions.length > 0) {
     dom.push({
       type: Div,
@@ -34919,6 +35417,24 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
       }, text(value));
     }
   }
+  if (tabHover) {
+    dom.push({
+      type: Div,
+      className: 'SimpleBrowserTabHover',
+      id: 'SimpleBrowserTabHover',
+      role: Tooltip,
+      left: tabHover.left,
+      childCount: 2
+    }, {
+      type: Div,
+      className: 'SimpleBrowserTabHoverTitle',
+      childCount: 1
+    }, text(tabHover.title), {
+      type: Div,
+      className: 'SimpleBrowserTabHoverMemory',
+      childCount: 1
+    }, text(tabHover.memoryLabel));
+  }
   return dom;
 };
 
@@ -34951,6 +35467,15 @@ const renderEventListeners$5 = () => {
   }, {
     name: HandleContextMenuSimpleBrowserTab,
     params: ['handleTabContextMenu', 'event.currentTarget.dataset.index', 'event.clientX', 'event.clientY']
+  }, {
+    name: HandlePointerOverSimpleBrowserTab,
+    params: ['showTabHover', 'event.currentTarget.dataset.index', 'event.currentTarget.offsetLeft', 'event.currentTarget.offsetWidth', 'event.currentTarget.parentElement.scrollLeft']
+  }, {
+    name: HandlePointerOutSimpleBrowserTab,
+    params: ['hideTabHover', 'event.currentTarget.dataset.index', 'event.clientX', 'event.clientY']
+  }, {
+    name: HandlePointerDownSimpleBrowserTab,
+    params: ['hideTabHover']
   }, {
     name: HandleClickSimpleBrowserNewTab,
     params: ['createNewTab']
@@ -34968,15 +35493,16 @@ const areTabsEqual = (oldTabs, newTabs) => {
   }
   return oldTabs.every((oldTab, index) => {
     const newTab = newTabs[index];
-    return oldTab.browserViewId === newTab.browserViewId && oldTab.favicon === newTab.favicon && oldTab.isAudioPlaying === newTab.isAudioPlaying && oldTab.muted === newTab.muted && oldTab.title === newTab.title;
+    return oldTab.browserViewId === newTab.browserViewId && oldTab.favicon === newTab.favicon && oldTab.isAudioPlaying === newTab.isAudioPlaying && oldTab.muted === newTab.muted && oldTab.pageSnapshot === newTab.pageSnapshot && oldTab.title === newTab.title;
   });
 };
 const getDom = state => {
-  return getSimpleBrowserVirtualDom(state.canGoBack, state.canGoForward, state.isLoading, state.inputValue, state.snapshot, state.suggestions, state.selectedSuggestionIndex, state.tabs, state.selectedTabIndex, state.tabsEnabled, state.audioIndicatorEnabled);
+  const pageSnapshot = state.tabs?.[state.selectedTabIndex]?.pageSnapshot;
+  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);
 };
 const renderDom$2 = {
   isEqual(oldState, newState) {
-    return 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.selectedSuggestionIndex === newState.selectedSuggestionIndex && oldState.selectedTabIndex === newState.selectedTabIndex && oldState.tabsEnabled === newState.tabsEnabled && oldState.audioIndicatorEnabled === newState.audioIndicatorEnabled && areTabsEqual(oldState.tabs, newState.tabs);
+    return 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.selectedSuggestionIndex === newState.selectedSuggestionIndex && oldState.selectedTabIndex === newState.selectedTabIndex && oldState.tabsEnabled === newState.tabsEnabled && oldState.audioIndicatorEnabled === newState.audioIndicatorEnabled && oldState.tabHover === newState.tabHover && areTabsEqual(oldState.tabs, newState.tabs);
   },
   apply(oldState, newState) {
     const newDom = getDom(newState);
@@ -34995,7 +35521,7 @@ const renderTitle$1 = {
     return oldState.title === newState.title;
   },
   apply(oldState, newState) {
-    return ['Viewlet.send', Main$2, 'updateTab', 0, newState.title];
+    return ['Viewlet.send', Main$3, 'updateTab', 0, newState.title];
   }
 };
 const renderAddressValue = {
@@ -35016,7 +35542,26 @@ const renderFocusAddress = {
   },
   multiple: true
 };
-const render$7 = [renderDom$2, renderTitle$1, renderAddressValue, renderFocusAddress];
+const getSelectedPageSnapshot = state => {
+  return state.tabs?.[state.selectedTabIndex]?.pageSnapshot;
+};
+const renderPageSnapshotCss = {
+  isEqual(oldState, newState) {
+    const oldSnapshot = getSelectedPageSnapshot(oldState);
+    const newSnapshot = getSelectedPageSnapshot(newState);
+    return oldSnapshot?.css === newSnapshot?.css;
+  },
+  apply(oldState, newState) {
+    const styleSheetId = getStyleSheetId(newState.uid);
+    const pageSnapshot = getSelectedPageSnapshot(newState);
+    if (!pageSnapshot) {
+      return [['Css.removeCssStyleSheet', styleSheetId]];
+    }
+    return [['Css.addCssStyleSheet', styleSheetId, getScopedCss(pageSnapshot.css)]];
+  },
+  multiple: true
+};
+const render$7 = [renderDom$2, renderTitle$1, renderAddressValue, renderFocusAddress, renderPageSnapshotCss];
 
 const hasFunctionalResize$4 = true;
 const resize$5 = (state, dimensions) => {
@@ -35077,6 +35622,7 @@ const ViewletSimpleBrowser_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$7,
   hide,
   hideOverlay,
+  hideTabHover,
   loadContent: loadContent$7,
   menus: menus$3,
   muteTab: muteTab$1,
@@ -35093,7 +35639,8 @@ const ViewletSimpleBrowser_ipc = {
   selectTab,
   setUrl,
   show: show$2,
-  showOverlay
+  showOverlay,
+  showTabHover
 };
 
 const create$6 = (id, uri) => {