@lvce-editor/renderer-process 30.57.0 → 30.57.2

package/dist/rendererProcessMain.js

@@ -1,34 +1,38 @@
 const omitted = new Set(['SCRIPT', 'STYLE', 'LINK', 'META', 'BASE', 'NOSCRIPT']);
 const unsupported = new Set(['IFRAME', 'WEBVIEW', 'CANVAS', 'OBJECT', 'EMBED', 'VIDEO', 'AUDIO']);
+// The allowlist covers HTML, SVG and accessibility attributes.
 const attributes$1 = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|aria-[\w-]+)$/i;
 const capture = document => {
-  const visit = node => {
-    if (node.nodeType === 3) return {
-      text: node.textContent
+  const visit = original => {
+    if (original.nodeType === 3) return {
+      text: original.textContent
     };
-    if (node.nodeType !== 1 || omitted.has(node.tagName)) return undefined;
+    if (original.nodeType !== 1) return undefined;
+    const node = original;
+    if (omitted.has(node.tagName)) return undefined;
+    // Attributes also work on XML elements without a dataset property.
     if (node.hasAttribute('data-session-replay-ignore')) return undefined;
     if (unsupported.has(node.tagName) || node.matches('.Terminal, .TerminalView, .xterm, [data-session-replay-placeholder]')) {
       const {
-        width,
-        height
+        height,
+        width
       } = node.getBoundingClientRect();
       return {
-        tag: 'div',
         attrs: {
           class: 'SessionReplayPlaceholder',
           style: `background:#808080;color:white;width:${width}px;height:${height}px;overflow:hidden`
         },
         children: [{
           text: 'Content unavailable in replay'
-        }]
+        }],
+        tag: 'div'
       };
     }
     if (node.matches('[data-session-replay-mask], input[type=password]')) return {
-      tag: 'span',
       children: [{
         text: '••••••••'
-      }]
+      }],
+      tag: 'span'
     };
     const attrs = Object.fromEntries([...node.attributes].filter(({
       name
@@ -36,23 +40,26 @@ const capture = document => {
       name,
       value
     }) => [name, value]));
-    if (node.tagName === 'IMG' && node.src.startsWith('data:image/')) attrs.src = node.src;
+    if (node.tagName === 'IMG') {
+      const image = node;
+      if (image.src.startsWith('data:image/')) attrs.src = image.src;
+    }
     return {
-      tag: node.localName,
       attrs,
-      ...(node.namespaceURI === 'http://www.w3.org/2000/svg' ? {
+      tag: node.localName,
+      ...(node.namespaceURI === 'http://www.w3.org/2000/svg' && {
         svg: true
-      } : {}),
-      ...(typeof node.value === 'string' ? {
+      }),
+      ...('value' in node && typeof node.value === 'string' && {
         value: node.value
-      } : {}),
-      ...(typeof node.checked === 'boolean' ? {
+      }),
+      ...('checked' in node && typeof node.checked === 'boolean' && {
         checked: node.checked
-      } : {}),
-      ...(node.scrollTop || node.scrollLeft ? {
+      }),
+      ...((node.scrollTop || node.scrollLeft) && {
         scroll: [node.scrollLeft, node.scrollTop]
-      } : {}),
-      children: [...node.childNodes].map(visit).filter(Boolean)
+      }),
+      children: Array.from(node.childNodes, visit).filter(child => child !== undefined)
     };
   };
   const styles = [];
