@lvce-editor/renderer-process 25.1.0 → 26.0.0

package/dist/rendererProcessMain.js

@@ -120,24 +120,24 @@ const confirm$1 = message => {
   return window.confirm(message);
 };
 
-const state$9 = {
+const state$a = {
   styleSheets: Object.create(null)
 };
-const set$9 = (id, sheet) => {
-  state$9.styleSheets[id] = sheet;
+const set$a = (id, sheet) => {
+  state$a.styleSheets[id] = sheet;
 };
-const get$a = id => {
-  return state$9.styleSheets[id];
+const get$b = id => {
+  return state$a.styleSheets[id];
 };
 
 const addCssStyleSheet = (id, text) => {
-  const existing = get$a(id);
+  const existing = get$b(id);
   if (existing) {
     existing.replaceSync(text);
     return;
   }
   const sheet = new CSSStyleSheet({});
-  set$9(id, sheet);
+  set$a(id, sheet);
   sheet.replaceSync(text);
   document.adoptedStyleSheets.push(sheet);
 };
@@ -181,6 +181,7 @@ const downloadFile = (fileName, url) => {
 };
 
 const uidSymbol = Symbol('uid');
+
 const getUidTarget = $Element => {
   while ($Element) {
     if ($Element[uidSymbol]) {
@@ -190,6 +191,7 @@ const getUidTarget = $Element => {
   }
   return undefined;
 };
+
 const setComponentUid = ($Element, uid) => {
   $Element[uidSymbol] = uid;
 };
@@ -207,6 +209,7 @@ const getComponentUidFromEvent = event => {
   } = event;
   return getComponentUid(currentTarget || target);
 };
+
 const dragInfos = Object.create(null);
 const setDragInfo = (id, data) => {
   dragInfos[id] = data;
@@ -217,6 +220,7 @@ const getDragInfo = id => {
 const isDragInfoOld = data => {
   return Array.isArray(data);
 };
+
 const setDragImage = (dataTransfer, label) => {
   const dragImage = document.createElement('div');
   dragImage.className = 'DragImage';
@@ -228,6 +232,7 @@ const setDragImage = (dataTransfer, label) => {
   };
   setTimeout(handleTimeOut, 0);
 };
+
 const applyDragInfoMaybe = event => {
   const {
     dataTransfer,
@@ -253,8 +258,10 @@ const applyDragInfoMaybe = event => {
     }
   }
 };
+
 const PointerMove$1 = 'pointermove';
 const lostpointercapture = 'lostpointercapture';
+
 let ignore = false;
 const startIgnore = () => {
   ignore = true;
@@ -265,14 +272,16 @@ const stopIgnore = () => {
 const enabled = () => {
   return ignore;
 };
+
 let id$1 = 0;
 const create$N = () => {
   return ++id$1;
 };
-const state$1$1 = Object.create(null);
+
+const state$9 = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$1$1[id];
-  delete state$1$1[id];
+  const promise = state$9[id];
+  delete state$9[id];
   return promise;
 };
 const getFileHandles$1 = async ids => {
@@ -282,13 +291,14 @@ const getFileHandles$1 = async ids => {
 };
 const add$1 = promise => {
   const id = create$N();
-  state$1$1[id] = promise;
+  state$9[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
   const promise = Promise.resolve(fileHandle);
   return add$1(promise);
 };
+
 const unwrapItemString = async item => {
   const {
     resolve,
@@ -344,6 +354,22 @@ const handleDataTransferFiles = event => {
   const ids = promises.map(promise => add$1(promise));
   return ids;
 };
+const handleClipboardDataFiles = event => {
+  if (!event.clipboardData) {
+    return [];
+  }
+  const files = [];
+  for (const item of event.clipboardData.items) {
+    if (item.kind !== 'file') {
+      continue;
+    }
+    const file = item.getAsFile();
+    if (file) {
+      files.push(file);
+    }
+  }
+  return files;
+};
 const getEventListenerArg = (param, event) => {
   switch (param) {
     case 'event.altKey':
@@ -354,6 +380,8 @@ const getEventListenerArg = (param, event) => {
       return event.clientX;
     case 'event.clientY':
       return event.clientY;
+    case 'event.clipboardData.files':
+      return handleClipboardDataFiles(event);
     case 'event.ctrlKey':
       return event.ctrlKey;
     case 'event.data':
@@ -421,6 +449,7 @@ const getEventListenerArg = (param, event) => {
       return param;
   }
 };
+
 const getEventListenerArgs = (params, event) => {
   const serialized = [];
   for (const param of params) {
@@ -428,6 +457,7 @@ const getEventListenerArgs = (params, event) => {
   }
   return serialized;
 };
+
 const state$8 = {
   ipc: undefined
 };
@@ -437,14 +467,17 @@ const getIpc = () => {
 const setIpc = value => {
   state$8.ipc = value;
 };
+
 const nameAnonymousFunction$1 = (fn, name) => {
   Object.defineProperty(fn, 'name', {
     value: name
   });
 };
+
 const isInputElement = element => {
   return element instanceof HTMLInputElement;
 };
+
 const preventEventsMaybe = (info, event) => {
   if (info.preventDefault === 2) {
     if (!isInputElement(event.target)) {
@@ -457,6 +490,7 @@ const preventEventsMaybe = (info, event) => {
     event.stopPropagation();
   }
 };
+
 const applyPointerTrackMaybe = (info, map, event) => {
   const {
     trackPointerEvents
@@ -500,6 +534,7 @@ const createFn = (info, map) => {
   }
   return fn;
 };
+
 const listeners = Object.create(null);
 const registerEventListeners = (id, eventListeners) => {
   const map = Object.create(null);
@@ -513,64 +548,67 @@ const getEventListenerMap = id => {
   const map = listeners[id];
   return map;
 };
+
 const clearNode = $Node => {
   $Node.textContent = '';
 };
-const Audio$2 = 'audio';
-const Button$2 = 'button';
-const Col$2 = 'col';
-const ColGroup$2 = 'colgroup';
-const Del$2 = 'del';
-const Div$2 = 'div';
-const H1$2 = 'h1';
-const H2$2 = 'h2';
-const H3$2 = 'h3';
-const H4$2 = 'h4';
-const H5$2 = 'h5';
-const H6$2 = 'h6';
-const I$2 = 'i';
-const Img$2 = 'img';
-const Input$2 = 'input';
-const Ins$2 = 'ins';
-const Kbd$2 = 'kbd';
-const Span$2 = 'span';
-const Table$2 = 'table';
-const TBody$2 = 'tbody';
-const Td$2 = 'td';
-const Th$2 = 'th';
-const THead$2 = 'thead';
+
+const Audio$3 = 'audio';
+const Button$1 = 'button';
+const Col$1 = 'col';
+const ColGroup$1 = 'colgroup';
+const Del$1 = 'del';
+const Div$1 = 'div';
+const H1$1 = 'h1';
+const H2$1 = 'h2';
+const H3$1 = 'h3';
+const H4$1 = 'h4';
+const H5$1 = 'h5';
+const H6$1 = 'h6';
+const I$1 = 'i';
+const Img$1 = 'img';
+const Input$1 = 'input';
+const Ins$1 = 'ins';
+const Kbd$1 = 'kbd';
+const Span$1 = 'span';
+const Table$1 = 'table';
+const TBody$1 = 'tbody';
+const Td$1 = 'td';
+const Th$1 = 'th';
+const THead$1 = 'thead';
 const Tr$2 = 'tr';
-const Article$2 = 'article';
-const Aside$2 = 'aside';
-const Footer$2 = 'footer';
-const Header$2 = 'header';
-const Nav$2 = 'nav';
-const Section$2 = 'section';
-const Search$2 = 'search';
-const Dd$2 = 'dd';
+const Article$1 = 'article';
+const Aside$1 = 'aside';
+const Footer$1 = 'footer';
+const Header$1 = 'header';
+const Nav$1 = 'nav';
+const Section$1 = 'section';
+const Search$1 = 'search';
+const Dd$1 = 'dd';
 const Dl$2 = 'dl';
-const Figcaption$2 = 'figcaption';
-const Figure$2 = 'figure';
-const Hr$2 = 'hr';
+const Figcaption$1 = 'figcaption';
+const Figure$1 = 'figure';
+const Hr$1 = 'hr';
 const Li$2 = 'li';
 const Ol$2 = 'ol';
-const P$2 = 'p';
-const Pre$2 = 'pre';
-const A$2 = 'a';
+const P$1 = 'p';
+const Pre$1 = 'pre';
+const A$1 = 'a';
 const Br$2 = 'br';
-const Cite$2 = 'cite';
-const Data$2 = 'data';
-const Time$2 = 'time';
-const Tfoot$2 = 'tfoot';
-const Ul$2 = 'ul';
+const Cite$1 = 'cite';
+const Data$1 = 'data';
+const Time$1 = 'time';
+const Tfoot$1 = 'tfoot';
+const Ul$1 = 'ul';
 const Video$2 = 'video';
-const TextArea$2 = 'textarea';
-const Select$2 = 'select';
-const Option$2 = 'option';
+const TextArea$1 = 'textarea';
+const Select$1 = 'select';
+const Option$1 = 'option';
 const Code$2 = 'code';
-const Label$2 = 'label';
+const Label$1 = 'label';
 const Dt$2 = 'dt';
 const Iframe$1 = 'iframe';
+const Main$1 = 'main';
 const Em$1 = 'em';
 const Strong$1 = 'strong';
 const Style$1 = 'style';
@@ -579,65 +617,78 @@ const Head$1 = 'head';
 const Title$1 = 'title';
 const Meta$1 = 'meta';
 const Canvas$1 = 'canvas';
+const Circle$1 = 'circle';
 const Form$1 = 'form';
-const Quote$1$1 = 'quote';
+const Defs$1 = 'defs';
+const Ellipse$1 = 'ellipse';
+const G$2 = 'g';
+const Line$1 = 'line';
+const Path$1 = 'path';
+const Polygon$1 = 'polygon';
+const Polyline$1 = 'polyline';
+const Quote$3 = 'quote';
 const BlockQuote$1 = 'blockquote';
-const Audio$1$1 = 0;
-const Button$1 = 1;
-const Col$1 = 2;
-const ColGroup$1 = 3;
-const Div$1 = 4;
-const H1$1 = 5;
-const Input$1 = 6;
-const Kbd$1 = 7;
-const Span$1 = 8;
-const Table$1 = 9;
-const TBody$1 = 10;
-const Td$1 = 11;
-const Text$1$1 = 12;
-const Th$1 = 13;
-const THead$1 = 14;
+const Rect$1 = 'rect';
+const Svg$1 = 'svg';
+const Use$1 = 'use';
+
+const Audio$2 = 0;
+const Button = 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;
+const Td = 11;
+const Text$3 = 12;
+const Th = 13;
+const THead = 14;
 const Tr$1 = 15;
-const I$1 = 16;
-const Img$1 = 17;
-const Ins$1 = 20;
-const Del$1 = 21;
-const H2$1 = 22;
-const H3$1 = 23;
-const H4$1 = 24;
-const H5$1 = 25;
-const H6$1 = 26;
-const Article$1 = 27;
-const Aside$1 = 28;
-const Footer$1 = 29;
-const Header$1 = 30;
-const Nav$1 = 40;
-const Section$1 = 41;
-const Search$1 = 42;
-const Dd$1 = 43;
+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 = 42;
+const Dd = 43;
 const Dl$1 = 44;
-const Figcaption$1 = 45;
-const Figure$1 = 46;
-const Hr$1 = 47;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
 const Li$1 = 48;
 const Ol$1 = 49;
-const P$1 = 50;
-const Pre$1 = 51;
-const A$1 = 53;
+const P = 50;
+const Pre = 51;
+const A = 53;
 const Br$1 = 55;
-const Cite$1 = 56;
-const Data$1 = 57;
-const Time$1 = 58;
-const Tfoot$1 = 59;
-const Ul$1 = 60;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
 const Video$1 = 61;
-const TextArea$1 = 62;
-const Select$1 = 63;
-const Option$1 = 64;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
 const Code$1 = 65;
-const Label$1 = 66;
+const Label = 66;
 const Dt$1 = 67;
 const Iframe = 68;
+const Main = 69;
 const Strong = 70;
 const Em = 71;
 const Style = 72;
@@ -649,163 +700,489 @@ const Canvas = 77;
 const Form = 78;
 const BlockQuote = 79;
 const Quote$2 = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G$1 = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
 const Reference$1 = 100;
-const VirtualDomElements$1 = {
+
+const VirtualDomElements = {
   __proto__: null,
+  A,
+  Article,
+  Aside,
+  Audio: Audio$2,
+  BlockQuote,
+  Br: Br$1,
+  Button,
+  Canvas,
+  Circle,
+  Cite,
+  Code: Code$1,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl: Dl$1,
+  Dt: Dt$1,
+  Ellipse,
+  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: Li$1,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol: Ol$1,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote: Quote$2,
+  Rect,
   Reference: Reference$1,
-  Text: Text$1$1};
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text: Text$3,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr: Tr$1,
+  Ul,
+  Use,
+  Video: Video$1
+};
+
+const elementTagMap = {
+  [A]: A$1,
+  [Article]: Article$1,
+  [Aside]: Aside$1,
+  [Audio$2]: Audio$3,
+  [BlockQuote]: BlockQuote$1,
+  [Br$1]: Br$2,
+  [Button]: Button$1,
+  [Canvas]: Canvas$1,
+  [Circle]: Circle$1,
+  [Cite]: Cite$1,
+  [Code$1]: Code$2,
+  [Col]: Col$1,
+  [ColGroup]: ColGroup$1,
+  [Data]: Data$1,
+  [Dd]: Dd$1,
+  [Defs]: Defs$1,
+  [Del]: Del$1,
+  [Div]: Div$1,
+  [Dl$1]: Dl$2,
+  [Dt$1]: Dt$2,
+  [Ellipse]: Ellipse$1,
+  [Em]: Em$1,
+  [Figcaption]: Figcaption$1,
+  [Figure]: Figure$1,
+  [Footer]: Footer$1,
+  [Form]: Form$1,
+  [G$1]: G$2,
+  [H1]: H1$1,
+  [H2]: H2$1,
+  [H3]: H3$1,
+  [H4]: H4$1,
+  [H5]: H5$1,
+  [H6]: H6$1,
+  [Head]: Head$1,
+  [Header]: Header$1,
+  [Hr]: Hr$1,
+  [Html]: Html$1,
+  [I]: I$1,
+  [Iframe]: Iframe$1,
+  [Img]: Img$1,
+  [Input]: Input$1,
+  [Ins]: Ins$1,
+  [Kbd]: Kbd$1,
+  [Label]: Label$1,
+  [Li$1]: Li$2,
+  [Line]: Line$1,
+  [Main]: Main$1,
+  [Meta]: Meta$1,
+  [Nav]: Nav$1,
+  [Ol$1]: Ol$2,
+  [Option]: Option$1,
+  [P]: P$1,
+  [Path]: Path$1,
+  [Polygon]: Polygon$1,
+  [Polyline]: Polyline$1,
+  [Pre]: Pre$1,
+  [Quote$2]: Quote$3,
+  [Rect]: Rect$1,
+  [Search]: Search$1,
+  [Section]: Section$1,
+  [Select]: Select$1,
+  [Span]: Span$1,
+  [Strong]: Strong$1,
+  [Style]: Style$1,
+  [Svg]: Svg$1,
+  [Table]: Table$1,
+  [TBody]: TBody$1,
+  [Td]: Td$1,
+  [TextArea]: TextArea$1,
+  [Tfoot]: Tfoot$1,
+  [Th]: Th$1,
+  [THead]: THead$1,
+  [Time]: Time$1,
+  [Title]: Title$1,
+  [Tr$1]: Tr$2,
+  [Ul]: Ul$1,
+  [Use]: Use$1,
+  [Video$1]: Video$2
+};
 const getElementTag$1 = type => {
-  switch (type) {
-    case A$1:
-      return A$2;
-    case Article$1:
-      return Article$2;
-    case Aside$1:
-      return Aside$2;
-    case Audio$1$1:
-      return Audio$2;
-    case BlockQuote:
-      return BlockQuote$1;
-    case Br$1:
-      return Br$2;
-    case Button$1:
-      return Button$2;
-    case Canvas:
-      return Canvas$1;
-    case Cite$1:
-      return Cite$2;
-    case Code$1:
-      return Code$2;
-    case Col$1:
-      return Col$2;
-    case ColGroup$1:
-      return ColGroup$2;
-    case Data$1:
-      return Data$2;
-    case Dd$1:
-      return Dd$2;
-    case Del$1:
-      return Del$2;
-    case Div$1:
-      return Div$2;
-    case Dl$1:
-      return Dl$2;
-    case Dt$1:
-      return Dt$2;
-    case Em:
-      return Em$1;
-    case Figcaption$1:
-      return Figcaption$2;
-    case Figure$1:
-      return Figure$2;
-    case Footer$1:
-      return Footer$2;
-    case Form:
-      return Form$1;
-    case H1$1:
-      return H1$2;
-    case H2$1:
-      return H2$2;
-    case H3$1:
-      return H3$2;
-    case H4$1:
-      return H4$2;
-    case H5$1:
-      return H5$2;
-    case H6$1:
-      return H6$2;
-    case Head:
-      return Head$1;
-    case Header$1:
-      return Header$2;
-    case Hr$1:
-      return Hr$2;
-    case Html:
-      return Html$1;
-    case I$1:
-      return I$2;
-    case Iframe:
-      return Iframe$1;
-    case Img$1:
-      return Img$2;
-    case Input$1:
-      return Input$2;
-    case Ins$1:
-      return Ins$2;
-    case Kbd$1:
-      return Kbd$2;
-    case Label$1:
-      return Label$2;
-    case Li$1:
-      return Li$2;
-    case Meta:
-      return Meta$1;
-    case Nav$1:
-      return Nav$2;
-    case Ol$1:
-      return Ol$2;
-    case Option$1:
-      return Option$2;
-    case P$1:
-      return P$2;
-    case Pre$1:
-      return Pre$2;
-    case Quote$2:
-      return Quote$1$1;
-    case Search$1:
-      return Search$2;
-    case Section$1:
-      return Section$2;
-    case Select$1:
-      return Select$2;
-    case Span$1:
-      return Span$2;
-    case Strong:
-      return Strong$1;
-    case Style:
-      return Style$1;
-    case Table$1:
-      return Table$2;
-    case TBody$1:
-      return TBody$2;
-    case Td$1:
-      return Td$2;
-    case TextArea$1:
-      return TextArea$2;
-    case Tfoot$1:
-      return Tfoot$2;
-    case Th$1:
-      return Th$2;
-    case THead$1:
-      return THead$2;
-    case Time$1:
-      return Time$2;
-    case Title:
-      return Title$1;
-    case Tr$1:
-      return Tr$2;
-    case Ul$1:
-      return Ul$2;
-    case Video$1:
-      return Video$2;
-    default:
-      throw new Error(`element tag not found ${type}`);
+  const elementTag = elementTagMap[type];
+  if (elementTag) {
+    return elementTag;
   }
+  throw new Error(`element tag not found ${type}`);
 };
+
 const ElementTagMap = {
   __proto__: null,
   getElementTag: getElementTag$1
 };
+
+const Backspace$1 = 'Backspace';
+const Tab$1 = 'Tab';
+const Space$1 = ' ';
+const Space2 = 'Space';
+const Enter$1 = 'Enter';
+const Escape$1 = 'Escape';
+const PageUp$1 = 'PageUp';
+const PageDown$1 = 'PageDown';
+const Home$1 = 'Home';
+const End$1 = 'End';
+const LeftArrow$1 = 'ArrowLeft';
+const RightArrow$1 = 'ArrowRight';
+const UpArrow$1 = 'ArrowUp';
+const DownArrow$1 = 'ArrowDown';
+const Insert$1 = 'Insert';
+const Delete$1 = 'Delete';
+const Digit0$1 = '0';
+const Digit1$1 = '1';
+const Digit2$1 = '2';
+const Digit3$1 = '3';
+const Digit4$1 = '4';
+const Digit5$1 = '5';
+const Digit6$1 = '6';
+const Digit7$1 = '7';
+const Digit8$1 = '8';
+const Digit9$1 = '9';
+const KeyA$1 = 'a';
+const KeyB$1 = 'b';
+const KeyC$1 = 'c';
+const KeyD$1 = 'd';
+const KeyE$1 = 'e';
+const KeyF$1 = 'f';
+const KeyG$1 = 'g';
+const KeyH$1 = 'h';
+const KeyI$1 = 'i';
+const KeyJ$1 = 'j';
+const KeyK$1 = 'k';
+const KeyL$1 = 'l';
+const KeyM$1 = 'm';
+const KeyN$1 = 'n';
+const KeyO$1 = 'o';
+const KeyP$1 = 'p';
+const KeyQ$1 = 'q';
+const KeyR$1 = 'r';
+const KeyS$1 = 's';
+const KeyT$1 = 't';
+const KeyU$1 = 'u';
+const KeyV$1 = 'v';
+const KeyW$1 = 'w';
+const KeyX$1 = 'x';
+const KeyY$1 = 'y';
+const KeyZ$1 = 'z';
+const F1$1 = 'F1';
+const F2$1 = 'F2';
+const F3$1 = 'F3';
+const F4$1 = 'F4';
+const F5$1 = 'F5';
+const F6$1 = 'F6';
+const F7$1 = 'F7';
+const F8$1 = 'F8';
+const F9$1 = 'F9';
+const F10$1 = 'F10';
+const F11$1 = 'F11';
+const F12$1 = 'F12';
+const F13$1 = 'F13';
+const F14$1 = 'F14';
+const F15$1 = 'F15';
+const F16$1 = 'F16';
+const F17$1 = 'F17';
+const F18$1 = 'F18';
+const F19$1 = 'F19';
+const F20$1 = 'F20';
+const F21$1 = 'F21';
+const F22$1 = 'F22';
+const F23$1 = 'F23';
+const F24$1 = 'F24';
+const SemiColon$1 = ';';
+const Equal$1 = '=';
+const Comma$1 = ',';
+const Minus$1 = '-';
+const Period$1 = '.';
+const Slash$1 = '/';
+const Backquote$1 = '`';
+const Backquote2 = 'Backquote';
+const BracketLeft$1 = '[';
+const Backslash$1 = '\\';
+const BracketRight$1 = ']';
+const Quote$1 = `'`;
+const Star$1 = '*';
+const Plus$1 = '+';
+
+const Unknown = 0;
+const Backspace = 1;
+const Tab = 2;
+const Enter = 3;
+const Escape = 8;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+const Insert = 17;
+const Delete = 18;
+const Digit0 = 19;
+const Digit1 = 20;
+const Digit2 = 21;
+const Digit3 = 22;
+const Digit4 = 23;
+const Digit5 = 24;
+const Digit6 = 25;
+const Digit7 = 26;
+const Digit8 = 27;
+const Digit9 = 28;
+const KeyA = 29;
+const KeyB = 30;
+const KeyC = 31;
+const KeyD = 32;
+const KeyE = 33;
+const KeyF = 34;
+const KeyG = 35;
+const KeyH = 36;
+const KeyI = 37;
+const KeyJ = 38;
+const KeyK = 39;
+const KeyL = 40;
+const KeyM = 41;
+const KeyN = 42;
+const KeyO = 43;
+const KeyP = 44;
+const KeyQ = 45;
+const KeyR = 46;
+const KeyS = 47;
+const KeyT = 48;
+const KeyU = 49;
+const KeyV = 50;
+const KeyW = 51;
+const KeyX = 52;
+const KeyY = 53;
+const KeyZ = 54;
+const F1 = 57;
+const F2 = 58;
+const F3 = 59;
+const F4 = 60;
+const F5 = 61;
+const F6 = 62;
+const F7 = 63;
+const F8 = 64;
+const F9 = 65;
+const F10 = 66;
+const F11 = 67;
+const F12 = 68;
+const F13 = 69;
+const F14 = 70;
+const F15 = 71;
+const F16 = 72;
+const F17 = 72;
+const F18 = 74;
+const F19 = 75;
+const F20 = 76;
+const F21 = 77;
+const F22 = 78;
+const F23 = 79;
+const F24 = 80;
+const SemiColon = 83;
+const Equal = 84;
+const Comma = 85;
+const Minus = 86;
+const Period = 87;
+const Slash = 88;
+const Backquote = 89;
+const BracketLeft = 90;
+const Backslash = 91;
+const BracketRight = 92;
+const Quote = 93;
+const Star = 131;
+const Plus = 132;
+
+const keyCodeMap = {
+  [Backquote$1]: Backquote,
+  [Backquote2]: Backquote,
+  [Backslash$1]: Backslash,
+  [Backspace$1]: Backspace,
+  [BracketLeft$1]: BracketLeft,
+  [BracketRight$1]: BracketRight,
+  [Comma$1]: Comma,
+  [Delete$1]: Delete,
+  [Digit0$1]: Digit0,
+  [Digit1$1]: Digit1,
+  [Digit2$1]: Digit2,
+  [Digit3$1]: Digit3,
+  [Digit4$1]: Digit4,
+  [Digit5$1]: Digit5,
+  [Digit6$1]: Digit6,
+  [Digit7$1]: Digit7,
+  [Digit8$1]: Digit8,
+  [Digit9$1]: Digit9,
+  [DownArrow$1]: DownArrow,
+  [End$1]: End,
+  [Enter$1]: Enter,
+  [Equal$1]: Equal,
+  [Escape$1]: Escape,
+  [F1$1]: F1,
+  [F10$1]: F10,
+  [F11$1]: F11,
+  [F12$1]: F12,
+  [F13$1]: F13,
+  [F14$1]: F14,
+  [F15$1]: F15,
+  [F16$1]: F16,
+  [F17$1]: F17,
+  [F18$1]: F18,
+  [F19$1]: F19,
+  [F2$1]: F2,
+  [F20$1]: F20,
+  [F21$1]: F21,
+  [F22$1]: F22,
+  [F23$1]: F23,
+  [F24$1]: F24,
+  [F3$1]: F3,
+  [F4$1]: F4,
+  [F5$1]: F5,
+  [F6$1]: F6,
+  [F7$1]: F7,
+  [F8$1]: F8,
+  [F9$1]: F9,
+  [Home$1]: Home,
+  [Insert$1]: Insert,
+  [KeyA$1]: KeyA,
+  [KeyB$1]: KeyB,
+  [KeyC$1]: KeyC,
+  [KeyD$1]: KeyD,
+  [KeyE$1]: KeyE,
+  [KeyF$1]: KeyF,
+  [KeyG$1]: KeyG,
+  [KeyH$1]: KeyH,
+  [KeyI$1]: KeyI,
+  [KeyJ$1]: KeyJ,
+  [KeyK$1]: KeyK,
+  [KeyL$1]: KeyL,
+  [KeyM$1]: KeyM,
+  [KeyN$1]: KeyN,
+  [KeyO$1]: KeyO,
+  [KeyP$1]: KeyP,
+  [KeyQ$1]: KeyQ,
+  [KeyR$1]: KeyR,
+  [KeyS$1]: KeyS,
+  [KeyT$1]: KeyT,
+  [KeyU$1]: KeyU,
+  [KeyV$1]: KeyV,
+  [KeyW$1]: KeyW,
+  [KeyX$1]: KeyX,
+  [KeyY$1]: KeyY,
+  [KeyZ$1]: KeyZ,
+  [LeftArrow$1]: LeftArrow,
+  [Minus$1]: Minus,
+  [PageDown$1]: PageDown,
+  [PageUp$1]: PageUp,
+  [Period$1]: Period,
+  [Plus$1]: Plus,
+  [Quote$1]: Quote,
+  [RightArrow$1]: RightArrow,
+  [SemiColon$1]: SemiColon,
+  [Slash$1]: Slash,
+  [Space$1]: Space,
+  [Space2]: Space,
+  [Star$1]: Star,
+  [Tab$1]: Tab,
+  [UpArrow$1]: UpArrow
+};
+const getKeyCode = key => {
+  return keyCodeMap[key] || Unknown;
+};
+
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift = 1 << 10 >>> 0;
+const Alt$1 = 1 << 9 >>> 0;
+
 const {
   getElementTag
 } = ElementTagMap;
+
 const instances = Object.create(null);
-const get$1$1 = viewletId => {
+const get$a = viewletId => {
   return instances[viewletId];
 };
-const set$1$1 = (viewletId, instance) => {
+const set$9 = (viewletId, instance) => {
   instances[viewletId] = instance;
 };
+
 const getEventListenerOptions$1 = (eventName, value) => {
   if (value.passive) {
     return {
@@ -826,6 +1203,7 @@ const getEventListenerOptions$1 = (eventName, value) => {
       return undefined;
   }
 };
+
 const cache$1 = new Map();
 const has$1 = listener => {
   return cache$1.has(listener);
@@ -836,6 +1214,7 @@ const set$8 = (listener, value) => {
 const get$9 = listener => {
   return cache$1.get(listener);
 };
+
 const getWrappedListener$1 = (listener, returnValue) => {
   if (!returnValue) {
     return listener;
@@ -856,6 +1235,7 @@ const getWrappedListener$1 = (listener, returnValue) => {
   }
   return get$9(listener);
 };
+
 const attachedListeners = new WeakMap();
 const getOptions = fn => {
   if (fn.passive) {
@@ -903,6 +1283,7 @@ const attachEvent$1 = ($Node, eventMap, key, value, newEventMap) => {
   });
   attachedListeners.set($Node, listenersByEvent);
 };
+
 const STYLE_REGEX = /([^:;]+):\s*([^;]+)/g;
 const KEBAB_CASE_REGEX = /-([a-z])/g;
 const setStyle = ($Element, styleString) => {
@@ -918,6 +1299,7 @@ const setStyle = ($Element, styleString) => {
     $Element.style[camelCaseKey] = value;
   }
 };
+
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
   switch (key) {
     case 'ariaActivedescendant':
@@ -1027,14 +1409,17 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
       }
   }
 };
+
 const setProps = ($Element, props, eventMap, newEventMap) => {
   for (const key in props) {
     setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
+
 const {
   Text: Text$2,
-  Reference} = VirtualDomElements$1;
+  Reference} = VirtualDomElements;
+
 const renderDomTextNode = element => {
   return document.createTextNode(element.text);
 };
@@ -1045,7 +1430,7 @@ const renderDomElement = (element, eventMap, newEventMap) => {
   return $Element;
 };
 const renderReferenceNode = element => {
-  const instance = get$1$1(element.uid);
+  const instance = get$a(element.uid);
   if (!instance || !instance.state) {
     return document.createTextNode('Reference node not found');
   }
@@ -1062,6 +1447,7 @@ const render$1 = (element, eventMap, newEventMap) => {
       return renderDomElement(element, eventMap, newEventMap);
   }
 };
+
 const renderInternal = ($Parent, elements, eventMap, newEventMap) => {
   const max = elements.length - 1;
   let stack = [];
@@ -1077,11 +1463,11 @@ const renderInternal = ($Parent, elements, eventMap, newEventMap) => {
   }
   $Parent.append(...stack);
 };
+
 const renderInto = ($Parent, dom, eventMap = {}) => {
   clearNode($Parent);
   renderInternal($Parent, dom, eventMap);
 };
-
 /**
  *
  * @param {any[]} elements
@@ -1092,6 +1478,7 @@ const render = (elements, eventMap = {}, newEventMap = {}) => {
   renderInternal($Root, elements, eventMap, newEventMap);
   return $Root;
 };
+
 const rememberFocus2 = ($Viewlet, dom, eventMap, uid = 0) => {
   if (uid) {
     const newEventMap = getEventListenerMap(uid);
@@ -1115,7 +1502,6 @@ const propertyToAttribute = {
   ariaOwns: 'aria-owns',
   inputType: 'type'
 };
-
 // Style properties that need to be set on element.style
 const styleProperties = new Set(['width', 'height', 'top', 'left', 'marginTop', 'paddingLeft', 'paddingRight']);
 const removeAttribute = ($Element, key) => {
@@ -1154,6 +1540,7 @@ const replace = ($Element, nodes, eventMap = {}) => {
   $Element.replaceWith($NewNode);
   return $NewNode;
 };
+
 const SetText = 1;
 const Replace = 2;
 const SetAttribute = 3;
@@ -1164,6 +1551,7 @@ const NavigateParent = 8;
 const RemoveChild = 9;
 const NavigateSibling = 10;
 const SetReferenceNodeUid = 11;
+
 const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
   const events = getEventListenerMap(id) || eventMap;
   let $Current = $Element;
@@ -1253,7 +1641,7 @@ const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
         case SetReferenceNodeUid:
           {
             // Get the new reference node instance
-            const instance = get$1$1(patch.uid);
+            const instance = get$a(patch.uid);
             if (!instance || !instance.state) {
               console.error('Cannot set reference node uid: instance not found', {
                 uid: patch.uid
@@ -1281,6 +1669,7 @@ const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
     }
   }
 };
+
 const getActiveElementInside = $Viewlet => {
   if (!$Viewlet) {
     return undefined;
@@ -1294,9 +1683,11 @@ const getActiveElementInside = $Viewlet => {
   }
   return $ActiveElement;
 };
+
 const queryInputs = $Viewlet => {
   return [...$Viewlet.querySelectorAll('input, textarea, select')];
 };
+
 const focusElement = $Element => {
   $Element.focus({
     preventScroll: true
@@ -3238,7 +3629,7 @@ const create2 = async (canvasId, objectId, width, height) => {
   }
   const offscreenCanvas = canvas.transferControlToOffscreen();
   canvas.dataset.id = canvasId;
-  set$1$1(canvasId, {
+  set$9(canvasId, {
     factory: {},
     state: {
       $Viewlet: canvas
@@ -3686,12 +4077,11 @@ const hide = (restoreFocus = true) => {
   }
 };
 
-const openUrl = (url, useRedirect = false) => {
-  if (useRedirect) {
-    window.location.href = url;
-  } else {
-    window.open(url);
-  }
+const openUrl = url => {
+  window.open(url);
+};
+const redirectToUrl = url => {
+  window.location.href = url;
 };
 
 const isElectronUserAgentSpecificMemoryError = error => {
@@ -4001,7 +4391,6 @@ const performAction2 = async (locator, fnName, options) => {
     throw new Error(`element not found`);
   }
   fn(element, options);
-  return;
 };
 
 const toHaveText$1 = locator => {
@@ -4246,13 +4635,35 @@ const create$Overlay = () => {
   $TestOverlay.style.contain = 'strict';
   $TestOverlay.style.userSelect = 'text';
   $TestOverlay.style.color = 'black';
+  $TestOverlay.style.display = 'flex';
+  $TestOverlay.style.gap = '10px';
   return $TestOverlay;
 };
-const showOverlay = (state, background, text) => {
+const createAction = action => {
+  const $action = document.createElement('button');
+  $action.textContent = action.label;
+  $action.style.flexShrink = '0';
+  $action.style.background = 'dodgerblue';
+  $action.style.paddingLeft = '6px';
+  $action.style.paddingRight = '6px';
+  $action.style.color = 'white';
+  $action.style.border = 'none';
+  $action.style.borderRadius = '5px';
+  $action.addEventListener('click', () => {
+    send(action.command);
+  });
+  return $action;
+};
+const showOverlay = (state, background, text, actions = []) => {
   const $TestOverlay = create$Overlay();
   $TestOverlay.dataset.state = state;
   $TestOverlay.style.background = background;
-  $TestOverlay.textContent = text;
+  const span = document.createElement('span');
+  span.style.flex = '1';
+  span.style.overflow = 'hidden';
+  span.textContent = text;
+  const $actions = actions.map(createAction);
+  $TestOverlay.append(span, ...$actions);
   document.body.append($TestOverlay);
 };
 const performAction = async (locator, fnName, options) => {
@@ -4264,10 +4675,7 @@ const performAction = async (locator, fnName, options) => {
   if (!element) {
     throw new Error(`element not found`);
   }
-  if (element) {
-    fn(element, options);
-    return;
-  }
+  fn(element, options);
 };
 const performKeyBoardAction = (fnName, options) => {
   const fn = KeyBoardActions[fnName];
@@ -4344,11 +4752,12 @@ const transferToWebView = objectId => {
   // TODO allow specifying transfer origin from renderer worker
   // TODO allow specifing method from renderer worker
   const port = acquire(objectId);
+  const targetOrigin = new URL($Iframe.src || location.href, location.href).origin;
   contentWindow.postMessage({
     jsonrpc: '2.0',
     method: 'handlePort',
     params: [port]
-  }, '*', [port]);
+  }, targetOrigin, [port]);
 };
 
 const attachEvents$6 = ($Node, eventMap) => {
@@ -5964,14 +6373,14 @@ const detachEvent = ($Node, key, listener) => {
 
 const None = 0;
 const Ctrl = 1;
-const Alt$1 = 2;
+const Alt = 2;
 
 const getModifierKey = event => {
   if (event.ctrlKey) {
     return Ctrl;
   }
   if (event.altKey) {
-    return Alt$1;
+    return Alt;
   }
   return None;
 };
@@ -6899,376 +7308,6 @@ const getSashId = $Target => {
   return '';
 };
 
-const Backspace$1 = 'Backspace';
-const Tab$1 = 'Tab';
-const Space$1 = ' ';
-const Space2 = 'Space';
-const Enter$1 = 'Enter';
-const Escape$1 = 'Escape';
-const PageUp$1 = 'PageUp';
-const PageDown$1 = 'PageDown';
-const Home$1 = 'Home';
-const End$1 = 'End';
-const LeftArrow$1 = 'ArrowLeft';
-const RightArrow$1 = 'ArrowRight';
-const UpArrow$1 = 'ArrowUp';
-const DownArrow$1 = 'ArrowDown';
-const Insert$1 = 'Insert';
-const Delete$1 = 'Delete';
-const Digit0$1 = '0';
-const Digit1$1 = '1';
-const Digit2$1 = '2';
-const Digit3$1 = '3';
-const Digit4$1 = '4';
-const Digit5$1 = '5';
-const Digit6$1 = '6';
-const Digit7$1 = '7';
-const Digit8$1 = '8';
-const Digit9$1 = '9';
-const KeyA$1 = 'a';
-const KeyB$1 = 'b';
-const KeyC$1 = 'c';
-const KeyD$1 = 'd';
-const KeyE$1 = 'e';
-const KeyF$1 = 'f';
-const KeyG$1 = 'g';
-const KeyH$1 = 'h';
-const KeyI$1 = 'i';
-const KeyJ$1 = 'j';
-const KeyK$1 = 'k';
-const KeyL$1 = 'l';
-const KeyM$1 = 'm';
-const KeyN$1 = 'n';
-const KeyO$1 = 'o';
-const KeyP$1 = 'p';
-const KeyQ$1 = 'q';
-const KeyR$1 = 'r';
-const KeyS$1 = 's';
-const KeyT$1 = 't';
-const KeyU$1 = 'u';
-const KeyV$1 = 'v';
-const KeyW$1 = 'w';
-const KeyX$1 = 'x';
-const KeyY$1 = 'y';
-const KeyZ$1 = 'z';
-const F1$1 = 'F1';
-const F2$1 = 'F2';
-const F3$1 = 'F3';
-const F4$1 = 'F4';
-const F5$1 = 'F5';
-const F6$1 = 'F6';
-const F7$1 = 'F7';
-const F8$1 = 'F8';
-const F9$1 = 'F9';
-const F10$1 = 'F10';
-const F11$1 = 'F11';
-const F12$1 = 'F12';
-const F13$1 = 'F13';
-const F14$1 = 'F14';
-const F15$1 = 'F15';
-const F16$1 = 'F16';
-const F17$1 = 'F17';
-const F18$1 = 'F18';
-const F19$1 = 'F19';
-const F20$1 = 'F20';
-const F21$1 = 'F21';
-const F22$1 = 'F22';
-const F23$1 = 'F23';
-const F24$1 = 'F24';
-const SemiColon$1 = ';';
-const Equal$1 = '=';
-const Comma$1 = ',';
-const Minus$1 = '-';
-const Period$1 = '.';
-const Slash$1 = '/';
-const Backquote$1 = '`';
-const Backquote2 = 'Backquote';
-const BracketLeft$1 = '[';
-const Backslash$1 = '\\';
-const BracketRight$1 = ']';
-const Quote$1 = `'`;
-const Star$1 = '*';
-const Plus$1 = '+';
-
-const Unknown = 0;
-const Backspace = 1;
-const Tab = 2;
-const Enter = 3;
-const Escape = 8;
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-const Insert = 17;
-const Delete = 18;
-const Digit0 = 19;
-const Digit1 = 20;
-const Digit2 = 21;
-const Digit3 = 22;
-const Digit4 = 23;
-const Digit5 = 24;
-const Digit6 = 25;
-const Digit7 = 26;
-const Digit8 = 27;
-const Digit9 = 28;
-const KeyA = 29;
-const KeyB = 30;
-const KeyC = 31;
-const KeyD = 32;
-const KeyE = 33;
-const KeyF = 34;
-const KeyG = 35;
-const KeyH = 36;
-const KeyI = 37;
-const KeyJ = 38;
-const KeyK = 39;
-const KeyL = 40;
-const KeyM = 41;
-const KeyN = 42;
-const KeyO = 43;
-const KeyP = 44;
-const KeyQ = 45;
-const KeyR = 46;
-const KeyS = 47;
-const KeyT = 48;
-const KeyU = 49;
-const KeyV = 50;
-const KeyW = 51;
-const KeyX = 52;
-const KeyY = 53;
-const KeyZ = 54;
-const F1 = 57;
-const F2 = 58;
-const F3 = 59;
-const F4 = 60;
-const F5 = 61;
-const F6 = 62;
-const F7 = 63;
-const F8 = 64;
-const F9 = 65;
-const F10 = 66;
-const F11 = 67;
-const F12 = 68;
-const F13 = 69;
-const F14 = 70;
-const F15 = 71;
-const F16 = 72;
-const F17 = 72;
-const F18 = 74;
-const F19 = 75;
-const F20 = 76;
-const F21 = 77;
-const F22 = 78;
-const F23 = 79;
-const F24 = 80;
-const SemiColon = 83;
-const Equal = 84;
-const Comma = 85;
-const Minus = 86;
-const Period = 87;
-const Slash = 88;
-const Backquote = 89;
-const BracketLeft = 90;
-const Backslash = 91;
-const BracketRight = 92;
-const Quote = 93;
-const Star = 131;
-const Plus = 132;
-
-const getKeyCode = key => {
-  switch (key) {
-    case Backquote$1:
-    case Backquote2:
-      return Backquote;
-    case Backslash$1:
-      return Backslash;
-    case Backspace$1:
-      return Backspace;
-    case BracketLeft$1:
-      return BracketLeft;
-    case BracketRight$1:
-      return BracketRight;
-    case Comma$1:
-      return Comma;
-    case Delete$1:
-      return Delete;
-    case Digit0$1:
-      return Digit0;
-    case Digit1$1:
-      return Digit1;
-    case Digit2$1:
-      return Digit2;
-    case Digit3$1:
-      return Digit3;
-    case Digit4$1:
-      return Digit4;
-    case Digit5$1:
-      return Digit5;
-    case Digit6$1:
-      return Digit6;
-    case Digit7$1:
-      return Digit7;
-    case Digit8$1:
-      return Digit8;
-    case Digit9$1:
-      return Digit9;
-    case DownArrow$1:
-      return DownArrow;
-    case End$1:
-      return End;
-    case Enter$1:
-      return Enter;
-    case Equal$1:
-      return Equal;
-    case Escape$1:
-      return Escape;
-    case F1$1:
-      return F1;
-    case F10$1:
-      return F10;
-    case F11$1:
-      return F11;
-    case F12$1:
-      return F12;
-    case F13$1:
-      return F13;
-    case F14$1:
-      return F14;
-    case F15$1:
-      return F15;
-    case F16$1:
-      return F16;
-    case F17$1:
-      return F17;
-    case F18$1:
-      return F18;
-    case F19$1:
-      return F19;
-    case F2$1:
-      return F2;
-    case F20$1:
-      return F20;
-    case F21$1:
-      return F21;
-    case F22$1:
-      return F22;
-    case F23$1:
-      return F23;
-    case F24$1:
-      return F24;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case F7$1:
-      return F7;
-    case F8$1:
-      return F8;
-    case F9$1:
-      return F9;
-    case Home$1:
-      return Home;
-    case Insert$1:
-      return Insert;
-    case KeyA$1:
-      return KeyA;
-    case KeyB$1:
-      return KeyB;
-    case KeyC$1:
-      return KeyC;
-    case KeyD$1:
-      return KeyD;
-    case KeyE$1:
-      return KeyE;
-    case KeyF$1:
-      return KeyF;
-    case KeyG$1:
-      return KeyG;
-    case KeyH$1:
-      return KeyH;
-    case KeyI$1:
-      return KeyI;
-    case KeyJ$1:
-      return KeyJ;
-    case KeyK$1:
-      return KeyK;
-    case KeyL$1:
-      return KeyL;
-    case KeyM$1:
-      return KeyM;
-    case KeyN$1:
-      return KeyN;
-    case KeyO$1:
-      return KeyO;
-    case KeyP$1:
-      return KeyP;
-    case KeyQ$1:
-      return KeyQ;
-    case KeyR$1:
-      return KeyR;
-    case KeyS$1:
-      return KeyS;
-    case KeyT$1:
-      return KeyT;
-    case KeyU$1:
-      return KeyU;
-    case KeyV$1:
-      return KeyV;
-    case KeyW$1:
-      return KeyW;
-    case KeyX$1:
-      return KeyX;
-    case KeyY$1:
-      return KeyY;
-    case KeyZ$1:
-      return KeyZ;
-    case LeftArrow$1:
-      return LeftArrow;
-    case Minus$1:
-      return Minus;
-    case PageDown$1:
-      return PageDown;
-    case PageUp$1:
-      return PageUp;
-    case Period$1:
-      return Period;
-    case Plus$1:
-      return Plus;
-    case Quote$1:
-      return Quote;
-    case RightArrow$1:
-      return RightArrow;
-    case SemiColon$1:
-      return SemiColon;
-    case Slash$1:
-      return Slash;
-    case Space$1:
-    case Space2:
-      return Space;
-    case Star$1:
-      return Star;
-    case Tab$1:
-      return Tab;
-    case UpArrow$1:
-      return UpArrow;
-    default:
-      return Unknown;
-  }
-};
-
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
-const Alt = 1 << 9 >>> 0;
-
 const normalizeKey = (key, code) => {
   if (key.length === 1) {
     return key.toLowerCase();
@@ -7289,7 +7328,7 @@ const getKeyBindingIdentifier = event => {
   } = event;
   const modifierControl = ctrlKey ? CtrlCmd : 0;
   const modifierShift = shiftKey ? Shift : 0;
-  const modifierAlt = altKey ? Alt : 0;
+  const modifierAlt = altKey ? Alt$1 : 0;
   const normalizedKey = normalizeKey(key, code);
   const keyCode = getKeyCode(normalizedKey);
   const identifier = modifierControl | modifierShift | modifierAlt | keyCode;
@@ -7706,7 +7745,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
   const {
     $PanelActions
   } = state;
-  const instance = get$1$1(childUid);
+  const instance = get$a(childUid);
   if (!instance) {
     throw new Error(`child instance not found`);
   }
@@ -8403,6 +8442,69 @@ const create$Menu = () => {
   // $ContextMenu.onblur = handleBlur
   return $Menu;
 };
+const addMenu = ($$Menus, change, uid) => {
+  const menu = change[1];
+  const dom = change[2];
+  const $Menu = create$Menu();
+  set$3($Menu, uid);
+  $Menu.onmouseover = handleMenuMouseOver;
+  $Menu.onclick = handleMenuClick;
+  const {
+    focusedIndex,
+    height,
+    level,
+    width,
+    x,
+    y
+  } = menu;
+  setBounds$a($Menu, x, y, width, height);
+  renderInto($Menu, dom);
+  $Menu.id = `Menu-${level}`;
+  append$1($Menu);
+  if (focusedIndex !== -1) {
+    const $Child = $Menu.children[focusedIndex];
+    // @ts-expect-error
+    $Child.focus();
+  }
+  $$Menus.push($Menu);
+};
+const closeMenus = ($$Menus, change) => {
+  const keepCount = change[1];
+  const $$ToDispose = $$Menus.slice(keepCount);
+  for (const $ToDispose of $$ToDispose) {
+    remove$1($ToDispose);
+  }
+  $$Menus.length = keepCount;
+};
+const updateMenu = ($$Menus, change) => {
+  const menu = change[1];
+  const newLength = change[2];
+  const dom = change[3];
+  const {
+    focusedIndex,
+    height,
+    level,
+    width,
+    x,
+    y
+  } = menu;
+  const $Menu = $$Menus[level];
+  setBounds$a($Menu, x, y, width, height);
+  renderInto($Menu, dom);
+  if (level === newLength - 1) {
+    if (focusedIndex === -1) {
+      $Menu.focus();
+    } else {
+      const $Child = $Menu.children[focusedIndex];
+      $Child.focus();
+    }
+  }
+};
+const menuHandlers = {
+  addMenu,
+  closeMenus,
+  updateMenu
+};
 
 // TODO recycle menus
 const setMenus = (state, changes, uid) => {
@@ -8414,72 +8516,9 @@ const setMenus = (state, changes, uid) => {
   } = state;
   for (const change of changes) {
     const type = change[0];
-    switch (type) {
-      case 'addMenu':
-        {
-          const menu = change[1];
-          const dom = change[2];
-          const $Menu = create$Menu();
-          set$3($Menu, uid);
-          $Menu.onmouseover = handleMenuMouseOver;
-          $Menu.onclick = handleMenuClick;
-          const {
-            focusedIndex,
-            height,
-            level,
-            width,
-            x,
-            y
-          } = menu;
-          setBounds$a($Menu, x, y, width, height);
-          renderInto($Menu, dom);
-          $Menu.id = `Menu-${level}`;
-          append$1($Menu);
-          if (focusedIndex !== -1) {
-            const $Child = $Menu.children[focusedIndex];
-            // @ts-expect-error
-            $Child.focus();
-          }
-          $$Menus.push($Menu);
-          break;
-        }
-      case 'closeMenus':
-        {
-          const keepCount = change[1];
-          const $$ToDispose = $$Menus.slice(keepCount);
-          for (const $ToDispose of $$ToDispose) {
-            remove$1($ToDispose);
-          }
-          $$Menus.length = keepCount;
-          break;
-        }
-      case 'updateMenu':
-        {
-          const menu = change[1];
-          const newLength = change[2];
-          const dom = change[3];
-          const {
-            focusedIndex,
-            height,
-            level,
-            width,
-            x,
-            y
-          } = menu;
-          const $Menu = $$Menus[level];
-          setBounds$a($Menu, x, y, width, height);
-          renderInto($Menu, dom);
-          if (level === newLength - 1) {
-            if (focusedIndex === -1) {
-              $Menu.focus();
-            } else {
-              const $Child = $Menu.children[focusedIndex];
-              $Child.focus();
-            }
-          }
-          break;
-        }
-      // No default
+    const handler = menuHandlers[type];
+    if (handler) {
+      handler($$Menus, change, uid);
     }
   }
 };
@@ -8711,111 +8750,64 @@ const ViewletWebView = {
   setPosition
 };
 
+const moduleLoaders = {
+  [ActivityBar]: () => ViewletActivityBar,
+  [Audio$1]: () => ViewletAudio,
+  [Clock]: () => ViewletClock,
+  [ColorPicker]: () => ViewletColorPicker,
+  [DebugConsole]: () => ViewletDebugConsole,
+  [DefineKeyBinding]: () => ViewletDefineKeyBinding,
+  [Dialog]: () => ViewletDialog,
+  [DiffEditor]: () => ViewletDiffEditor,
+  [E2eTest]: () => ViewletE2eTest,
+  [E2eTests]: () => ViewletE2eTests,
+  [EditorCodeGenerator]: () => ViewletEditorCodeGenerator,
+  [EditorCompletion]: () => ViewletEditorCompletion,
+  [EditorCompletionDetails]: () => ViewletEditorCompletionDetails,
+  [EditorError]: () => ViewletEditorError,
+  [EditorHover]: () => ViewletEditorHover,
+  [EditorImage]: () => ViewletEditorImage,
+  [EditorPlainText]: () => ViewletEditorPlainText,
+  [EditorSourceActions]: () => ViewletEditorSourceActions,
+  [EditorText]: () => ViewletEditorText,
+  [EditorTextError]: () => ViewletEditorTextError,
+  [EditorWidgetError]: () => ViewletEditorWidgetError,
+  [Empty]: () => ViewletEmpty,
+  [EmptyEditor]: () => ViewletEmptyEditor,
+  [Error$1]: () => ViewletError,
+  [FindWidget]: () => ViewletFindWidget,
+  [ImagePreview]: () => ImagePreview$1,
+  [Implementations]: () => ViewletImplementations,
+  [InlineDiffEditor]: () => ViewletInlineDiffEditor,
+  [KeyBindings]: () => ViewletKeyBindings,
+  [Layout]: () => ViewletLayout,
+  [Output]: () => ViewletOutput,
+  [Panel]: () => ViewletPanel,
+  [References]: () => ViewletReferences,
+  [RunAndDebug]: () => ViewletRunAndDebug,
+  [ScreenCapture]: () => ViewletScreenCapture,
+  [SideBar]: () => ViewletSideBar,
+  [SimpleBrowser]: () => ViewletSimpleBrowser,
+  [SourceControl]: () => ViewletSourceControl,
+  [StatusBar]: () => ViewletStatusBar,
+  [Storage]: () => ViewletStorage,
+  [Terminal]: () => Promise.resolve().then(function () { return ViewletTerminal; }),
+  [Terminal2]: () => Promise.resolve().then(function () { return ViewletTerminal2; }),
+  [Terminals]: () => ViewletTerminals,
+  [TitleBar]: () => ViewletTitleBar,
+  [TitleBarButtons]: () => ViewletTitleBarButtons,
+  [TitleBarIcon]: () => ViewletTitleBarIcon,
+  [TitleBarMenuBar]: () => ViewletTitleBarMenuBar,
+  [TitleBarTitle]: () => ViewletTitleBarTitle,
+  [Video]: () => ViewletVideo,
+  [WebView]: () => ViewletWebView
+};
 const load$1 = moduleId => {
-  switch (moduleId) {
-    case ActivityBar:
-      return ViewletActivityBar;
-    case Audio$1:
-      return ViewletAudio;
-    case Clock:
-      return ViewletClock;
-    case ColorPicker:
-      return ViewletColorPicker;
-    case DebugConsole:
-      return ViewletDebugConsole;
-    case DefineKeyBinding:
-      return ViewletDefineKeyBinding;
-    case Dialog:
-      return ViewletDialog;
-    case DiffEditor:
-      return ViewletDiffEditor;
-    case E2eTest:
-      return ViewletE2eTest;
-    case E2eTests:
-      return ViewletE2eTests;
-    case EditorCodeGenerator:
-      return ViewletEditorCodeGenerator;
-    case EditorCompletion:
-      return ViewletEditorCompletion;
-    case EditorCompletionDetails:
-      return ViewletEditorCompletionDetails;
-    case EditorError:
-      return ViewletEditorError;
-    case EditorHover:
-      return ViewletEditorHover;
-    case EditorImage:
-      return ViewletEditorImage;
-    case EditorPlainText:
-      return ViewletEditorPlainText;
-    case EditorSourceActions:
-      return ViewletEditorSourceActions;
-    case EditorText:
-      return ViewletEditorText;
-    case EditorTextError:
-      return ViewletEditorTextError;
-    case EditorWidgetError:
-      return ViewletEditorWidgetError;
-    case Empty:
-      return ViewletEmpty;
-    case EmptyEditor:
-      return ViewletEmptyEditor;
-    case Error$1:
-      return ViewletError;
-    case FindWidget:
-      return ViewletFindWidget;
-    case ImagePreview:
-      return ImagePreview$1;
-    case Implementations:
-      return ViewletImplementations;
-    case InlineDiffEditor:
-      return ViewletInlineDiffEditor;
-    case KeyBindings:
-      return ViewletKeyBindings;
-    case Layout:
-      return ViewletLayout;
-    case Output:
-      return ViewletOutput;
-    case Panel:
-      return ViewletPanel;
-    case References:
-      return ViewletReferences;
-    case RunAndDebug:
-      return ViewletRunAndDebug;
-    case ScreenCapture:
-      return ViewletScreenCapture;
-    case SideBar:
-      return ViewletSideBar;
-    case SimpleBrowser:
-      return ViewletSimpleBrowser;
-    case SourceControl:
-      return ViewletSourceControl;
-    case StatusBar:
-      return ViewletStatusBar;
-    case Storage:
-      return ViewletStorage;
-    case Terminal:
-      return Promise.resolve().then(function () { return ViewletTerminal; });
-    case Terminal2:
-      return Promise.resolve().then(function () { return ViewletTerminal2; });
-    case Terminals:
-      return ViewletTerminals;
-    case TitleBar:
-      return ViewletTitleBar;
-    case TitleBarButtons:
-      return ViewletTitleBarButtons;
-    case TitleBarIcon:
-      return ViewletTitleBarIcon;
-    case TitleBarMenuBar:
-      return ViewletTitleBarMenuBar;
-    case TitleBarTitle:
-      return ViewletTitleBarTitle;
-    case Video:
-      return ViewletVideo;
-    case WebView:
-      return ViewletWebView;
-    default:
-      throw new Error(`${moduleId} module not found in renderer process`);
+  const loadModule = moduleLoaders[moduleId];
+  if (!loadModule) {
+    throw new Error(`${moduleId} module not found in renderer process`);
   }
+  return loadModule();
 };
 
 const state$1 = {
@@ -8829,7 +8821,7 @@ const create$4 = (id, uid = id) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$1$1(id);
+  const existing = get$a(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
@@ -8838,7 +8830,7 @@ const create$4 = (id, uid = id) => {
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
-  set$1$1(uid, {
+  set$9(uid, {
     factory: module,
     state: instanceState
   });
@@ -8851,14 +8843,14 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$1$1(id);
+  const existing = get$a(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  set$1$1(uid, {
+  set$9(uid, {
     factory: module,
     state: instanceState
   });
@@ -8881,7 +8873,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8899,7 +8891,7 @@ const focus$1 = viewletId => {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -8915,7 +8907,7 @@ const focusElementByName = (viewletId, name) => {
     // eslint-disable-next-line no-console
     console.trace(`focusByName ${viewletId} ${name}`);
   }
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -8930,7 +8922,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -8959,7 +8951,7 @@ const setCheckBoxValue = (viewletId, name, value) => {
 };
 const setSelectionByName = (viewletId, name, start, end) => {
   const selector = `[name="${name}"]`;
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -8974,7 +8966,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -8984,7 +8976,7 @@ const setUid = (viewletId, uid) => {
   set$3($Viewlet, uid);
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -9002,7 +8994,7 @@ const focusSelector = (viewletId, selector) => {
  * @deprecated
  */
 const refresh$1 = (viewletId, viewletContext) => {
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -9021,10 +9013,10 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
-  const parentInstance = get$1$1(parentId);
+  const parentInstance = get$a(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($PlaceHolder);
-  set$1$1(viewletId, {
+  set$9(viewletId, {
     state: {
       $Viewlet: $PlaceHolder
     }
@@ -9034,7 +9026,7 @@ const setDragData = (viewletId, dragData) => {
   set$2(viewletId, dragData);
 };
 const setDom = (viewletId, dom) => {
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -9047,7 +9039,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = get$1$1(viewletId);
+  const instance = get$a(viewletId);
   if (!instance) {
     return;
   }
@@ -9069,7 +9061,7 @@ const setDom2 = (viewletId, dom) => {
     // @ts-ignore
     set$3($NewViewlet, uid);
   }
-  set$1$1(viewletId, {
+  set$9(viewletId, {
     ...instance,
     state: {
       ...instance.state,
@@ -9078,7 +9070,7 @@ const setDom2 = (viewletId, dom) => {
   });
 };
 const setPatches = (uid, patches) => {
-  const instance = get$1$1(uid);
+  const instance = get$a(uid);
   if (!instance) {
     return;
   }
@@ -9137,167 +9129,12 @@ const attachWindowEvents = () => {
 
 // TODO this code is bad
 const sendMultiple = commands => {
-  for (const command of commands) {
-    const [_, viewletId, method, ...args] = command;
-    switch (_) {
-      case 'Css.addCssStyleSheet':
-      case 'Viewlet.addCss':
-      case 'Viewlet.setCss':
-        // @ts-ignore
-        addCssStyleSheet(viewletId, method, ...args);
-        break;
-      case 'Viewlet.addKeyBindings':
-        addKeyBindings(viewletId, method);
-        break;
-      case 'Viewlet.append':
-        {
-          // @ts-expect-error
-          append(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.appendToBody':
-        {
-          // @ts-expect-error
-          appendToBody(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.appendViewlet':
-        {
-          // @ts-expect-error
-          appendViewlet(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.ariaAnnounce':
-        {
-          ariaAnnounce(viewletId);
-          break;
-        }
-      case 'Viewlet.attachWindowEvents':
-        // @ts-ignore
-        attachWindowEvents(viewletId, method, ...args);
-        break;
-      case 'Viewlet.create':
-        {
-          create$4(viewletId, method);
-          break;
-        }
-      case 'Viewlet.createFunctionalRoot':
-        {
-          // @ts-ignore
-          createFunctionalRoot(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.createPlaceholder':
-        {
-          // @ts-expect-error
-          createPlaceholder(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.dispose':
-        {
-          dispose$3(viewletId);
-          break;
-        }
-      case 'Viewlet.focus':
-        {
-          focus$1(viewletId);
-          break;
-        }
-      case 'Viewlet.focusElementByName':
-        // @ts-ignore
-        focusElementByName(viewletId, method, ...args);
-        break;
-      case 'Viewlet.focusSelector':
-        // @ts-ignore
-        focusSelector(viewletId, method, ...args);
-        break;
-      case 'Viewlet.focusSelector':
-        // @ts-ignore
-        focusSelector(viewletId, method, ...args);
-        break;
-      case 'Viewlet.handleError':
-        {
-          // @ts-expect-error
-          handleError$1(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.move':
-        // @ts-ignore
-        move(viewletId, method, ...args);
-        break;
-      case 'Viewlet.registerEventListeners':
-        // @ts-ignore
-        registerEventListeners(viewletId, method, ...args);
-        break;
-      case 'Viewlet.removeKeyBindings':
-        removeKeyBindings(viewletId);
-        break;
-      case 'Viewlet.replaceChildren':
-        // @ts-ignore
-        replaceChildren(viewletId, method, ...args);
-        break;
-      case 'Viewlet.send':
-        invoke(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setBounds':
-        {
-          // @ts-expect-error
-          setBounds$1(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.setCheckBoxValue':
-        // @ts-ignore
-        setCheckBoxValue(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setDom':
-        // @ts-expect-error
-        setDom(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setDom2':
-        // @ts-ignore
-        setDom2(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setDragData':
-        // @ts-ignore
-        setDragData(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setInputValues':
-        // @ts-ignore
-        setInputValues(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setPatches':
-        {
-          // @ts-ignore
-          setPatches(viewletId, method, ...args);
-          break;
-        }
-      case 'Viewlet.setProperty':
-        // @ts-ignore
-        setProperty(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setSelectionByName':
-        // @ts-ignore
-        setSelectionByName(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setUid':
-        // @ts-ignore
-        setUid(viewletId, method, ...args);
-        break;
-      case 'Viewlet.setValueByName':
-        // @ts-ignore
-        setValueByName(viewletId, method, ...args);
-        break;
-      default:
-        {
-          invoke(viewletId, method, ...args);
-        }
-    }
-  }
+  executeCommands(commands);
 };
 const dispose$3 = id => {
   try {
     number(id);
-    const instance = get$1$1(id);
+    const instance = get$a(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9308,14 +9145,14 @@ const dispose$3 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
-    set$1$1(id, undefined);
+    set$9(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
   }
 };
 const handleError$1 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = get$1$1(id);
+  const instance = get$a(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9327,7 +9164,7 @@ const handleError$1 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = `${message}`;
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = get$1$1(parentId);
+  const parentInstance = get$a(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9341,9 +9178,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = get$1$1(parentId); // TODO must ensure that parent is already created
+  const parentInstanceState = get$a(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = get$1$1(childId);
+  const childInstance = get$a(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9359,49 +9196,70 @@ const ariaAnnounce = async message => {
   const AriaAlert$1 = await Promise.resolve().then(function () { return AriaAlert; });
   AriaAlert$1.alert(message);
 };
+const prependChild = ($Parent, $Child) => {
+  $Parent.prepend($Child);
+  return true;
+};
+const appendAfterPreviousReference = (referenceNodes, childIndex, $Child) => {
+  for (let i = childIndex - 1; i >= 0; i--) {
+    const beforeId = referenceNodes[i];
+    const beforeInstance = get$a(beforeId);
+    if (beforeInstance) {
+      const $ReferenceNode = beforeInstance.state.$Viewlet;
+      $ReferenceNode.after($Child);
+      return true;
+    }
+  }
+  return false;
+};
+const appendBeforeNextReference = (referenceNodes, childIndex, $Child) => {
+  for (let i = childIndex + 1; i < referenceNodes.length; i++) {
+    const afterId = referenceNodes[i];
+    const afterInstance = get$a(afterId);
+    if (afterInstance) {
+      const $ReferenceNode = afterInstance.state.$Viewlet;
+      $ReferenceNode.before($Child);
+      return true;
+    }
+  }
+  return false;
+};
+const appendWithReferenceNodes = ($Parent, $Child, childId, referenceNodes) => {
+  if (childId === referenceNodes[0]) {
+    return prependChild($Parent, $Child);
+  }
+  const childIndex = referenceNodes.indexOf(childId);
+  if (childIndex === -1) {
+    $Parent.append($Child);
+    return false;
+  }
+  if (appendAfterPreviousReference(referenceNodes, childIndex, $Child)) {
+    return true;
+  }
+  if (appendBeforeNextReference(referenceNodes, childIndex, $Child)) {
+    return true;
+  }
+  $Parent.append($Child);
+  return false;
+};
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = get$1$1(parentId);
+  const parentInstance = get$a(parentId);
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = get$1$1(childId);
+  const childInstance = get$a(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
   const $Child = childInstance.state.$Viewlet;
   if (referenceNodes) {
     // TODO this might be too inefficient
-    if (childId === referenceNodes[0]) {
-      $Parent.prepend($Child);
+    if (appendWithReferenceNodes($Parent, $Child, childId, referenceNodes)) {
       return;
     }
-    for (let i = 0; i < referenceNodes.length; i++) {
-      const id = referenceNodes[i];
-      if (id === childId) {
-        for (let j = i - 1; j >= 0; j--) {
-          const beforeId = referenceNodes[j];
-          const beforeInstance = get$1$1(beforeId);
-          if (beforeInstance) {
-            const $ReferenceNode = beforeInstance.state.$Viewlet;
-            $ReferenceNode.after($Child);
-            return;
-          }
-        }
-        for (let j = i + 1; j < referenceNodes.length; j++) {
-          const afterId = referenceNodes[j];
-          const afterInstance = get$1$1(afterId);
-          if (afterInstance) {
-            const $ReferenceNode = afterInstance.state.$Viewlet;
-            $ReferenceNode.before($Child);
-            return;
-          }
-        }
-      }
-    }
-    $Parent.append($Child);
   } else {
     $Parent.append($Child);
   }
@@ -9410,11 +9268,11 @@ const append = (parentId, childId, referenceNodes) => {
   }
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = get$1$1(parentId);
+  const parentInstance = get$a(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = get$1$1(childId);
+    const childInstance = get$a(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9422,72 +9280,10 @@ const replaceChildren = (parentId, childIds) => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = get$1$1(childId);
+  const childInstance = get$a(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
 };
-const getFn = command => {
-  switch (command) {
-    case 'Css.addCssStyleSheet':
-    case 'Viewlet.addCss':
-    case 'Viewlet.setCss':
-      return addCssStyleSheet;
-    case 'Viewlet.addKeyBindings':
-      return addKeyBindings;
-    case 'Viewlet.append':
-      return append;
-    case 'Viewlet.appendToBody':
-      return appendToBody;
-    case 'Viewlet.appendViewlet':
-      return appendViewlet;
-    case 'Viewlet.ariaAnnounce':
-      return ariaAnnounce;
-    case 'Viewlet.attachWindowEvents':
-      return attachWindowEvents;
-    case 'Viewlet.create':
-      return create$4;
-    case 'Viewlet.createFunctionalRoot':
-      return createFunctionalRoot;
-    case 'Viewlet.createPlaceholder':
-      return createPlaceholder;
-    case 'Viewlet.dispose':
-      return dispose$3;
-    case 'Viewlet.focus':
-      return focus$1;
-    case 'Viewlet.focusElementByName':
-      return focusElementByName;
-    case 'Viewlet.focusSelector':
-      return focusSelector;
-    case 'Viewlet.registerEventListeners':
-      return registerEventListeners;
-    case 'Viewlet.replaceChildren':
-      return replaceChildren;
-    case 'Viewlet.send':
-      return invoke;
-    case 'Viewlet.setBounds':
-      return setBounds$1;
-    case 'Viewlet.setCheckBoxValue':
-      return setCheckBoxValue;
-    case 'Viewlet.setDom':
-      return setDom;
-    case 'Viewlet.setDom2':
-      return setDom2;
-    case 'Viewlet.setDragData':
-      return setDragData;
-    case 'Viewlet.setInputValues':
-      return setInputValues;
-    case 'Viewlet.setPatches':
-      return setPatches;
-    case 'Viewlet.setProperty':
-      return setProperty;
-    case 'Viewlet.setValueByName':
-      return setValueByName;
-    case 'Viewlet.show':
-      return show;
-    default:
-      throw new Error(`unknown command ${command}`);
-  }
-};
 const executeCommands = commands => {
   for (const [command, ...args] of commands) {
     const fn = getFn(command);
@@ -9496,7 +9292,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = get$1$1(id);
+  const instance = get$a(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9506,7 +9302,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = get$1$1(id);
+  const instance = get$a(id);
   if (!instance) {
     return;
   }
@@ -9514,7 +9310,7 @@ const setBounds$1 = (id, left, top, width, height) => {
   setBounds$a($Viewlet, left, top, width, height);
 };
 const setProperty = (id, selector, property, value) => {
-  const instance = get$1$1(id);
+  const instance = get$a(id);
   if (!instance) {
     return;
   }
@@ -9525,6 +9321,49 @@ const setProperty = (id, selector, property, value) => {
   }
   $Element[property] = value;
 };
+const commandHandlers = {
+  'Css.addCssStyleSheet': addCssStyleSheet,
+  'Viewlet.addCss': addCssStyleSheet,
+  'Viewlet.addKeyBindings': addKeyBindings,
+  'Viewlet.append': append,
+  'Viewlet.appendToBody': appendToBody,
+  'Viewlet.appendViewlet': appendViewlet,
+  'Viewlet.ariaAnnounce': ariaAnnounce,
+  'Viewlet.attachWindowEvents': attachWindowEvents,
+  'Viewlet.create': create$4,
+  'Viewlet.createFunctionalRoot': createFunctionalRoot,
+  'Viewlet.createPlaceholder': createPlaceholder,
+  'Viewlet.dispose': dispose$3,
+  'Viewlet.focus': focus$1,
+  'Viewlet.focusElementByName': focusElementByName,
+  'Viewlet.focusSelector': focusSelector,
+  'Viewlet.handleError': handleError$1,
+  'Viewlet.move': move,
+  'Viewlet.registerEventListeners': registerEventListeners,
+  'Viewlet.removeKeyBindings': removeKeyBindings,
+  'Viewlet.replaceChildren': replaceChildren,
+  'Viewlet.send': invoke,
+  'Viewlet.setBounds': setBounds$1,
+  'Viewlet.setCheckBoxValue': setCheckBoxValue,
+  'Viewlet.setCss': addCssStyleSheet,
+  'Viewlet.setDom': setDom,
+  'Viewlet.setDom2': setDom2,
+  'Viewlet.setDragData': setDragData,
+  'Viewlet.setInputValues': setInputValues,
+  'Viewlet.setPatches': setPatches,
+  'Viewlet.setProperty': setProperty,
+  'Viewlet.setSelectionByName': setSelectionByName,
+  'Viewlet.setUid': setUid,
+  'Viewlet.setValueByName': setValueByName,
+  'Viewlet.show': show
+};
+const getFn = command => {
+  const fn = commandHandlers[command];
+  if (!fn) {
+    throw new Error(`unknown command ${command}`);
+  }
+  return fn;
+};
 
 const LocalStorage = 1;
 const SessionStorage = 2;
@@ -9627,7 +9466,7 @@ const handleMessagePort = async port => {
 };
 
 const set = ($Iframe, permissionPolicy) => {
-  if (permissionPolicy === undefined) {
+  if (!permissionPolicy) {
     return;
   }
   $Iframe.allow = permissionPolicy;
@@ -9748,6 +9587,7 @@ const commandMap = {
   'OffscreenCanvas.create': create$w,
   'OffscreenCanvas.create2': create2,
   'Open.openUrl': openUrl,
+  'Open.redirectToUrl': redirectToUrl,
   'Performance.getMemory': getMemory,
   'Performance.measureUserAgentSpecificMemory': measureUserAgentSpecificMemory,
   'PointerCapture.mock': mock,
@@ -9971,15 +9811,9 @@ const isNormalStackLine = line => {
 };
 const isApplicationUsefulLine = (line, index) => {
   if (index === 0) {
-    if (RE_ASSERT.test(line)) {
-      return false;
-    }
-    return true;
-  }
-  if (RE_RESTORE_JSON_RPC_ERROR.test(line) || RE_JSON_RPC_INVOKE.test(line) || RE_UNWRAP_JSON_RPC_RESULT.test(line) || RE_CONSTRUCT_ERROR.test(line) || RE_HANDLE_JSON_RPC_MESSAGE.test(line)) {
-    return false;
+    return !RE_ASSERT.test(line);
   }
-  return true;
+  return !(RE_RESTORE_JSON_RPC_ERROR.test(line) || RE_JSON_RPC_INVOKE.test(line) || RE_UNWRAP_JSON_RPC_RESULT.test(line) || RE_CONSTRUCT_ERROR.test(line) || RE_HANDLE_JSON_RPC_MESSAGE.test(line));
 };
 const cleanLine = line => {
   if (line.startsWith('    at async Module.')) {
@@ -10034,10 +9868,7 @@ const cleanStack = stack => {
 };
 
 const isActualSourceFile = path => {
-  if (path === '<anonymous>' || path === 'debugger eval code' || path.startsWith('"') || path.startsWith(`'`) || path.startsWith(')') || path.startsWith('file://')) {
-    return false;
-  }
-  return true;
+  return !(path === '<anonymous>' || path === 'debugger eval code' || path.startsWith('"') || path.startsWith(`'`) || path.startsWith(')') || path.startsWith('file://'));
 };
 
 const getIsFirefox = () => {
@@ -10421,6 +10252,10 @@ const reduceWrite = (state, action) => {
 };
 const reduce = (state, action) => {
   switch (action.type) {
+    case 'focus':
+      {
+        return;
+      }
     case 'write':
       {
         return;
@@ -10535,6 +10370,17 @@ const setMessage = ($Old, $New, message) => {
   $New.removeAttribute(AriaHidden);
   $New.textContent = message;
 };
+const getElements = () => {
+  const $AriaAlert1 = getAriaAlert1();
+  const $AriaAlert2 = getAriaAlert2();
+  if (!$AriaAlert1 || !$AriaAlert2) {
+    throw new Error('aria alert elements not found');
+  }
+  return {
+    $AriaAlert1,
+    $AriaAlert2
+  };
+};
 const alert$1 = message => {
   if (!message) {
     return;
@@ -10549,9 +10395,10 @@ const alert$1 = message => {
     document.body.append($AriaMessages);
     setElements($AriaMessages, $AriaAlert1, $AriaAlert2);
   }
-  const $AriaAlert1 = getAriaAlert1();
-  const $AriaAlert2 = getAriaAlert2();
-  // @ts-expect-error
+  const {
+    $AriaAlert1,
+    $AriaAlert2
+  } = getElements();
   if ($AriaAlert1.textContent === message) {
     setMessage($AriaAlert1, $AriaAlert2, message);
   } else {