@@ -60,10 +67,11 @@ const capture = document => {
     if (!sheet || seen.has(sheet)) return '';
     seen.add(sheet);
     try {
-      return [...sheet.cssRules].map(rule => {
-        if (rule.type !== 3) return rule.cssText;
-        const imported = visitSheet(rule.styleSheet, seen);
-        return rule.media.mediaText ? `@media ${rule.media.mediaText} { ${imported} }` : imported;
+      return Array.from(sheet.cssRules, rule => {
+        if (!('styleSheet' in rule)) return rule.cssText;
+        const importRule = rule;
+        const imported = visitSheet(importRule.styleSheet, seen);
+        return importRule.media.mediaText ? `@media ${importRule.media.mediaText} { ${imported} }` : imported;
       }).join('\n');
     } catch {
       return '';
@@ -71,12 +79,12 @@ const capture = document => {
   };
   for (const sheet of [...document.styleSheets, ...document.adoptedStyleSheets]) styles.push(visitSheet(sheet));
   return {
-    dom: visit(document.body),
-    styles,
     documentElement: {
       className: document.documentElement.className,
       style: document.documentElement.style.cssText
     },
+    dom: visit(document.body),
+    styles,
     viewport: [document.defaultView.innerWidth, document.defaultView.innerHeight]
   };
 };
@@ -89,12 +97,14 @@ const observe = (document, record, onError) => {
   };
   const observer = new MutationObserver(mark);
   observer.observe(document.documentElement, {
-    subtree: true,
-    childList: true,
     attributes: true,
-    characterData: true
+    characterData: true,
+    childList: true,
+    subtree: true
+  });
+  for (const type of ['input', 'change', 'scroll']) document.addEventListener(type, mark, {
+    capture: true
   });
-  for (const type of ['input', 'change', 'scroll']) document.addEventListener(type, mark, true);
   document.defaultView.addEventListener('resize', mark);
   let lastStyles = '';
   const snapshot = async (force = false) => {
@@ -116,7 +126,9 @@ const observe = (document, record, onError) => {
     }
   };
   void snapshot(true);
-  const timer = setInterval(snapshot, 100);
+  const timer = setInterval(() => {
+    void snapshot();
+  }, 100);
   return () => {
     stopped = true;
     clearInterval(timer);
@@ -134,13 +146,13 @@ const serializeMessage = message => {
     if (seen.has(value)) return '[circular]';
     seen.add(value);
     if (value instanceof Error) return {
-      name: value.name,
       message: value.message,
+      name: value.name,
       stack: value.stack
     };
     if (value instanceof ArrayBuffer || ArrayBuffer.isView(value)) return {
-      type: value.constructor.name,
-      byteLength: value.byteLength
+      byteLength: value.byteLength,
+      type: value.constructor.name
     };
     if (value.constructor?.name === 'MessagePort') return {
       type: 'MessagePort'
@@ -151,8 +163,8 @@ const serializeMessage = message => {
 
 const createClient = url => {
   const worker = new Worker(url, {
-    type: 'module',
-    name: 'Session Replay Worker'
+    name: 'Session Replay Worker',
+    type: 'module'
   });
   const callbacks = new Map();
   let nextId = 0;
@@ -177,13 +189,18 @@ const createClient = url => {
     fail(new Error('Session replay worker failed to load'));
   };
   return {
+    dispose() {
+      disposed = true;
+      worker.terminate();
+      fail(new Error('Session replay worker is closed'));
+    },
     invoke(method, ...params) {
       if (disposed) return Promise.reject(new Error('Session replay worker is closed'));
       return new Promise((resolve, reject) => {
         const id = nextId++;
         callbacks.set(id, {
-          resolve,
-          reject
+          reject,
+          resolve: value => resolve(value)
         });
         try {
           worker.postMessage({
@@ -193,35 +210,35 @@ const createClient = url => {
           });
         } catch (error) {
           callbacks.delete(id);
-          reject(error);
+          reject(error instanceof Error ? error : new Error(String(error)));
         }
       });
-    },
-    dispose() {
-      disposed = true;
-      worker.terminate();
-      fail(new Error('Session replay worker is closed'));
     }
   };
 };
 
 const tags = new Set('body div span p pre code main section article header footer nav aside h1 h2 h3 h4 h5 h6 ul ol li table thead tbody tr td th button input textarea select option label form fieldset legend a img br hr strong em b i u s small details summary svg path rect circle ellipse line polyline polygon g defs clipPath text tspan'.split(' '));
+// The allowlist covers HTML, SVG and accessibility attributes.
 const attributes = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|aria-[\w-]+)$/i;
 const renderFrame = (document, frame) => {
   let count = 0;
   const scrolls = [];
+  // Keep the inert DOM reconstruction and its bounds together.
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   const visit = (value, depth = 0) => {
     if (++count > 100_000 || depth > 150 || !value || typeof value !== 'object') throw new Error('Invalid replay DOM');
     if (typeof value.text === 'string') return document.createTextNode(value.text);
-    const tag = tags.has(value.tag) ? value.tag : 'div';
+    const tag = value.tag && tags.has(value.tag) ? value.tag : 'div';
     const node = value.svg ? document.createElementNS('http://www.w3.org/2000/svg', tag) : document.createElement(tag);
-    for (const [key, val] of Object.entries(value.attrs || {})) {
+    const entries = Object.entries(value.attrs || {});
+    for (const [key, val] of entries) {
       if (attributes.test(key) && typeof val === 'string') node.setAttribute(key, val);
       if (key === 'src' && tag === 'img' && typeof val === 'string' && /^data:image\/(png|jpeg|gif|webp);base64,/.test(val)) node.setAttribute(key, val);
     }
-    if (typeof value.value === 'string' && 'value' in node && node.type !== 'file') node.value = value.value;
-    if (typeof value.checked === 'boolean') node.checked = value.checked;
-    for (const child of value.children || []) node.append(visit(child, depth + 1));
+    if (typeof value.value === 'string' && 'value' in node && (!('type' in node) || node.type !== 'file')) node.value = value.value;
+    if (typeof value.checked === 'boolean' && 'checked' in node) node.checked = value.checked;
+    const children = value.children || [];
+    for (const child of children) node.append(visit(child, depth + 1));
     if (Array.isArray(value.scroll)) scrolls.push([node, value.scroll]);
     return node;
   };
@@ -236,8 +253,8 @@ const renderFrame = (document, frame) => {
   for (const [node, [x, y]] of scrolls) node.scrollTo(x, y);
 };
 const mountPlayer = async (container, {
-  workerUrl,
-  source
+  source,
+  workerUrl
 }) => {
   const client = createClient(workerUrl);
   container.replaceChildren();
@@ -251,7 +268,7 @@ const mountPlayer = async (container, {
   iframe.setAttribute('sandbox', 'allow-same-origin');
   iframe.style.cssText = 'border:0;pointer-events:none;display:block';
   const loaded = new Promise(resolve => {
-    iframe.onload = resolve;
+    iframe.onload = () => resolve();
   });
   // An opaque, inert visual document: recorded markup cannot run scripts, submit forms or fetch URLs.
   iframe.srcdoc = '<!doctype html><html><head><meta http-equiv="Content-Security-Policy" content="default-src &#39;none&#39;; style-src &#39;unsafe-inline&#39;; img-src data:; font-src data:"></head><body></body></html>';
@@ -278,14 +295,16 @@ const mountPlayer = async (container, {
   let position = 0;
   let duration = 0;
   const show = result => {
-    position = result.position;
-    duration = result.duration;
+    ({
+      duration,
+      position
+    } = result);
     slider.max = String(Math.ceil(duration));
     slider.value = String(Math.round(position));
     status.textContent = `${(position / 1000).toFixed(1)} / ${(duration / 1000).toFixed(1)} s`;
     const [width, height] = result.frame.viewport || [1280, 720];
-    iframe.style.width = `${Math.max(1, Math.min(16384, width))}px`;
-    iframe.style.height = `${Math.max(1, Math.min(16384, height))}px`;
+    iframe.style.width = `${Math.max(1, Math.min(16_384, width))}px`;
+    iframe.style.height = `${Math.max(1, Math.min(16_384, height))}px`;
     renderFrame(iframe.contentDocument, result.frame);
   };
   const pause = () => {
@@ -300,7 +319,7 @@ const mountPlayer = async (container, {
   };
   const report = error => {
     pause();
-    status.textContent = error.message;
+    status.textContent = error instanceof Error ? error.message : String(error);
   };
   slider.oninput = () => {
     pause();
@@ -318,7 +337,9 @@ const mountPlayer = async (container, {
       if (!playing || disposed) return;
       try {
         await seek(performance.now() - origin);
-        if (position >= duration) pause();else if (playing) timer = setTimeout(tick, 50);
+        if (position >= duration) pause();else if (playing) timer = setTimeout(() => {
+          void tick();
+        }, 50);
       } catch (error) {
         report(error);
       }
@@ -349,10 +370,11 @@ const state$h = {
 const attached = new WeakSet();
 const workerUrl = new URL('sessionReplayWorkerMain.js', import.meta.url);
 const report = error => {
-  state$h.lastError = error.message;
+  const message = error instanceof Error ? error.message : String(error);
+  state$h.lastError = message;
   state$h.stopObserving?.();
   state$h.stopObserving = undefined;
-  console.warn(`Session replay: ${error.message}`);
+  console.warn(`Session replay: ${message}`);
 };
 const record$1 = (direction, message) => {
   if (!state$h.client || state$h.lastError) return;
@@ -1374,87 +1396,87 @@ const Use$1 = 91;
 const Reference$1 = 100;
 
 const VirtualDomElements = {
-  __proto__: null,
-  A,
-  Article,
-  Aside,
-  Audio: Audio$2,
-  BlockQuote,
-  Br,
-  Button,
-  Canvas,
-  Circle: Circle$1,
-  Cite,
-  Code,
-  Col,
-  ColGroup,
-  Data,
-  Dd,
-  Defs: Defs$1,
-  Del,
-  Div,
-  Dl,
-  Dt,
-  Ellipse: Ellipse$1,
-  Em,
-  Figcaption,
-  Figure,
-  Footer,
-  Form,
-  G: G$1,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Head,
-  Header,
-  Hr,
-  Html,
-  I,
-  Iframe,
-  Img,
-  Input,
-  Ins,
-  Kbd,
-  Label,
-  Li,
-  Line: Line$1,
-  Main,
-  Meta,
-  Nav,
-  Ol,
-  Option,
-  P,
-  Path: Path$1,
-  Polygon: Polygon$1,
-  Polyline: Polyline$1,
-  Pre,
-  Quote: Quote$2,
-  Rect: Rect$1,
-  Reference: Reference$1,
-  Search,
-  Section,
-  Select,
-  Span,
-  Strong,
-  Style,
-  Svg: Svg$1,
-  TBody,
-  THead,
-  Table,
-  Td,
-  Text: Text$1,
-  TextArea,
-  Tfoot,
-  Th,
-  Time,
-  Title,
-  Tr,
-  Ul,
-  Use: Use$1,
-  Video: Video$1
+    __proto__: null,
+    A,
+    Article,
+    Aside,
+    Audio: Audio$2,
+    BlockQuote,
+    Br,
+    Button,
+    Canvas,
+    Circle: Circle$1,
+    Cite,
+    Code,
+    Col,
+    ColGroup,
+    Data,
+    Dd,
+    Defs: Defs$1,
+    Del,
+    Div,
+    Dl,
+    Dt,
+    Ellipse: Ellipse$1,
+    Em,
+    Figcaption,
+    Figure,
+    Footer,
+    Form,
+    G: G$1,
+    H1,
+    H2,
+    H3,
+    H4,
+    H5,
+    H6,
+    Head,
+    Header,
+    Hr,
+    Html,
+    I,
+    Iframe,
+    Img,
+    Input,
+    Ins,
+    Kbd,
+    Label,
+    Li,
+    Line: Line$1,
+    Main,
+    Meta,
+    Nav,
+    Ol,
+    Option,
+    P,
+    Path: Path$1,
+    Polygon: Polygon$1,
+    Polyline: Polyline$1,
+    Pre,
+    Quote: Quote$2,
+    Rect: Rect$1,
+    Reference: Reference$1,
+    Search,
+    Section,
+    Select,
+    Span,
+    Strong,
+    Style,
+    Svg: Svg$1,
+    TBody,
+    THead,
+    Table,
+    Td,
+    Text: Text$1,
+    TextArea,
+    Tfoot,
+    Th,
+    Time,
+    Title,
+    Tr,
+    Ul,
+    Use: Use$1,
+    Video: Video$1
 };
 
 const elementTagMap = {
@@ -1546,8 +1568,8 @@ const getElementTag$1 = type => {
 };
 
 const ElementTagMap = {
-  __proto__: null,
-  getElementTag: getElementTag$1
+    __proto__: null,
+    getElementTag: getElementTag$1
 };
 
 const Backspace$1 = 'Backspace';
@@ -4490,9 +4512,9 @@ const wrap = worker => {
 };
 
 const IpcParentWithModuleWorker = {
-  __proto__: null,
-  create: create$z,
-  wrap
+    __proto__: null,
+    create: create$z,
+    wrap
 };
 
 const isMessagePort = value => {
@@ -4522,8 +4544,8 @@ const create$y = async ({
 };
 
 const IpcParentWithMessagePort = {
-  __proto__: null,
-  create: create$y
+    __proto__: null,
+    create: create$y
 };
 
 const create$x = async url => {
@@ -4539,8 +4561,8 @@ const create$x = async url => {
 };
 
 const IpcParentWithReferencePort = {
-  __proto__: null,
-  create: create$x
+    __proto__: null,
+    create: create$x
 };
 
 const workers = Object.create(null);
@@ -4583,8 +4605,8 @@ const create$w = async ({
 };
 
 const IpcParentWithModuleWorkerWithMessagePort = {
-  __proto__: null,
-  create: create$w
+    __proto__: null,
+    create: create$w
 };
 
 const isElectron = platform === Electron$1;
@@ -4608,8 +4630,8 @@ const create$v = async ({
 };
 
 const IpcParentWithElectron = {
-  __proto__: null,
-  create: create$v
+    __proto__: null,
+    create: create$v
 };
 
 const getModule = method => {
@@ -5053,6 +5075,7 @@ const setHeight = ($Element, height) => {
 
 const FocusLocationList = 17;
 const FocusMenu = 18;
+const FocusSimpleBrowserInput = 23;
 const FocusOutput = 28;
 
 // TODO when pressing tab -> focus next element in tab order and close menu
@@ -5544,18 +5567,18 @@ const dispatchEvent = (element, options) => {
 };
 
 const ElementActions = {
-  __proto__: null,
-  click,
-  contextMenu,
-  dispatchEvent,
-  hover,
-  keyDown,
-  keyUp,
-  keyboardEvent,
-  mouseDown,
-  mouseEvent,
-  mouseUp,
-  type
+    __proto__: null,
+    click,
+    contextMenu,
+    dispatchEvent,
+    hover,
+    keyDown,
+    keyUp,
+    keyboardEvent,
+    mouseDown,
+    mouseEvent,
+    mouseUp,
+    type
 };
 
 const querySelectorByText = (root, text) => {
@@ -5802,16 +5825,16 @@ const toHaveJSProperty$1 = (locator, {
 };
 
 const ConditionValues = {
-  __proto__: null,
-  toBeFocused: toBeFocused$1,
-  toContainText: toContainText$1,
-  toHaveAttribute: toHaveAttribute$1,
-  toHaveClass: toHaveClass$1,
-  toHaveCount: toHaveCount$1,
-  toHaveCss: toHaveCss$1,
-  toHaveId: toHaveId$1,
-  toHaveJSProperty: toHaveJSProperty$1,
-  toHaveText: toHaveText$1
+    __proto__: null,
+    toBeFocused: toBeFocused$1,
+    toContainText: toContainText$1,
+    toHaveAttribute: toHaveAttribute$1,
+    toHaveClass: toHaveClass$1,
+    toHaveCount: toHaveCount$1,
+    toHaveCss: toHaveCss$1,
+    toHaveId: toHaveId$1,
+    toHaveJSProperty: toHaveJSProperty$1,
+    toHaveText: toHaveText$1
 };
 
 const keyCodeMap = {
@@ -5910,8 +5933,8 @@ const press = options => {
 };
 
 const KeyboardActions = {
-  __proto__: null,
-  press
+    __proto__: null,
+    press
 };
 
 const toHaveCount = (elements, {
@@ -5924,9 +5947,9 @@ const toBeHidden = elements => {
 };
 
 const MultiElementConditions = {
-  __proto__: null,
-  toBeHidden,
-  toHaveCount
+    __proto__: null,
+    toBeHidden,
+    toHaveCount
 };
 
 const toBeVisible = element => {
@@ -5990,17 +6013,17 @@ const toHaveCss = (element, {
 };
 
 const SingleElementConditions = {
-  __proto__: null,
-  toBeFocused,
-  toBeVisible,
-  toContainText,
-  toHaveAttribute,
-  toHaveClass,
-  toHaveCss,
-  toHaveId,
-  toHaveJSProperty,
-  toHaveText,
-  toHaveValue
+    __proto__: null,
+    toBeFocused,
+    toBeVisible,
+    toContainText,
+    toHaveAttribute,
+    toHaveClass,
+    toHaveCss,
+    toHaveId,
+    toHaveJSProperty,
+    toHaveText,
+    toHaveValue
 };
 
 const retainItem = (item, index) => {
@@ -6397,11 +6420,11 @@ const dispose$g = state => {
 };
 
 const ImagePreview$1 = {
-  __proto__: null,
-  create: create$q,
-  dispose: dispose$g,
-  showError,
-  update
+    __proto__: null,
+    create: create$q,
+    dispose: dispose$g,
+    showError,
+    update
 };
 
 const getNodeIndex = $Node => {
@@ -6430,10 +6453,10 @@ const handleMouseDown$3 = event => {
   const index = getNodeIndex($Item);
   return ['handleClickIndex', button, index, clientX, clientY];
 };
-const handleBlur$6 = () => {
+const handleBlur$7 = () => {
   return ['handleBlur'];
 };
-const handleFocus$8 = () => {
+const handleFocus$9 = () => {
   return ['handleFocus'];
 };
 
@@ -6451,19 +6474,19 @@ const handleContextMenu$6 = event => {
 const returnValue$8 = true;
 
 const ViewletActivityBarEvents = {
-  __proto__: null,
-  handleBlur: handleBlur$6,
-  handleContextMenu: handleContextMenu$6,
-  handleFocus: handleFocus$8,
-  handleMouseDown: handleMouseDown$3,
-  returnValue: returnValue$8
+    __proto__: null,
+    handleBlur: handleBlur$7,
+    handleContextMenu: handleContextMenu$6,
+    handleFocus: handleFocus$9,
+    handleMouseDown: handleMouseDown$3,
+    returnValue: returnValue$8
 };
 
 const Events$6 = ViewletActivityBarEvents;
 
 const ViewletActivityBar = {
-  __proto__: null,
-  Events: Events$6
+    __proto__: null,
+    Events: Events$6
 };
 
 const executeViewletCommand$1 = 'Viewlet.executeViewletCommand';
@@ -6479,8 +6502,8 @@ const send = (method, uid, ...args) => {
 };
 
 const ViewletEventRouter = {
-  __proto__: null,
-  send
+    __proto__: null,
+    send
 };
 
 const executeViewletCommand = (uid, command, ...args) => {
@@ -6517,7 +6540,7 @@ forwardViewletCommand('focusPrevious');
 const handleAudioError$1 = forwardViewletCommand('handleAudioError');
 forwardViewletCommand('handleBeforeInput');
 forwardViewletCommand('handleBeforeInputFromContentEditable');
-const handleBlur$5 = forwardViewletCommand('handleBlur');
+const handleBlur$6 = forwardViewletCommand('handleBlur');
 const handleButtonClick = forwardViewletCommand('handleButtonClick');
 const handleClick$6 = forwardViewletCommand('handleClick');
 const handleClickAction$2 = forwardViewletCommand('handleClickAction');
@@ -6545,11 +6568,11 @@ 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');
-const handleInput$4 = forwardViewletCommand('handleInput');
+const handleInput$6 = forwardViewletCommand('handleInput');
 const handleKeyDown$3 = forwardViewletCommand('handleKeyDown');
 const handleLink = forwardViewletCommand('handleLink');
 forwardViewletCommand('handleListBlur');
@@ -6624,15 +6647,15 @@ const handleAudioError = event => {
 };
 
 const ViewletAudioEvents = {
-  __proto__: null,
-  handleAudioError
+    __proto__: null,
+    handleAudioError
 };
 
 const Events$5 = ViewletAudioEvents;
 
 const ViewletAudio = {
-  __proto__: null,
-  Events: Events$5
+    __proto__: null,
+    Events: Events$5
 };
 
 const create$p = () => {
@@ -6651,11 +6674,11 @@ const setTime = (state, time) => {
 };
 
 const ViewletClock = {
-  __proto__: null,
-  create: create$p,
-  dispose: dispose$f,
-  refresh: refresh$3,
-  setTime
+    __proto__: null,
+    create: create$p,
+    dispose: dispose$f,
+    refresh: refresh$3,
+    setTime
 };
 
 const applyUidWorkaround = element => {
@@ -6741,9 +6764,9 @@ const handlePointerDown$2 = event => {
 const returnValue$7 = true;
 
 const ViewletColorPickerEvents = {
-  __proto__: null,
-  handlePointerDown: handlePointerDown$2,
-  returnValue: returnValue$7
+    __proto__: null,
+    handlePointerDown: handlePointerDown$2,
+    returnValue: returnValue$7
 };
 
 const setColor = (state, color) => {
@@ -6768,14 +6791,14 @@ const appendWidget$6 = state => {
 };
 
 const ViewletColorPicker = {
-  __proto__: null,
-  Events: ViewletColorPickerEvents,
-  appendWidget: appendWidget$6,
-  setColor,
-  setOffsetX
+    __proto__: null,
+    Events: ViewletColorPickerEvents,
+    appendWidget: appendWidget$6,
+    setColor,
+    setOffsetX
 };
 
-const handleInput$3 = event => {
+const handleInput$5 = event => {
   const uid = fromEvent(event);
   const {
     target
@@ -6783,17 +6806,17 @@ const handleInput$3 = event => {
   const {
     value
   } = target;
-  handleInput$4(uid, value);
+  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,
-  handleInput: handleInput$3
+    __proto__: null,
+    handleFocus: handleFocus$7,
+    handleInput: handleInput$5
 };
 
 const create$n = () => {
@@ -6811,9 +6834,9 @@ const setDom$9 = (state, dom) => {
 };
 
 const ViewletDebugConsole = {
-  __proto__: null,
-  create: create$n,
-  setDom: setDom$9
+    __proto__: null,
+    create: create$n,
+    setDom: setDom$9
 };
 
 const handleKeyDown$2 = event => {
@@ -6829,15 +6852,15 @@ const handleKeyDown$2 = event => {
   } = event;
   handleKeyDown$3(uid, key, altKey, ctrlKey, shiftKey, metaKey);
 };
-const handleBlur$4 = event => {
+const handleBlur$5 = event => {
   const uid = fromEvent(event);
-  handleBlur$5(uid);
+  handleBlur$6(uid);
 };
 
 const ViewletDefineKeyBindingEvents = {
-  __proto__: null,
-  handleBlur: handleBlur$4,
-  handleKeyDown: handleKeyDown$2
+    __proto__: null,
+    handleBlur: handleBlur$5,
+    handleKeyDown: handleKeyDown$2
 };
 
 const setValue$2 = (state, value) => {
@@ -6858,10 +6881,10 @@ const focus$d = state => {
 };
 
 const ViewletDefineKeyBinding = {
-  __proto__: null,
-  Events: ViewletDefineKeyBindingEvents,
-  focus: focus$d,
-  setValue: setValue$2
+    __proto__: null,
+    Events: ViewletDefineKeyBindingEvents,
+    focus: focus$d,
+    setValue: setValue$2
 };
 
 const handleClick$5 = index => {
@@ -6956,14 +6979,14 @@ const setErrorStack = (state, errorStack) => {
 };
 
 const ViewletDialog = {
-  __proto__: null,
-  create: create$m,
-  postAppend,
-  setButtons,
-  setCodeFrame,
-  setErrorMessage,
-  setErrorStack,
-  setHeader
+    __proto__: null,
+    create: create$m,
+    postAppend,
+    setButtons,
+    setCodeFrame,
+    setErrorMessage,
+    setErrorStack,
+    setHeader
 };
 
 const handleWheel$2 = event => {
@@ -6980,9 +7003,9 @@ const handleScrollBarPointerDown$2 = event => {
 };
 
 const ViewletDiffEditorEvents = {
-  __proto__: null,
-  handleScrollBarPointerDown: handleScrollBarPointerDown$2,
-  handleWheel: handleWheel$2
+    __proto__: null,
+    handleScrollBarPointerDown: handleScrollBarPointerDown$2,
+    handleWheel: handleWheel$2
 };
 
 const setScrollBar = (state, scrollBarY, scrollBarHeight, scrollBarThumbClass) => {
@@ -6996,9 +7019,9 @@ const setScrollBar = (state, scrollBarY, scrollBarHeight, scrollBarThumbClass) =
 };
 
 const ViewletDiffEditor = {
-  __proto__: null,
-  Events: ViewletDiffEditorEvents,
-  setScrollBar
+    __proto__: null,
+    Events: ViewletDiffEditorEvents,
+    setScrollBar
 };
 
 const handleClickAt$2 = event => {
@@ -7042,12 +7065,12 @@ const handleSashCornerPointerDown = create$o(event => {
 const returnValue$6 = true;
 
 const ViewletE2eTestEvents = {
-  __proto__: null,
-  handleClickAt: handleClickAt$2,
-  handleContextMenu: handleContextMenu$4,
-  handleLoad: handleLoad$3,
-  handleSashCornerPointerDown,
-  returnValue: returnValue$6
+    __proto__: null,
+    handleClickAt: handleClickAt$2,
+    handleContextMenu: handleContextMenu$4,
+    handleLoad: handleLoad$3,
+    handleSashCornerPointerDown,
+    returnValue: returnValue$6
 };
 
 // TODO could use browser view when running in electron
@@ -7092,10 +7115,10 @@ const setPreviewTransform = (state, transform) => {
 // }
 
 const ViewletE2eTest = {
-  __proto__: null,
-  Events: ViewletE2eTestEvents,
-  setIframe: setIframe$3,
-  setPreviewTransform
+    __proto__: null,
+    Events: ViewletE2eTestEvents,
+    setIframe: setIframe$3,
+    setPreviewTransform
 };
 
 const handleClickAt$1 = event => {
@@ -7120,11 +7143,11 @@ const handleContextMenu$3 = event => {
 const returnValue$5 = true;
 
 const ViewletE2eTestsEvents = {
-  __proto__: null,
-  handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$3,
-  handleLoad: handleLoad$2,
-  returnValue: returnValue$5
+    __proto__: null,
+    handleClickAt: handleClickAt$1,
+    handleContextMenu: handleContextMenu$3,
+    handleLoad: handleLoad$2,
+    returnValue: returnValue$5
 };
 
 const sendToIframe = (contentWindow, message, origin, transfer) => {
@@ -7181,10 +7204,10 @@ const setPort$2 = (state, portId, origin) => {
 };
 
 const ViewletE2eTests = {
-  __proto__: null,
-  Events: ViewletE2eTestsEvents,
-  setIframe: setIframe$2,
-  setPort: setPort$2
+    __proto__: null,
+    Events: ViewletE2eTestsEvents,
+    setIframe: setIframe$2,
+    setPort: setPort$2
 };
 
 const Script = 2;
@@ -7194,16 +7217,16 @@ const handleFocusIn$3 = event => {
   const uid = fromEvent(event);
   handleFocusIn$4(uid);
 };
-const handleBlur$3 = event => {
+const handleBlur$4 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleBlur$5(uid);
+  handleBlur$6(uid);
 };
 
 const ViewletEditorCodeGeneratorEvents = {
-  __proto__: null,
-  handleBlur: handleBlur$3,
-  handleFocusIn: handleFocusIn$3
+    __proto__: null,
+    handleBlur: handleBlur$4,
+    handleFocusIn: handleFocusIn$3
 };
 
 const setBounds$9 = (state, x, y, width, height) => {
@@ -7242,12 +7265,12 @@ const focus$c = (state, key, source) => {
 };
 
 const ViewletEditorCodeGenerator = {
-  __proto__: null,
-  Events: ViewletEditorCodeGeneratorEvents,
-  appendWidget: appendWidget$5,
-  dispose: dispose$e,
-  focus: focus$c,
-  setBounds: setBounds$9
+    __proto__: null,
+    Events: ViewletEditorCodeGeneratorEvents,
+    appendWidget: appendWidget$5,
+    dispose: dispose$e,
+    focus: focus$c,
+    setBounds: setBounds$9
 };
 
 const Passive = {
@@ -7445,18 +7468,18 @@ const setBounds$8 = (state, x, y, width, height) => {
 };
 
 const ViewletEditorCompletion = {
-  __proto__: null,
-  attachEvents: attachEvents$6,
-  create: create$l,
-  dispose: dispose$d,
-  handleError: handleError$5,
-  setBounds: setBounds$8,
-  setContentHeight,
-  setDom: setDom$8,
-  setNegativeMargin,
-  setScrollBar,
-  setSize,
-  showLoading
+    __proto__: null,
+    attachEvents: attachEvents$6,
+    create: create$l,
+    dispose: dispose$d,
+    handleError: handleError$5,
+    setBounds: setBounds$8,
+    setContentHeight,
+    setDom: setDom$8,
+    setNegativeMargin,
+    setScrollBar,
+    setSize,
+    showLoading
 };
 
 const handleClose = () => {
@@ -7465,9 +7488,9 @@ const handleClose = () => {
 const returnValue$4 = true;
 
 const ViewletEditorCompletionDetailsEvents = {
-  __proto__: null,
-  handleClose,
-  returnValue: returnValue$4
+    __proto__: null,
+    handleClose,
+    returnValue: returnValue$4
 };
 
 const create$k = () => {
@@ -7507,14 +7530,14 @@ const setBounds$7 = (state, x, y, width, height) => {
 };
 
 const ViewletEditorCompletionDetails = {
-  __proto__: null,
-  Events: ViewletEditorCompletionDetailsEvents,
-  appendWidget: appendWidget$4,
-  attachEvents: attachEvents$5,
-  create: create$k,
-  dispose: dispose$c,
-  setBounds: setBounds$7,
-  setDom: setDom$7
+    __proto__: null,
+    Events: ViewletEditorCompletionDetailsEvents,
+    appendWidget: appendWidget$4,
+    attachEvents: attachEvents$5,
+    create: create$k,
+    dispose: dispose$c,
+    setBounds: setBounds$7,
+    setDom: setDom$7
 };
 
 // TODO not sure whether created DOM node
@@ -7551,10 +7574,10 @@ const setBounds$6 = (state, x, y, width, height) => {
 };
 
 const ViewletEditorError = {
-  __proto__: null,
-  create: create$j,
-  setBounds: setBounds$6,
-  setDom: setDom$6
+    __proto__: null,
+    create: create$j,
+    setBounds: setBounds$6,
+    setDom: setDom$6
 };
 
 const returnValue$3 = true;
@@ -7579,9 +7602,9 @@ const handleSashPointerDown$2 = create$o(event => {
 });
 
 const ViewletEditorHoverEvents = {
-  __proto__: null,
-  handleSashPointerDown: handleSashPointerDown$2,
-  returnValue: returnValue$3
+    __proto__: null,
+    handleSashPointerDown: handleSashPointerDown$2,
+    returnValue: returnValue$3
 };
 
 const setBounds$5 = (state, x, y, width, height) => {
@@ -7605,11 +7628,11 @@ const setDom$5 = (state, dom) => {
 };
 
 const ViewletEditorHover = {
-  __proto__: null,
-  Events: ViewletEditorHoverEvents,
-  appendWidget: appendWidget$3,
-  setBounds: setBounds$5,
-  setDom: setDom$5
+    __proto__: null,
+    Events: ViewletEditorHoverEvents,
+    appendWidget: appendWidget$3,
+    setBounds: setBounds$5,
+    setDom: setDom$5
 };
 
 const LeftClick = 0;
@@ -7705,9 +7728,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 = () => {
@@ -7723,7 +7746,7 @@ const attachEvents$4 = state => {
   } = state;
   attachEvents$7($Viewlet, {
     [ContextMenu]: handleContextMenu$2,
-    [FocusIn]: handleFocus$5,
+    [FocusIn]: handleFocus$6,
     [PointerDown]: handlePointerDown$1,
     [PointerUp]: handlePointerUp
   });
@@ -7751,12 +7774,12 @@ const setDom$4 = (state, dom) => {
 };
 
 const ViewletEditorImage = {
-  __proto__: null,
-  attachEvents: attachEvents$4,
-  create: create$i,
-  setDom: setDom$4,
-  setDragging,
-  setTransform
+    __proto__: null,
+    attachEvents: attachEvents$4,
+    create: create$i,
+    setDom: setDom$4,
+    setDragging,
+    setTransform
 };
 
 const create$h = () => {
@@ -7775,10 +7798,10 @@ const refresh$2 = (state, context) => {
 };
 
 const ViewletEditorPlainText = {
-  __proto__: null,
-  create: create$h,
-  dispose: dispose$b,
-  refresh: refresh$2
+    __proto__: null,
+    create: create$h,
+    dispose: dispose$b,
+    refresh: refresh$2
 };
 
 const handleFocusIn$2 = event => {
@@ -7788,8 +7811,8 @@ const handleFocusIn$2 = event => {
 };
 
 const ViewletEditorSourceActionsEvents = {
-  __proto__: null,
-  handleFocusIn: handleFocusIn$2
+    __proto__: null,
+    handleFocusIn: handleFocusIn$2
 };
 
 const setBounds$4 = (state, x, y, width, height) => {
@@ -7810,11 +7833,11 @@ const dispose$a = state => {
 };
 
 const ViewletEditorSourceActions = {
-  __proto__: null,
-  Events: ViewletEditorSourceActionsEvents,
-  appendWidget: appendWidget$2,
-  dispose: dispose$a,
-  setBounds: setBounds$4
+    __proto__: null,
+    Events: ViewletEditorSourceActionsEvents,
+    appendWidget: appendWidget$2,
+    dispose: dispose$a,
+    setBounds: setBounds$4
 };
 
 const create$g = () => {
@@ -7832,9 +7855,9 @@ const setMessage$3 = (state, message) => {
 };
 
 const ViewletEditorTextError = {
-  __proto__: null,
-  create: create$g,
-  setMessage: setMessage$3
+    __proto__: null,
+    create: create$g,
+    setMessage: setMessage$3
 };
 
 const create$f = () => {
@@ -7859,10 +7882,10 @@ const setBounds$3 = (state, x, y, width, height) => {
 };
 
 const ViewletEditorWidgetError = {
-  __proto__: null,
-  create: create$f,
-  setBounds: setBounds$3,
-  setMessage: setMessage$2
+    __proto__: null,
+    create: create$f,
+    setBounds: setBounds$3,
+    setMessage: setMessage$2
 };
 
 const create$e = () => {
@@ -7878,11 +7901,11 @@ const focus$b = state => {};
 const dispose$9 = state => {};
 
 const ViewletEmpty = {
-  __proto__: null,
-  create: create$e,
-  dispose: dispose$9,
-  focus: focus$b,
-  refresh: refresh$1
+    __proto__: null,
+    create: create$e,
+    dispose: dispose$9,
+    focus: focus$b,
+    refresh: refresh$1
 };
 
 const create$d = () => {
@@ -7894,8 +7917,8 @@ const create$d = () => {
 };
 
 const ViewletEmptyEditor = {
-  __proto__: null,
-  create: create$d
+    __proto__: null,
+    create: create$d
 };
 
 const create$c = () => {
@@ -7913,16 +7936,16 @@ const setMessage$1 = (state, message) => {
 };
 
 const ViewletError = {
-  __proto__: null,
-  create: create$c,
-  setMessage: setMessage$1
+    __proto__: null,
+    create: create$c,
+    setMessage: setMessage$1
 };
 
 const commandMap$1 = {};
 
 const ViewletExtensionViewEvents = {
-  __proto__: null,
-  commandMap: commandMap$1
+    __proto__: null,
+    commandMap: commandMap$1
 };
 
 const setIframeCredentialless = ($Iframe, credentialless) => {
@@ -7976,13 +7999,13 @@ const setIframe$1 = (state, src, sandbox = [], srcDoc = '', csp = '', credential
 };
 
 const ViewletExtensionView = {
-  __proto__: null,
-  Events: ViewletExtensionViewEvents,
-  focus: focus$a,
-  setIframe: setIframe$1
+    __proto__: null,
+    Events: ViewletExtensionViewEvents,
+    focus: focus$a,
+    setIframe: setIframe$1
 };
 
-const handleInput$2 = event => {
+const handleInput$4 = event => {
   const {
     target
   } = event;
@@ -8030,7 +8053,7 @@ const handleReplaceInput = event => {
 const handleReplaceFocus = event => {
   return ['FindWidget.handleReplaceFocus'];
 };
-const handleFocus$4 = event => {
+const handleFocus$5 = event => {
   return ['FindWidget.handleFocus'];
 };
 const handleToggleReplaceFocus = event => {
@@ -8051,24 +8074,24 @@ const handleFocusReplaceAll = event => {
 const returnValue$2 = true;
 
 const ViewletFindWidgetEvents = {
-  __proto__: null,
-  handleClickClose: handleClickClose$1,
-  handleClickNextMatch,
-  handleClickPreviousMatch,
-  handleClickReplace,
-  handleClickReplaceAll,
-  handleClickToggleReplace,
-  handleFocus: handleFocus$4,
-  handleFocusClose,
-  handleFocusNext,
-  handleFocusPrevious,
-  handleFocusReplaceAll,
-  handleInput: handleInput$2,
-  handleInputBlur,
-  handleReplaceFocus,
-  handleReplaceInput,
-  handleToggleReplaceFocus,
-  returnValue: returnValue$2
+    __proto__: null,
+    handleClickClose: handleClickClose$1,
+    handleClickNextMatch,
+    handleClickPreviousMatch,
+    handleClickReplace,
+    handleClickReplaceAll,
+    handleClickToggleReplace,
+    handleFocus: handleFocus$5,
+    handleFocusClose,
+    handleFocusNext,
+    handleFocusPrevious,
+    handleFocusReplaceAll,
+    handleInput: handleInput$4,
+    handleInputBlur,
+    handleReplaceFocus,
+    handleReplaceInput,
+    handleToggleReplaceFocus,
+    returnValue: returnValue$2
 };
 
 const create$b = () => {
@@ -8131,15 +8154,15 @@ const dispose$8 = state => {
 const Events$4 = ViewletFindWidgetEvents;
 
 const ViewletFindWidget = {
-  __proto__: null,
-  Events: Events$4,
-  appendWidget: appendWidget$1,
-  create: create$b,
-  dispose: dispose$8,
-  focus: focus$9,
-  setBounds: setBounds$2,
-  setDom: setDom$3,
-  setValue: setValue$1
+    __proto__: null,
+    Events: Events$4,
+    appendWidget: appendWidget$1,
+    create: create$b,
+    dispose: dispose$8,
+    focus: focus$9,
+    setBounds: setBounds$2,
+    setDom: setDom$3,
+    setValue: setValue$1
 };
 
 const handleLocationsMouseDown = event => {
@@ -8156,8 +8179,8 @@ const handleLocationsMouseDown = event => {
 };
 
 const ViewletLocationsEvents = {
-  __proto__: null,
-  handleLocationsMouseDown
+    __proto__: null,
+    handleLocationsMouseDown
 };
 
 const setFocusedIndex$1 = (state, oldFocusedIndex, newFocusedIndex) => {
@@ -8193,11 +8216,11 @@ const focus$8 = state => {
 };
 
 const ViewletImplementations = {
-  __proto__: null,
-  Events: ViewletLocationsEvents,
-  focus: focus$8,
-  handleError: handleError$3,
-  setFocusedIndex: setFocusedIndex$1
+    __proto__: null,
+    Events: ViewletLocationsEvents,
+    focus: focus$8,
+    handleError: handleError$3,
+    setFocusedIndex: setFocusedIndex$1
 };
 
 const handleScrollBarPointerDown = event => {
@@ -8205,15 +8228,15 @@ const handleScrollBarPointerDown = event => {
 };
 
 const ViewletInlineDiffEditorEvents = {
-  __proto__: null,
-  handleScrollBarPointerDown,
-  handleWheel: handleWheel$2
+    __proto__: null,
+    handleScrollBarPointerDown,
+    handleWheel: handleWheel$2
 };
 
 const ViewletInlineDiffEditor = {
-  __proto__: null,
-  Events: ViewletInlineDiffEditorEvents,
-  setScrollBar
+    __proto__: null,
+    Events: ViewletInlineDiffEditorEvents,
+    setScrollBar
 };
 
 const handleResizerPointerMove = event => {
@@ -8263,11 +8286,11 @@ const handlePointerDown = event => {
 };
 
 const ViewletkeyBindingsEvents = {
-  __proto__: null,
-  handlePointerDown,
-  handleResizerPointerDown,
-  handleResizerPointerMove,
-  handleResizerPointerUp
+    __proto__: null,
+    handlePointerDown,
+    handleResizerPointerDown,
+    handleResizerPointerMove,
+    handleResizerPointerUp
 };
 
 const setValue = (state, value) => {
@@ -8291,12 +8314,12 @@ const setColumnWidths = (state, columnWidth1, columnWidth2, columnWidth3) => {
 const Events$3 = ViewletkeyBindingsEvents;
 
 const ViewletKeyBindings = {
-  __proto__: null,
-  Events: Events$3,
-  setColumnWidths,
-  setScrollBar,
-  setSize,
-  setValue
+    __proto__: null,
+    Events: Events$3,
+    setColumnWidths,
+    setScrollBar,
+    setSize,
+    setValue
 };
 
 const getSashId = $Target => {
@@ -8403,10 +8426,10 @@ 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$2 = () => {
+const handleBlur$3 = () => {
   send$1('Layout.handleBlur');
 };
 
@@ -8452,11 +8475,11 @@ const handleResize = () => {
   } = window;
   handleResize$1(innerWidth, innerHeight);
 };
-const handleFocus$2 = () => {
-  handleFocus$3();
+const handleFocus$3 = () => {
+  handleFocus$4();
 };
-const handleBlur$1 = () => {
-  handleBlur$2();
+const handleBlur$2 = () => {
+  handleBlur$3();
 };
 const handleKeyDown = handleKeyDown$1;
 const handleKeyUp = handleKeyUp$1;
@@ -8496,8 +8519,8 @@ const attachEvents$3 = state => {
     [PointerDown]: handleSashPointerDown
   });
   attachEvents$7(window, {
-    [Blur]: handleBlur$1,
-    [Focus]: handleFocus$2,
+    [Blur]: handleBlur$2,
+    [Focus]: handleFocus$3,
     [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -8515,10 +8538,10 @@ const setSashes = (state, sashSidebar, sashPanel) => {
 };
 
 const ViewletLayout = {
-  __proto__: null,
-  attachEvents: attachEvents$3,
-  create: create$a,
-  setSashes
+    __proto__: null,
+    attachEvents: attachEvents$3,
+    create: create$a,
+    setSashes
 };
 
 const ActivityBar = 'ActivityBar';
@@ -8623,15 +8646,15 @@ const disposeFindWidget = state => {
 const dispose$7 = state => {};
 
 const ViewletOutput = {
-  __proto__: null,
-  clear: clear$1,
-  create: create$9,
-  dispose: dispose$7,
-  disposeFindWidget,
-  focus: focus$7,
-  handleError: handleError$2,
-  openFindWidget,
-  setText
+    __proto__: null,
+    clear: clear$1,
+    create: create$9,
+    dispose: dispose$7,
+    disposeFindWidget,
+    focus: focus$7,
+    handleError: handleError$2,
+    openFindWidget,
+    setText
 };
 
 const handleClickClose = event => {
@@ -8793,26 +8816,26 @@ const setActionsDom$1 = (state, actions, childUid) => {
 };
 
 const ViewletPanel = {
-  __proto__: null,
-  attachEvents: attachEvents$2,
-  create: create$8,
-  dispose: dispose$6,
-  focus: focus$6,
-  setActionsDom: setActionsDom$1,
-  setSelectedIndex,
-  setTabsDom: setTabsDom$1
+    __proto__: null,
+    attachEvents: attachEvents$2,
+    create: create$8,
+    dispose: dispose$6,
+    focus: focus$6,
+    setActionsDom: setActionsDom$1,
+    setSelectedIndex,
+    setTabsDom: setTabsDom$1
 };
 
 const ViewletReferences = {
-  __proto__: null,
-  Events: ViewletLocationsEvents,
-  focus: focus$8,
-  handleError: handleError$3,
-  setFocusedIndex: setFocusedIndex$1
+    __proto__: null,
+    Events: ViewletLocationsEvents,
+    focus: focus$8,
+    handleError: handleError$3,
+    setFocusedIndex: setFocusedIndex$1
 };
 
 const ViewletRunAndDebug = {
-  __proto__: null
+    __proto__: null
 };
 
 const handleLoadedMetadata = event => {
@@ -8842,9 +8865,9 @@ const setScreenCapture = (state, id) => {
 };
 
 const ViewletScreenCapture = {
-  __proto__: null,
-  create: create$7,
-  setScreenCapture
+    __proto__: null,
+    create: create$7,
+    setScreenCapture
 };
 
 const Sidebar = 'Side Bar';
@@ -8929,21 +8952,199 @@ const focus$5 = async () => {
 };
 
 const ViewletSidebar = {
-  __proto__: null,
-  attachEvents: attachEvents$1,
-  create: create$6,
-  dispose: dispose$5,
-  focus: focus$5,
-  setActionsDom,
-  setTitle
+    __proto__: null,
+    attachEvents: attachEvents$1,
+    create: create$6,
+    dispose: dispose$5,
+    focus: focus$5,
+    setActionsDom,
+    setTitle
+};
+
+const pendingSelections = new WeakMap();
+const state$2 = {};
+const handleFocus$2 = event => {
+  const target = event.target;
+  if (target instanceof HTMLElement && !target.closest('.SimpleBrowser') && target.closest('.Main, .Panel, .Editor, .Terminal')) {
+    state$2.codingFocus = new WeakRef(target);
+  }
+};
+const listen = () => {
+  document.addEventListener('focusin', handleFocus$2);
+};
+const restoreCodingFocus$1 = () => {
+  const target = state$2.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 queueBrowserAddressSelection = address => {
+  clearTimeout(pendingSelections.get(address));
+  const timer = setTimeout(() => {
+    pendingSelections.delete(address);
+    if (!address.isConnected) return;
+    const suggestions = address.closest('.SimpleBrowser')?.querySelector('.SimpleBrowserSuggestions');
+    if (suggestions) address.setSelectionRange(address.value.length, address.value.length);else address.select();
+  });
+  pendingSelections.set(address, timer);
+};
+const focusBrowserAddress$1 = (uid, selection) => {
+  const address = getAddress(uid);
+  if (!address) return;
+  address.focus({
+    preventScroll: true
+  });
+  clearTimeout(pendingSelections.get(address));
+  pendingSelections.delete(address);
+  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 browserParents = new Map();
+const rememberBrowserParent$1 = uid => {
+  if (browserParents.has(uid)) return;
+  const browser = get$a(uid)?.state.$Viewlet;
+  if (!browser?.parentNode) return;
+  const marker = document.createComment('browser workspace position');
+  browser.before(marker);
+  browserParents.set(uid, marker);
+};
+const restoreBrowserParent$1 = uid => {
+  const marker = browserParents.get(uid);
+  browserParents.delete(uid);
+  if (!marker) return;
+  const browser = get$a(uid)?.state.$Viewlet;
+  if (browser && marker.isConnected) marker.replaceWith(browser);else marker.remove();
+};
+
+const handleInput$3 = value => {
+  send$1('SimpleBrowser.handleInput', value);
+};
+const acceptSuggestion = value => {
+  send$1('SimpleBrowser.acceptSuggestion', value);
+};
+const closeSuggestions = () => {
+  send$1('SimpleBrowser.closeSuggestions');
+};
+const forward = () => {
+  send$1('SimpleBrowser.forward');
+};
+const backward = () => {
+  send$1('SimpleBrowser.backward');
+};
+const reload$1 = () => {
+  send$1('SimpleBrowser.reload');
+};
+const cancelNavigation = () => {
+  send$1('SimpleBrowser.cancelNavigation');
+};
+const openExternal = () => {
+  send$1('SimpleBrowser.openExternal');
+};
+
+const simpleBrowserAddressName = 'simple-browser-address';
+const handleInput$2 = event => {
+  const {
+    target
+  } = event;
+  const {
+    value
+  } = target;
+  handleInput$3(value);
+};
+const handleClickSuggestion = event => {
+  const suggestion = event.target.closest?.('.SimpleBrowserSuggestion');
+  const value = suggestion?.dataset.value;
+  if (typeof value !== 'string') {
+    return;
+  }
+  acceptSuggestion(value);
+};
+const handleFocus$1 = event => {
+  const {
+    target
+  } = event;
+  send$1('Focus.setFocus', FocusSimpleBrowserInput);
+  queueBrowserAddressSelection(target);
+};
+const handleBlur$1 = event => {
+  const {
+    relatedTarget,
+    target
+  } = event;
+  setTimeout(() => {
+    if (!target.isConnected) {
+      return;
+    }
+    if (target.ownerDocument.hasFocus() && target.ownerDocument.activeElement?.getAttribute('name') === simpleBrowserAddressName) {
+      return;
+    }
+    target.setSelectionRange(0, 0);
+    if (!relatedTarget?.closest?.('.SimpleBrowserSuggestions')) {
+      closeSuggestions();
+    }
+  });
+};
+const handleClickForward = () => {
+  forward();
+};
+const handleClickBackward = () => {
+  backward();
+};
+const handleClickReload = event => {
+  const {
+    target
+  } = event;
+  // TODO maybe set data attribute to check if it is a cancel button
+  // TODO do checks in renderer worker
+  if (target.title === 'Cancel') {
+    cancelNavigation();
+  } else {
+    reload$1();
+  }
+};
+const handleClickOpenExternal = () => {
+  openExternal();
+};
+
+const ViewletSimpleBrowserEvents = {
+    __proto__: null,
+    handleBlur: handleBlur$1,
+    handleClickBackward,
+    handleClickForward,
+    handleClickOpenExternal,
+    handleClickReload,
+    handleClickSuggestion,
+    handleFocus: handleFocus$1,
+    handleInput: handleInput$2
 };
 
 const ViewletSimpleBrowser = {
-  __proto__: null
+    __proto__: null,
+    Events: ViewletSimpleBrowserEvents
 };
 
 const ViewletSimpleBrowserHistory = {
-  __proto__: null
+    __proto__: null
 };
 
 const handleContextMenu$1 = event => {
@@ -8957,9 +9158,9 @@ const handleContextMenu$1 = event => {
   handleContextMenu$5(uid, button, clientX, clientY);
 };
 
-const handleFocus$1 = event => {
+const handleFocus = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 const getButtonIndex = $Node => {
   let index = -1;
@@ -9027,18 +9228,18 @@ const handleInput$1 = event => {
     value
   } = target;
   const uid = fromEvent(event);
-  handleInput$4(uid, value);
+  handleInput$6(uid, value);
 };
 
 const ViewletSourceControlEvents = {
-  __proto__: null,
-  handleClick: handleClick$3,
-  handleContextMenu: handleContextMenu$1,
-  handleFocus: handleFocus$1,
-  handleInput: handleInput$1,
-  handleMouseOut,
-  handleMouseOver,
-  handleWheel: handleWheel$2
+    __proto__: null,
+    handleClick: handleClick$3,
+    handleContextMenu: handleContextMenu$1,
+    handleFocus,
+    handleInput: handleInput$1,
+    handleMouseOut,
+    handleMouseOver,
+    handleWheel: handleWheel$2
 };
 
 const focus$4 = state => {
@@ -9049,9 +9250,9 @@ const focus$4 = state => {
 };
 
 const ViewletSourceControl = {
-  __proto__: null,
-  Events: ViewletSourceControlEvents,
-  focus: focus$4
+    __proto__: null,
+    Events: ViewletSourceControlEvents,
+    focus: focus$4
 };
 
 const handleClick$2 = event => {
@@ -9064,8 +9265,8 @@ const handleClick$2 = event => {
 };
 
 const ViewletStatusBarEvents = {
-  __proto__: null,
-  handleClick: handleClick$2
+    __proto__: null,
+    handleClick: handleClick$2
 };
 
 const create$5 = () => {
@@ -9096,10 +9297,10 @@ const focus$3 = state => {
 };
 
 const ViewletStatusBar = {
-  __proto__: null,
-  create: create$5,
-  focus: focus$3,
-  setDom: setDom$2
+    __proto__: null,
+    create: create$5,
+    focus: focus$3,
+    setDom: setDom$2
 };
 
 const handleClick$1 = event => {
@@ -9108,15 +9309,15 @@ const handleClick$1 = event => {
 };
 
 const ViewletStorageEvents = {
-  __proto__: null,
-  handleClick: handleClick$1
+    __proto__: null,
+    handleClick: handleClick$1
 };
 
 const Events$2 = ViewletStorageEvents;
 
 const ViewletStorage = {
-  __proto__: null,
-  Events: Events$2
+    __proto__: null,
+    Events: Events$2
 };
 
 const handleClickTab = event => {
@@ -9149,9 +9350,9 @@ const handleMouseDown$1 = event => {
 };
 
 const ViewletTerminalsEvents = {
-  __proto__: null,
-  handleClickTab,
-  handleMouseDown: handleMouseDown$1
+    __proto__: null,
+    handleClickTab,
+    handleMouseDown: handleMouseDown$1
 };
 
 const Events$1 = ViewletTerminalsEvents;
@@ -9181,10 +9382,10 @@ const setTabsDom = (state, dom) => {
 };
 
 const ViewletTerminals = {
-  __proto__: null,
-  Events: Events$1,
-  create: create$4,
-  setTabsDom
+    __proto__: null,
+    Events: Events$1,
+    create: create$4,
+    setTabsDom
 };
 
 const isInsideTitleBarMenu$1 = $Element => {
@@ -9277,18 +9478,18 @@ const handleMenuClick = event => {
 };
 const handleFocusIn$1 = event => {
   const uid = fromEvent(event);
-  handleFocus$7(uid);
+  handleFocus$8(uid);
 };
 
 const ViewletTitleBarMenuBarEvents = {
-  __proto__: null,
-  handleClick,
-  handleFocusIn: handleFocusIn$1,
-  handleFocusOut,
-  handleMenuClick,
-  handleMenuMouseOver,
-  handlePointerOut,
-  handlePointerOver
+    __proto__: null,
+    handleClick,
+    handleFocusIn: handleFocusIn$1,
+    handleFocusOut,
+    handleMenuClick,
+    handleMenuMouseOver,
+    handlePointerOut,
+    handlePointerOver
 };
 
 const activeId = 'TitleBarEntryActive';
@@ -9565,14 +9766,14 @@ const setMenus = (state, changes, uid) => {
 };
 
 const ViewletTitleBarMenuBar = {
-  __proto__: null,
-  Events: ViewletTitleBarMenuBarEvents,
-  closeMenu,
-  dispose: dispose$4,
-  focus: focus$2,
-  openMenu,
-  setFocusedIndex,
-  setMenus
+    __proto__: null,
+    Events: ViewletTitleBarMenuBarEvents,
+    closeMenu,
+    dispose: dispose$4,
+    focus: focus$2,
+    openMenu,
+    setFocusedIndex,
+    setMenus
 };
 
 const activeClassName = 'TitleBarActive';
@@ -9584,15 +9785,15 @@ const setFocused = (state, isFocused) => {
 };
 
 const ViewletTitleBar = {
-  __proto__: null,
-  Events: ViewletTitleBarMenuBarEvents,
-  closeMenu,
-  dispose: dispose$4,
-  focus: focus$2,
-  openMenu,
-  setFocused,
-  setFocusedIndex,
-  setMenus
+    __proto__: null,
+    Events: ViewletTitleBarMenuBarEvents,
+    closeMenu,
+    dispose: dispose$4,
+    focus: focus$2,
+    openMenu,
+    setFocused,
+    setFocusedIndex,
+    setMenus
 };
 
 /**
@@ -9608,21 +9809,21 @@ const handleTitleBarButtonsClick = event => {
 const returnValue$1 = true;
 
 const ViewletTitleBarButtonsEvents = {
-  __proto__: null,
-  handleTitleBarButtonsClick,
-  returnValue: returnValue$1
+    __proto__: null,
+    handleTitleBarButtonsClick,
+    returnValue: returnValue$1
 };
 
 const ViewletTitleBarButtons = {
-  __proto__: null,
-  Events: ViewletTitleBarButtonsEvents
+    __proto__: null,
+    Events: ViewletTitleBarButtonsEvents
 };
 
 const Events = {};
 
 const ViewletTitleBarIcon = {
-  __proto__: null,
-  Events
+    __proto__: null,
+    Events
 };
 
 const create$3 = () => {
@@ -9640,9 +9841,9 @@ const setDom$1 = (state, dom) => {
 };
 
 const ViewletTitleBarTitle = {
-  __proto__: null,
-  create: create$3,
-  setDom: setDom$1
+    __proto__: null,
+    create: create$3,
+    setDom: setDom$1
 };
 
 const handleVideoError$1 = (code, message) => {
@@ -9664,13 +9865,13 @@ const handleVideoError = event => {
 };
 
 const ViewletVideoEvents = {
-  __proto__: null,
-  handleVideoError
+    __proto__: null,
+    handleVideoError
 };
 
 const ViewletVideo = {
-  __proto__: null,
-  Events: ViewletVideoEvents
+    __proto__: null,
+    Events: ViewletVideoEvents
 };
 
 const handleClickAt = event => {
@@ -9695,11 +9896,11 @@ const handleContextMenu = event => {
 const returnValue = true;
 
 const ViewletWebViewEvents = {
-  __proto__: null,
-  handleClickAt,
-  handleContextMenu,
-  handleLoad,
-  returnValue
+    __proto__: null,
+    handleClickAt,
+    handleContextMenu,
+    handleLoad,
+    returnValue
 };
 
 // TODO could use browser view when running in electron
@@ -9755,11 +9956,11 @@ const setPosition = (state, id, x, y, width, height) => {
 };
 
 const ViewletWebView = {
-  __proto__: null,
-  Events: ViewletWebViewEvents,
-  setIframe,
-  setPort: setPort$1,
-  setPosition
+    __proto__: null,
+    Events: ViewletWebViewEvents,
+    setIframe,
+    setPort: setPort$1,
+    setPosition
 };
 
 const moduleLoaders = {
@@ -9822,14 +10023,14 @@ const load$1 = moduleId => {
   return loadModule();
 };
 
-const state$2 = {
+const state$1 = {
   currentPanelView: undefined,
   currentSidebarView: undefined,
   modules: Object.create(null)
 };
 
 const create$2 = (id, uid = id) => {
-  const module = state$2.modules[id];
+  const module = state$1.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
@@ -9848,7 +10049,7 @@ const create$2 = (id, uid = id) => {
   });
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents, directEventRpcId) => {
-  let module = state$2.modules[id];
+  let module = state$1.modules[id];
   if (hasFunctionalEvents) {
     module ||= {};
   }
@@ -9880,7 +10081,7 @@ const removeKeyBindings = id => {
 const loadModule = async id => {
   try {
     const module = await load$1(id);
-    state$2.modules[id] = module;
+    state$1.modules[id] = module;
   } catch (error) {
     throw new VError(error, `Failed to load ${id}`);
   }
@@ -10035,7 +10236,7 @@ const refresh = (viewletId, viewletContext) => {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
     // @ts-expect-error
-    state$2.refreshContext[viewletId] = viewletContext;
+    state$1.refreshContext[viewletId] = viewletContext;
   }
 };
 const specialIds = new Set(['TitleBar', 'SideBar', 'Main', 'ActivityBar', 'StatusBar', 'Panel']);
@@ -10291,8 +10492,8 @@ const move = async (uid, selector, target) => {
 };
 const attachWindowEvents = () => {
   attachEvents$7(window, {
-    [Blur]: handleBlur$1,
-    [Focus]: handleFocus$2,
+    [Blur]: handleBlur$2,
+    [Focus]: handleFocus$3,
     [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
@@ -10664,68 +10865,6 @@ 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 browserParents = new Map();
-const rememberBrowserParent$1 = uid => {
-  if (browserParents.has(uid)) return;
-  const browser = get$a(uid)?.state.$Viewlet;
-  if (!browser?.parentNode) return;
-  const marker = document.createComment('browser workspace position');
-  browser.before(marker);
-  browserParents.set(uid, marker);
-};
-const restoreBrowserParent$1 = uid => {
-  const marker = browserParents.get(uid);
-  browserParents.delete(uid);
-  if (!marker) return;
-  const browser = get$a(uid)?.state.$Viewlet;
-  if (browser && marker.isConnected) marker.replaceWith(browser);else marker.remove();
-};
-
 const reload = () => {
   location.reload();
 };
@@ -11645,10 +11784,10 @@ const handleInput = event => {
 };
 
 const ViewletEditorRenameEvents = {
-  __proto__: null,
-  handleBlur,
-  handleFocusIn,
-  handleInput
+    __proto__: null,
+    handleBlur,
+    handleFocusIn,
+    handleInput
 };
 
 const setBounds = (state, x, y, width, height) => {
@@ -11669,11 +11808,11 @@ const dispose$1 = state => {
 };
 
 const ViewletEditorRename = {
-  __proto__: null,
-  Events: ViewletEditorRenameEvents,
-  appendWidget,
-  dispose: dispose$1,
-  setBounds
+    __proto__: null,
+    Events: ViewletEditorRenameEvents,
+    appendWidget,
+    dispose: dispose$1,
+    setBounds
 };
 
 const handleContentSecurityPolicyViolation = event => {
@@ -11717,15 +11856,15 @@ const main = async () => {
   initialize(location.search);
   Object.assign(commandMapRef, commandMap);
   enable(window);
-  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;
+  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;
   // TODO this is discovered very late
   const launchWorkersResult = await launchWorkers();
   if (isError(launchWorkersResult)) {
@@ -11800,7 +11939,7 @@ const mountTerminal = async (state, uid) => {
     return;
   }
   const inputDisposable = terminal.onData(data => {
-    handleInput$4(uid, data);
+    handleInput$6(uid, data);
   });
   const resizeDisposable = terminal.onResize(({
     cols,
@@ -11905,14 +12044,14 @@ const dispose = state => {
 };
 
 const ViewletTerminal2 = {
-  __proto__: null,
-  attachEvents,
-  create,
-  dispose,
-  focus,
-  handleMouseDown,
-  setTerminal,
-  write
+    __proto__: null,
+    attachEvents,
+    create,
+    dispose,
+    focus,
+    handleMouseDown,
+    setTerminal,
+    write
 };
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
@@ -11988,8 +12127,8 @@ const alert$1 = message => {
 };
 
 const AriaAlert = {
-  __proto__: null,
-  alert: alert$1
+    __proto__: null,
+    alert: alert$1
 };
 
 export { invoke$1 as executeCommand, ready };