@lvce-editor/static-server 0.49.17 → 0.49.18

package/static/{d64a167 → b935d42}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/d64a167';
+    return '/b935d42';
   }
 };
 const assetDir = getAssetDir();
@@ -458,7 +458,7 @@ const unwrapJsonRpcResult = responseMessage => {
   }
   throw new JsonRpcError("unexpected response message");
 };
-const invoke$i = async (ipc, method, ...params) => {
+const invoke$j = async (ipc, method, ...params) => {
   const {
     message,
     promise
@@ -1118,8 +1118,8 @@ const listen$1 = async () => {
   handleIpc(ipc);
   state$I.ipc = ipc;
 };
-const invoke$h = (method, ...params) => {
-  return invoke$i(state$I.ipc, method, ...params);
+const invoke$i = (method, ...params) => {
+  return invoke$j(state$I.ipc, method, ...params);
 };
 const invokeAndTransfer$4 = (method, ...params) => {
   return invokeAndTransfer$5(state$I.ipc, method, ...params);
@@ -1140,7 +1140,7 @@ const loadCssStyleSheets = css => {
   return Promise.all(css.map(loadCssStyleSheet));
 };
 const addCssStyleSheet = (id, css) => {
-  return invoke$h('Css.addCssStyleSheet', id, css);
+  return invoke$i('Css.addCssStyleSheet', id, css);
 };
 const actuallyAddDynamicCss = async (id, getCss, preferences) => {
   const css = await getCss(preferences);
@@ -1153,631 +1153,134 @@ const addDynamicCss = (id, getCss, preferences) => {
   return get$g(id);
 };
 
-/**
- *
- // @ts-ignore
- * @returns {Promise<any>}
- */
-const loadKy = async () => {
-  const url = `${assetDir}/js/ky.js`;
-  const module = await import(url);
-  return module;
-};
-
-const getJson$6 = async (url, options = {}) => {
-  try {
-    string(url);
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
-    }
-    const result = await response.json();
-    return result;
-  } catch (error) {
-    if (error && error instanceof TypeError && error.message === 'Failed to fetch') {
-      throw new VError(`Failed to request json from "${url}". Make sure that the server is running and has CORS enabled`);
-    }
-    // @ts-ignore
-    error.message = `Failed to request json from "${url}": ${error.message}`;
-    throw error;
-  }
-};
-const getText$2 = async (url, options = {}) => {
-  try {
-    const {
-      default: ky
-    } = await loadKy();
-    return await ky(url, options).text();
-  } catch (error) {
-    if (error && error instanceof TypeError && error.message === 'Failed to fetch') {
-      throw new VError(error, `Failed to request text from "${url}". Make sure that the server is running and has CORS enabled`);
-    }
-    throw new VError(error, `Failed to request text from "${url}"`);
-  }
-};
-const getBlob$5 = async (url, options = {}) => {
-  try {
-    const {
-      default: ky
-    } = await loadKy();
-    return await ky(url, options).blob();
-  } catch (error) {
-    throw new VError(error, `Failed to request blob from "${url}"`);
-  }
-};
-const getResponse$1 = async (url, options) => {
-  try {
-    const {
-      default: ky
-    } = await loadKy();
-    return await ky(url, options);
-  } catch (error) {
-    throw new VError(error, `Failed to request response from "${url}"`);
-  }
-};
-
-const splitLines = lines => {
-  string(lines);
-  return lines.split(NewLine$1);
-};
-
-const RE_AT = /^\s+at/;
-const RE_AT_PROMISE_INDEX = /^\s*at async Promise.all \(index \d+\)$/;
-const RE_OBJECT_AS = /^\s*at Object\.\w+ \[as ([\w\.]+)\]/;
-const RE_OBJECT = /^\s*at Object\.(\w+)/;
-const RE_ASYNC_OBJECT = /^\s*at async Object\.(\w+)/;
-const RE_PATH_1$1 = /\((.*):(\d+):(\d+)\)$/;
-const RE_PATH_2$1 = /at (.*):(\d+):(\d+)$/;
-const RE_PATH_3$1 = /@(.*):(\d+):(\d+)$/; // Firefox
-const RE_RESTORE_JSON_RPC_ERROR = /^\s*at restoreJsonRpcError/;
-const RE_UNWRAP_JSON_RPC_RESULT = /^\s*at unwrapJsonRpcResult/;
-const RE_GET_RESPONSE = /^\s*at getResponse/;
-const RE_JSON_RPC_INVOKE = /^\s*at invoke .*JsonRpc\.js/;
-const RE_ASSERT = /^\s*at .*\/Assert\.js/;
-const RE_CONSTRUCT_ERROR = /^\s*at constructError /;
-const isInternalLine = line => {
-  return RE_AT_PROMISE_INDEX.test(line);
-};
-const isRelevantLine = line => {
-  return !isInternalLine(line);
-};
-const isNormalStackLine = line => {
-  return RE_AT.test(line) && !RE_AT_PROMISE_INDEX.test(line) || RE_PATH_2$1.test(line) || RE_PATH_3$1.test(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_GET_RESPONSE.test(line)) {
-    return false;
-  }
-  return true;
-};
-const cleanLine = line => {
-  if (line.startsWith('    at async Module.')) {
-    return '    at async ' + line.slice('    at async Module.'.length);
-  }
-  if (line.startsWith('    at Module.')) {
-    return '    at ' + line.slice('    at Module.'.length);
-  }
-  const objectAsMatch = line.match(RE_OBJECT_AS);
-  if (objectAsMatch) {
-    return '    at ' + objectAsMatch[1] + line.slice(objectAsMatch[0].length);
-  }
-  const objectMatch = line.match(RE_OBJECT);
-  if (objectMatch) {
-    return '    at ' + objectMatch[1] + line.slice(objectMatch[0].length);
-  }
-  const asyncObjectMatch = line.match(RE_ASYNC_OBJECT);
-  if (asyncObjectMatch) {
-    return '    at async ' + asyncObjectMatch[1] + line.slice(asyncObjectMatch[0].length);
+const workers = new Map();
+const getOrCreate$2 = fn => {
+  if (!workers.has(fn)) {
+    workers.set(fn, fn());
   }
-  return line;
+  return workers.get(fn);
 };
-const getDetails = lines => {
-  const index = lines.findIndex(isNormalStackLine);
+const getOrCreateWorker = fn => {
   return {
-    custom: lines.slice(0, index),
-    actualStack: lines.slice(index).map(cleanLine)
-  };
-};
-const mergeCustom = (custom, relevantStack) => {
-  if (custom.length === 0) {
-    return relevantStack;
-  }
-  const firstLine = custom[0];
-  if (RE_PATH_1$1.test(firstLine)) {
-    return [`    at ${firstLine}`, ...relevantStack];
-  }
-  if (RE_PATH_2$1.test(firstLine)) {
-    return [`    at ${firstLine}`, ...relevantStack];
-  }
-  if (RE_PATH_3$1.test(firstLine)) {
-    return [firstLine, ...relevantStack];
-  }
-  return relevantStack;
-};
-const cleanStack = stack => {
-  string(stack);
-  const lines = splitLines(stack);
-  const {
-    custom,
-    actualStack
-  } = getDetails(lines);
-  const relevantStack = actualStack.filter(isRelevantLine).filter(isApplicationUsefulLine);
-  const merged = mergeCustom(custom, relevantStack);
-  return merged;
-};
-
-// based on https://github.com/babel/babel/blob/6be6e04f396f03feace4431f709564a8d842163a/packages/babel-code-frame/src/index.ts (License MIT)
-
-/**
- * RegExp to test for newlines in terminal.
- */
-
-const NEWLINE = /\n/;
-
-/**
- * Extract what lines should be marked and highlighted.
- */
-const getMarkerLines = (loc, source, opts) => {
-  const startLoc = {
-    column: 0,
-    line: -1,
-    ...loc.start
-  };
-  const endLoc = {
-    ...startLoc,
-    ...loc.end
-  };
-  const {
-    linesAbove = 2,
-    linesBelow = 3
-  } = opts || {};
-  const startLine = startLoc.line;
-  const startColumn = startLoc.column;
-  const endLine = endLoc.line;
-  const endColumn = endLoc.column;
-  let start = Math.max(startLine - (linesAbove + 1), 0);
-  let end = Math.min(source.length, endLine + linesBelow);
-  if (startLine === -1) {
-    start = 0;
-  }
-  if (endLine === -1) {
-    end = source.length;
-  }
-  const lineDiff = endLine - startLine;
-  const markerLines = {};
-  if (lineDiff) {
-    for (let i = 0; i <= lineDiff; i++) {
-      const lineNumber = i + startLine;
-      if (!startColumn) {
-        markerLines[lineNumber] = true;
-      } else if (i === 0) {
-        const sourceLength = source[lineNumber - 1].length;
-        markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1];
-      } else if (i === lineDiff) {
-        markerLines[lineNumber] = [0, endColumn];
-      } else {
-        const sourceLength = source[lineNumber - i].length;
-        markerLines[lineNumber] = [0, sourceLength];
-      }
+    async invoke(method, ...params) {
+      const ipc = await getOrCreate$2(fn);
+      return invoke$j(ipc, method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const ipc = await getOrCreate$2(fn);
+      return invokeAndTransfer$5(ipc, method, ...params);
+    },
+    async dispose() {
+      const promise = workers.get(fn);
+      workers.delete(fn);
+      const ipc = await promise;
+      ipc.dispose();
+    },
+    async restart(terminateCommand) {
+      const promise = workers.get(fn);
+      workers.delete(fn);
+      const ipc = await promise;
+      ipc.send({
+        jsonrpc: '2.0',
+        method: terminateCommand,
+        params: []
+      });
+      ipc.dispose();
+      await getOrCreate$2(fn);
     }
-  } else if (startColumn === endColumn) {
-    markerLines[startLine] = startColumn ? [startColumn, 0] : true;
-  } else {
-    markerLines[startLine] = [startColumn, endColumn - startColumn];
-  }
-  return {
-    start,
-    end,
-    markerLines
   };
 };
-const create$13 = (rawLines, loc, opts = {}) => {
-  const lines = rawLines.split(NEWLINE);
-  const {
-    start,
-    end,
-    markerLines
-  } = getMarkerLines(loc, lines, opts);
-  const hasColumns = loc.start && typeof loc.start.column === 'number';
-  const numberMaxWidth = String(end).length;
-  let frame = rawLines.split(NEWLINE, end).slice(start, end).map((line, index) => {
-    const number = start + 1 + index;
-    const paddedNumber = ` ${number}`.slice(-numberMaxWidth);
-    const gutter = ` ${paddedNumber} |`;
-    const hasMarker = markerLines[number];
-    const lastMarkerLine = !markerLines[number + 1];
-    if (hasMarker) {
-      let markerLine = '';
-      if (Array.isArray(hasMarker)) {
-        const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replaceAll(/[^\t]/g, ' ');
-        const numberOfMarkers = hasMarker[1] || 1;
-        markerLine = ['\n ', gutter.replaceAll(/\d/g, ' '), ' ', markerSpacing, '^'.repeat(numberOfMarkers)].join('');
-        if (lastMarkerLine && opts.message) {
-          markerLine += ' ' + opts.message;
-        }
-      }
-      return ['>', gutter, line.length > 0 ? ` ${line}` : '', markerLine].join('');
-    }
-    return ` ${gutter}${line.length > 0 ? ` ${line}` : ''}`;
-  }).join(NewLine$1);
-  if (opts.message && !hasColumns) {
-    frame = `${' '.repeat(numberMaxWidth + 1)}${opts.message}\n${frame}`;
-  }
-  return frame;
-};
-
-const RE_SOURCE_MAP = /^\/\/# sourceMappingURL=(.*)$/;
-const getSourceMapMatch = text => {
-  string(text);
-  const index = text.lastIndexOf(NewLine$1, text.length - 2);
-  const lastLine = text.slice(index + 1, -1);
-  const lastLineMatch = lastLine.match(RE_SOURCE_MAP);
-  if (lastLineMatch) {
-    return lastLineMatch;
-  }
-  const secondLastLineIndex = getNewLineIndex$1(text, index - 1);
-  const secondLastLine = text.slice(secondLastLineIndex, index);
-  const secondLastLineMatch = secondLastLine.match(RE_SOURCE_MAP);
-  return secondLastLineMatch;
-};
-
-const isActualSourceFile = path => {
-  if (path === '<anonymous>' || path === 'debugger eval code' || path.startsWith('"') || path.startsWith("'") || path.startsWith(')') || path.startsWith('file://')) {
-    return false;
-  }
-  return true;
-};
 
-const joinLines = lines => {
-  return lines.join(NewLine$1);
-};
-
-const info = (...args) => {
-  console.info(...args);
-};
-const warn$1 = (...args) => {
-  console.warn(...args);
-};
-const error = (...args) => {
-  console.error(...args);
-};
+const errorWorkerUrl = `${assetDir}/packages/error-worker/dist/errorWorkerMain.js`;
 
-const isEmptyString = string => {
-  return string === EmptyString;
-};
-
-// copied from https://github.com/Rich-Harris/vlq/blob/e3009f5757abeb0b5b6233045f3bbdaf86435d08/src/index.js by Rich Harris (License MIT)
-
-/** @type {Record<string, number>} */
-const char_to_integer = {};
-for (const [i, char] of 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='.split('').entries()) {
-  char_to_integer[char] = i;
-}
-
-/** @param {string} string */
-const decode = string => {
-  /** @type {number[]} */
-  const result = [];
-  let shift = 0;
-  let value = 0;
-  for (let i = 0; i < string.length; i += 1) {
-    let integer = char_to_integer[string[i]];
-    if (integer === undefined) {
-      throw new Error('Invalid character (' + string[i] + ')');
-    }
-    const has_continuation_bit = integer & 32;
-    integer &= 31;
-    value += integer << shift;
-    if (has_continuation_bit) {
-      shift += 5;
-    } else {
-      const should_negate = value & 1;
-      value >>>= 1;
-      if (should_negate) {
-        result.push(value === 0 ? -2147483648 : -value);
-      } else {
-        result.push(value);
-      }
+const ElectronMessagePort = 1;
+const MessagePort$1 = 2;
+const ModuleWorker = 3;
+const ReferencePort = 4;
+const WebSocket$1 = 5;
+const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
+const Node = 7;
+const NodeAlternate = 8;
 
-      // reset
-      value = shift = 0;
-    }
+const getModule$7 = method => {
+  switch (method) {
+    case ElectronMessagePort:
+      return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
+    case MessagePort$1:
+      return Promise.resolve().then(function () { return IpcParentWithMessagePort; });
+    case ModuleWorker:
+      return Promise.resolve().then(function () { return IpcParentWithModuleWorker; });
+    case ReferencePort:
+      return Promise.resolve().then(function () { return IpcParentWithReferencePort; });
+    case WebSocket$1:
+      return Promise.resolve().then(function () { return IpcParentWithWebSocket; });
+    case ModuleWorkerAndWorkaroundForChromeDevtoolsBug:
+      return Promise.resolve().then(function () { return IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug; });
+    case Node:
+      return Promise.resolve().then(function () { return IpcParentWithNode; });
+    case NodeAlternate:
+      return Promise.resolve().then(function () { return IpcParentWithNodeAlternate; });
+    default:
+      throw new Error('unexpected ipc type');
   }
-  return result;
 };
 
-const getColumnMapping = (mappings, line, column) => {
-  string(mappings);
-  number$1(line);
-  number$1(column);
-  let currentColumn = 0;
-  let currentLine = 1;
-  let originalSourceFileIndex = 0;
-  let originalLine = 0;
-  let originalColumn = 0;
-  let index = 0;
-  while (index !== -1) {
-    currentColumn = 0;
-    const newLineIndex = mappings.indexOf(';', index + 1);
-    currentLine++;
-    if (currentLine === line) {
-      const lineMapping = mappings.slice(index + 1, newLineIndex) + ',';
-      index = -1;
-      while (true) {
-        const newIndex = lineMapping.indexOf(',', index + 1);
-        if (newIndex === -1) {
-          throw new Error('no mapping found');
-        }
-        const chunk = lineMapping.slice(index + 1, newIndex);
-        const decodedChunk = decode(chunk);
-        currentColumn += decodedChunk[0];
-        originalSourceFileIndex += decodedChunk[1];
-        originalLine += decodedChunk[2];
-        originalColumn += decodedChunk[3];
-        index = newIndex;
-        if (currentColumn >= column) {
-          return {
-            originalSourceFileIndex,
-            originalLine: originalLine + 1,
-            originalColumn
-          };
-        }
-      }
-    } else {
-      const lineMappings = mappings.slice(index + 1, newLineIndex);
-      if (isEmptyString(lineMappings)) {
-        index = newLineIndex;
-        continue;
-      }
-      const chunks = lineMappings.split(',');
-      for (const chunk of chunks) {
-        const decodedChunk = decode(chunk);
-        currentColumn += decodedChunk[0];
-        originalSourceFileIndex += decodedChunk[1];
-        originalLine += decodedChunk[2];
-        originalColumn += decodedChunk[3];
-      }
-    }
-    index = newLineIndex;
+const create$13 = async ({
+  method,
+  ...options
+}) => {
+  const module = await getModule$7(method);
+  // @ts-ignore
+  const rawIpc = await module.create(options);
+  if (options.noReturn) {
+    return undefined;
   }
-  throw new Error('no mapping found');
-};
-const getOriginalPosition = (sourceMap, line, column) => {
-  try {
-    object(sourceMap);
-    string(sourceMap.mappings);
-    array(sourceMap.sources);
-    array(sourceMap.names);
-    number$1(line);
-    number$1(column);
-    const {
-      sources,
-      mappings
-    } = sourceMap;
-    if (!mappings) {
-      throw new Error(`no source for line ${line} found`);
-    }
-    const {
-      originalLine,
-      originalColumn,
-      originalSourceFileIndex
-    } = getColumnMapping(mappings, line, column);
-    const source = sources[originalSourceFileIndex];
-    return {
-      source,
-      originalLine,
-      originalColumn
-    };
-  } catch (error) {
-    throw new VError(error, 'Failed to get original sourcemap position');
+  if (options.raw) {
+    return rawIpc;
   }
+  const ipc = module.wrap(rawIpc);
+  return ipc;
 };
 
-const getIsFirefox = () => {
-  if (typeof navigator === 'undefined') {
-    return false;
-  }
-  if (
-  // @ts-ignore
-  navigator.userAgentData &&
-  // @ts-ignore
-  navigator.userAgentData.brands) {
-    // @ts-ignore
-    return navigator.userAgentData.brands.includes('Firefox');
-  }
-  return navigator.userAgent.toLowerCase().includes('firefox');
+const launchErrorWorker = async () => {
+  const ipc = await create$13({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: errorWorkerUrl,
+    name: 'Error Worker'
+  });
+  handleIpc(ipc);
+  return ipc;
 };
 
-/**
- * @type {boolean}
- */
-const isFirefox = getIsFirefox();
+const {
+  invoke: invoke$h} = getOrCreateWorker(launchErrorWorker);
 
-const getErrorMessage$2 = error => {
+const serializeError = error => {
   if (!error) {
-    return `Error: ${error}`;
-  }
-  let message = error.message;
-  while (error.cause) {
-    error = error.cause;
-    message += `: ${error}`;
-  }
-  return message;
-};
-const prepareErrorMessageWithCodeFrame = error => {
-  if (!error) {
-    return {
-      message: error,
-      stack: undefined,
-      codeFrame: undefined,
-      type: 'Error',
-      _error: error
-    };
-  }
-  const message = getErrorMessage$2(error);
-  const lines = cleanStack(error.stack);
-  const relevantStack = joinLines(lines);
-  if (error.codeFrame) {
-    return {
-      message,
-      stack: relevantStack,
-      codeFrame: error.codeFrame,
-      type: error.constructor.name,
-      _error: error
-    };
+    return error;
   }
   return {
-    message,
-    stack: error.originalStack,
-    codeFrame: error.originalCodeFrame,
-    category: error.category,
-    stderr: error.stderr,
-    _error: error
-  };
-};
-const RE_PATH_1 = /\((.*):(\d+):(\d+)\)$/;
-const RE_PATH_2 = /at (.*):(\d+):(\d+)$/;
-const RE_PATH_3 = /@(.*):(\d+):(\d+)$/; // Firefox
-
-/**
- *
- * @param {readonly string[]} lines
- * @returns
- */
-const getFile$1 = lines => {
-  for (const line of lines) {
-    if (RE_PATH_1.test(line) || RE_PATH_2.test(line) || RE_PATH_3.test(line)) {
-      return line;
+    name: error.name,
+    message: error.message,
+    code: error.code,
+    stack: error.stack,
+    codeFrame: error.codeFrame,
+    constructor: {
+      name: error.constructor.name
     }
-  }
-  return '';
-};
-const getSourceMapAbsolutePath = (file, relativePath) => {
-  const folder = file.slice(0, file.lastIndexOf('/'));
-  const absolutePath = folder + '/' + relativePath;
-  return absolutePath;
-};
-const toAbsoluteUrl = (file, relativePath) => {
-  const url = new URL(relativePath, file);
-  return url.href;
+  };
 };
-const prepareErrorMessageWithoutCodeFrame = async error => {
+const prepare = async error => {
   try {
-    const lines = cleanStack(error.stack);
-    const file = getFile$1(lines);
-    let match = file.match(RE_PATH_1);
-    match ||= file.match(RE_PATH_2);
-    match ||= file.match(RE_PATH_3);
-    if (!match) {
-      return error;
-    }
-    const [_, path, line, column] = match;
-    if (!isActualSourceFile(path)) {
-      return error;
-    }
-    const text = await getText$2(path);
-    const sourceMapMatch = getSourceMapMatch(text);
-    const parsedLine = Number.parseInt(line);
-    const parsedColumn = Number.parseInt(column);
-    const message = getErrorMessage$2(error);
-    const relevantStack = joinLines(lines);
-    if (sourceMapMatch) {
-      const sourceMapUrl = sourceMapMatch[1];
-      const sourceMapAbsolutePath = getSourceMapAbsolutePath(path, sourceMapUrl);
-      const sourceMap = await getJson$6(sourceMapAbsolutePath);
-      const {
-        source,
-        originalLine,
-        originalColumn
-      } = getOriginalPosition(sourceMap, parsedLine, parsedColumn);
-      const absoluteSourceUrl = toAbsoluteUrl(path, source);
-      const originalSourceContent = await getText$2(absoluteSourceUrl);
-      const codeFrame = create$13(originalSourceContent, {
-        start: {
-          line: originalLine,
-          column: originalColumn
-        },
-        end: {
-          line: originalLine,
-          column: originalColumn
-        }
-      });
-      return {
-        message,
-        codeFrame,
-        stack: relevantStack,
-        type: error.constructor.name,
-        _error: error
-      };
-    }
-    const codeFrame = create$13(text, {
-      start: {
-        line: parsedLine,
-        column: parsedColumn
-      },
-      end: {
-        line: parsedLine,
-        column: parsedColumn
-      }
-    });
-    return {
-      message,
-      codeFrame,
-      stack: relevantStack,
-      type: error.constructor.name,
-      _error: error
-    };
-  } catch (otherError) {
-    warn$1(`ErrorHandling Error: ${otherError}`);
+    const serialized = serializeError(error);
+    const prepared = await invoke$h('Errors.prepare', serialized);
+    return prepared;
+  } catch {
     return error;
   }
 };
-const prepare = async error => {
-  if (error && error.message && error.codeFrame) {
-    return prepareErrorMessageWithCodeFrame(error);
-  }
-  if (error && error.stack) {
-    return prepareErrorMessageWithoutCodeFrame(error);
-  }
-  return error;
-};
-const print = (error$1, prefix = '') => {
-  if (isFirefox) {
-    // Firefox does not support printing codeframe with error stack
-    if (error$1 && error$1._error) {
-      error(`${prefix}${error$1._error}`);
-      return;
-    }
-    error(`${prefix}${error$1}`);
-    return;
-  }
-  if (error$1 && error$1.type && error$1.message && error$1.codeFrame) {
-    error(`${prefix}${error$1.type}: ${error$1.message}\n\n${error$1.codeFrame}\n\n${error$1.stack}`);
-    return;
-  }
-  if (error$1 && error$1.message && error$1.codeFrame) {
-    error(`${prefix}${error$1.message}\n\n${error$1.codeFrame}\n\n${error$1.stack}`);
-    return;
-  }
-  if (error$1 && error$1.type && error$1.message) {
-    error(`${prefix}${error$1.type}: ${error$1.message}\n${error$1.stack}`);
-    return;
-  }
-  if (error$1 && error$1.stack) {
-    error(`${prefix}${error$1.stack}`);
-    return;
-  }
-  if (error$1 === null) {
-    error(`${prefix}null`);
-    return;
-  }
-  error(`${prefix}${error$1}`);
+const print = async (error, prefix = '') => {
+  await invoke$h('Errors.print', error, prefix);
 };
 const getMessage$5 = error => {
   if (error && error.type && error.message) {
@@ -1797,7 +1300,7 @@ const state$H = {
 };
 const logError = async (error, prefix = '') => {
   const prettyError = await prepare(error);
-  print(prettyError, prefix);
+  await print(prettyError, prefix);
   return prettyError;
 };
 const handleError$2 = async (error, notify = true, prefix = '') => {
@@ -1815,56 +1318,21 @@ const handleError$2 = async (error, notify = true, prefix = '') => {
 const showErrorDialog = async error => {
   try {
     const prettyError = await prepare(error);
+    if (prettyError && prettyError.type === 'Object') {
+      prettyError.type = 'Error';
+    }
     await execute$4(/* Dialog.showMessage */'Dialog.showMessage', /* message */prettyError);
   } catch {
     // ignore
   }
 };
-const warn = (...args) => {
+const warn$1 = (...args) => {
   const stringified = JSON.stringify(args);
   if (state$H.seenWarnings.includes(stringified)) {
     return;
   }
-  state$H.seenWarnings.push(stringified);
-  console.warn(...args);
-};
-
-const workers = new Map();
-const getOrCreate$2 = fn => {
-  if (!workers.has(fn)) {
-    workers.set(fn, fn());
-  }
-  return workers.get(fn);
-};
-const getOrCreateWorker = fn => {
-  return {
-    async invoke(method, ...params) {
-      const ipc = await getOrCreate$2(fn);
-      return invoke$i(ipc, method, ...params);
-    },
-    async invokeAndTransfer(method, ...params) {
-      const ipc = await getOrCreate$2(fn);
-      return invokeAndTransfer$5(ipc, method, ...params);
-    },
-    async dispose() {
-      const promise = workers.get(fn);
-      workers.delete(fn);
-      const ipc = await promise;
-      ipc.dispose();
-    },
-    async restart(terminateCommand) {
-      const promise = workers.get(fn);
-      workers.delete(fn);
-      const ipc = await promise;
-      ipc.send({
-        jsonrpc: '2.0',
-        method: terminateCommand,
-        params: []
-      });
-      ipc.dispose();
-      await getOrCreate$2(fn);
-    }
-  };
+  state$H.seenWarnings.push(stringified);
+  console.warn(...args);
 };
 
 const extensionHostWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/extension-host-worker/dist/extensionHostWorkerMain.js`;
@@ -1906,55 +1374,6 @@ const create$12 = () => {
   return ++state$F.id;
 };
 
-const ElectronMessagePort = 1;
-const MessagePort$1 = 2;
-const ModuleWorker = 3;
-const ReferencePort = 4;
-const WebSocket$1 = 5;
-const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
-const Node = 7;
-const NodeAlternate = 8;
-
-const getModule$7 = method => {
-  switch (method) {
-    case ElectronMessagePort:
-      return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
-    case MessagePort$1:
-      return Promise.resolve().then(function () { return IpcParentWithMessagePort; });
-    case ModuleWorker:
-      return Promise.resolve().then(function () { return IpcParentWithModuleWorker; });
-    case ReferencePort:
-      return Promise.resolve().then(function () { return IpcParentWithReferencePort; });
-    case WebSocket$1:
-      return Promise.resolve().then(function () { return IpcParentWithWebSocket; });
-    case ModuleWorkerAndWorkaroundForChromeDevtoolsBug:
-      return Promise.resolve().then(function () { return IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug; });
-    case Node:
-      return Promise.resolve().then(function () { return IpcParentWithNode; });
-    case NodeAlternate:
-      return Promise.resolve().then(function () { return IpcParentWithNodeAlternate; });
-    default:
-      throw new Error('unexpected ipc type');
-  }
-};
-
-const create$11 = async ({
-  method,
-  ...options
-}) => {
-  const module = await getModule$7(method);
-  // @ts-ignore
-  const rawIpc = await module.create(options);
-  if (options.noReturn) {
-    return undefined;
-  }
-  if (options.raw) {
-    return rawIpc;
-  }
-  const ipc = module.wrap(rawIpc);
-  return ipc;
-};
-
 const ModuleWorkerWithMessagePort = 4;
 const Electron = 5;
 
@@ -2020,7 +1439,7 @@ const getTransferrables = value => {
   return transferrables;
 };
 
-const create$10 = async ({
+const create$11 = async ({
   url,
   name,
   port,
@@ -2092,7 +1511,7 @@ const wrap$7 = port => {
 
 const IpcParentWithModuleWorkerAndWorkaroundForChromeDevtoolsBug = {
   __proto__: null,
-  create: create$10,
+  create: create$11,
   wrap: wrap$7
 };
 
@@ -2235,7 +1654,7 @@ const getBlobUrl$3 = async uri => {
   }
   throw new Error(`Filesystem doesn't support the getBlobUrl function`);
 };
-const getBlob$4 = async (uri, type) => {
+const getBlob$5 = async (uri, type) => {
   const protocol = getProtocol(uri);
   const path = getPath$1(protocol, uri);
   const fileSystem = await getFileSystem(protocol);
@@ -2328,7 +1747,7 @@ const invoke$g = async (method, ...params) => {
   const {
     ipc
   } = state$D;
-  const result = await invoke$i(ipc, method, ...params);
+  const result = await invoke$j(ipc, method, ...params);
   return result;
 };
 const invokeAndTransfer$3 = async (method, ...params) => {
@@ -2493,13 +1912,13 @@ const getResolvedRoot = async href => {
 };
 
 const getHref = () => {
-  return invoke$h(/* Location.getHref */'Location.getHref');
+  return invoke$i(/* Location.getHref */'Location.getHref');
 };
 const setPathName = pathName => {
-  return invoke$h(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
+  return invoke$i(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
 };
 const hydrate$a = () => {
-  return invoke$h(/* Location.hydrate */'Location.hydrate');
+  return invoke$i(/* Location.hydrate */'Location.hydrate');
 };
 const getOrigin = () => {
   return location.origin;
@@ -2509,7 +1928,7 @@ const getHost = () => {
 };
 
 const set$e = title => {
-  return invoke$h('WindowTitle.set', title);
+  return invoke$i('WindowTitle.set', title);
 };
 
 /**
@@ -2631,7 +2050,7 @@ const pathDirName = path => {
 const launchExtensionHostWorker = async () => {
   const name = platform === Electron$1 ? 'Extension Host (Electron)' : 'Extension Host';
   const id = create$12();
-  let ipc = await create$11({
+  let ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: extensionHostWorkerUrl,
@@ -2643,9 +2062,9 @@ const launchExtensionHostWorker = async () => {
     ipc = wrap$7(port);
   }
   handleIpc(ipc);
-  await invoke$i(ipc, 'Workspace.setWorkspacePath', state$B.workspacePath);
+  await invoke$j(ipc, 'Workspace.setWorkspacePath', state$B.workspacePath);
   addListener('workspace.change', async () => {
-    await invoke$i(ipc, 'Workspace.setWorkspacePath', state$B.workspacePath);
+    await invoke$j(ipc, 'Workspace.setWorkspacePath', state$B.workspacePath);
   });
   return ipc;
 };
@@ -2701,7 +2120,7 @@ const getMetaThemeColor = colorThemeJson => {
 };
 
 const setThemeColor = async themeColor => {
-  await invoke$h(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
+  await invoke$i(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
 };
 
 // TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
@@ -2820,7 +2239,7 @@ const reloadElectron = () => {
 };
 
 const reloadWeb = () => {
-  return invoke$h('Window.reload');
+  return invoke$i('Window.reload');
 };
 
 const getFn$2 = () => {
@@ -3020,6 +2439,16 @@ const set$b = value => {
   state$y.currentFocus = value;
 };
 
+const info = (...args) => {
+  console.info(...args);
+};
+const warn = (...args) => {
+  console.warn(...args);
+};
+const error = (...args) => {
+  console.error(...args);
+};
+
 const state$x = {
   keyBindingSets: Object.create(null),
   /**
@@ -3057,7 +2486,7 @@ const getAvailableKeyBindings = keyBindings => {
 const update = () => {
   const matchingKeyBindings = getMatchingKeyBindings(state$x.keyBindingSets);
   const keyBindingIdentifiers = getAvailableKeyBindings(matchingKeyBindings);
-  invoke$h('KeyBindings.setIdentifiers', keyBindingIdentifiers);
+  invoke$i('KeyBindings.setIdentifiers', keyBindingIdentifiers);
   state$x.matchingKeyBindings = matchingKeyBindings;
   state$x.keyBindingIdentifiers = keyBindingIdentifiers;
 };
@@ -3065,7 +2494,7 @@ const addKeyBindings$1 = (id, keyBindings) => {
   string(id);
   array(keyBindings);
   if (id in state$x.keyBindingSets) {
-    warn$1(`cannot add keybindings multiple times: ${id}`);
+    warn(`cannot add keybindings multiple times: ${id}`);
     return;
   }
   state$x.keyBindingSets[id] = keyBindings;
@@ -3076,7 +2505,7 @@ const removeKeyBindings = id => {
     keyBindingSets
   } = state$x;
   if (!(id in keyBindingSets)) {
-    warn$1(`cannot remove keybindings that are not registered: ${id}`);
+    warn(`cannot remove keybindings that are not registered: ${id}`);
     return;
   }
   delete keyBindingSets[id];
@@ -3181,17 +2610,17 @@ const serializeObjects = objects => {
 };
 
 const clear$5 = async storageType => {
-  await invoke$h(/* WebStorage.clear */'WebStorage.clear', /* StorageType */storageType);
+  await invoke$i(/* WebStorage.clear */'WebStorage.clear', /* StorageType */storageType);
 };
 const getAll$1 = storageType => {
-  return invoke$h('WebStorage.getAll', storageType);
+  return invoke$i('WebStorage.getAll', storageType);
 };
-const getText$1 = async (storageType, key) => {
-  const item = await invoke$h(/* WebStorage.getItem */'WebStorage.getItem', /* storageType */storageType, /* key */key);
+const getText$2 = async (storageType, key) => {
+  const item = await invoke$i(/* WebStorage.getItem */'WebStorage.getItem', /* storageType */storageType, /* key */key);
   return item || '';
 };
-const getJson$5 = async (storageType, key) => {
-  const item = await getText$1(storageType, key);
+const getJson$6 = async (storageType, key) => {
+  const item = await getText$2(storageType, key);
   if (!item) {
     return undefined;
   }
@@ -3202,7 +2631,7 @@ const getJson$5 = async (storageType, key) => {
   }
 };
 const setText$1 = async (storageType, key, value) => {
-  await invoke$h(/* WebStorage.setItem */'WebStorage.setItem', /* storageType */storageType, /* key */key, /* value */value);
+  await invoke$i(/* WebStorage.setItem */'WebStorage.setItem', /* storageType */storageType, /* key */key, /* value */value);
 };
 const setJson$5 = async (storageType, key, value) => {
   const stringifiedValue = stringifyCompact(value);
@@ -3210,7 +2639,7 @@ const setJson$5 = async (storageType, key, value) => {
 };
 const setJsonObjects$2 = async (storageType, objects) => {
   const serializedObjects = serializeObjects(objects);
-  await invoke$h('WebStorage.setJsonObjects', storageType, serializedObjects);
+  await invoke$i('WebStorage.setJsonObjects', storageType, serializedObjects);
 };
 
 const LocalStorage = 1;
@@ -3219,11 +2648,11 @@ const SessionStorage = 2;
 const clear$4 = () => {
   return clear$5(LocalStorage);
 };
-const getText = key => {
-  return getText$1(LocalStorage, key);
+const getText$1 = key => {
+  return getText$2(LocalStorage, key);
 };
-const getJson$4 = key => {
-  return getJson$5(LocalStorage, key);
+const getJson$5 = key => {
+  return getJson$6(LocalStorage, key);
 };
 const setText = (key, value) => {
   return setText$1(LocalStorage, key, value);
@@ -3235,8 +2664,8 @@ const setJsonObjects$1 = objects => {
   return setJsonObjects$2(LocalStorage, objects);
 };
 
-const getJson$3 = viewletId => {
-  return getJson$4(viewletId);
+const getJson$4 = viewletId => {
+  return getJson$5(viewletId);
 };
 const setJson$3 = (viewletId, value) => {
   return setJson$4(viewletId, value);
@@ -3356,8 +2785,8 @@ const getStateToSave = async () => {
 const clear$3 = () => {
   return clear$5(SessionStorage);
 };
-const getJson$2 = key => {
-  return getJson$5(SessionStorage, key);
+const getJson$3 = key => {
+  return getJson$6(SessionStorage, key);
 };
 const setJson$2 = (key, value) => {
   return setJson$5(SessionStorage, key, value);
@@ -3371,8 +2800,8 @@ const saveBuiltinState = async () => {
 const ActivityBar$6 = 'ActivityBar';
 const ExtensionStateStorage$1 = 'ExtensionStateStorage';
 
-const getJson$1 = () => {
-  return getJson$4(ExtensionStateStorage$1);
+const getJson$2 = () => {
+  return getJson$5(ExtensionStateStorage$1);
 };
 const setJson$1 = value => {
   return setJson$4(ExtensionStateStorage$1, value);
@@ -3380,7 +2809,7 @@ const setJson$1 = value => {
 
 const ExtensionStateStorage = {
   __proto__: null,
-  getJson: getJson$1,
+  getJson: getJson$2,
   setJson: setJson$1
 };
 
@@ -3389,7 +2818,7 @@ const saveState$h = async () => {
   return state;
 };
 const getSavedState = async () => {
-  const value = await getJson$1();
+  const value = await getJson$2();
   return value;
 };
 
@@ -3440,10 +2869,10 @@ const hydrate$5 = async () => {
     console.info('[info] not saving state on visibility change - disabled by settings');
     return;
   }
-  await invoke$h('Window.onVisibilityChange');
+  await invoke$i('Window.onVisibilityChange');
 };
 const getSavedViewletState = viewletId => {
-  return getJson$3(viewletId);
+  return getJson$4(viewletId);
 };
 
 const state$v = {
@@ -3487,7 +2916,7 @@ const getConfiguredWorkerUrl$b = () => {
 };
 const launchFileSearchWorker = async () => {
   const name = 'File Search Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$b()
@@ -3699,7 +3128,7 @@ const runFn = async (instance, id, key, fn, args) => {
     }
     const commands = render$I(instance.factory, oldState, newState, newState.uid || id);
     setRenderedState(id, newState);
-    await invoke$h(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+    await invoke$i(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
   } else {
     return fn(instance.state, ...args);
   }
@@ -3724,7 +3153,7 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
   if (commands.length === 0) {
     return;
   }
-  await invoke$h(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+  await invoke$i(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
 };
 
 // TODO maybe wrapViewletCommand should accept module instead of id string
@@ -3784,7 +3213,7 @@ const wrapViewletCommandWithSideEffectLazy = (id, key, importFn) => {
  * @param {()=>any} getModule
  * @returns
  */
-const create$$ = (getModule, id, parentUid, uri, x, y, width, height) => {
+const create$10 = (getModule, id, parentUid, uri, x, y, width, height) => {
   fn(getModule);
   string(id);
   number$1(parentUid);
@@ -3923,7 +3352,7 @@ const maybeRegisterEvents = module => {
       const commands = render$I(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
       instance.state = newState;
       instance.renderedState = newState;
-      await invoke$h(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+      await invoke$i(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
     };
     addListener('workspace.change', handleUpdate);
   }
@@ -3950,7 +3379,7 @@ const maybeRegisterEvents = module => {
         const commands = render$I(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
         instance.state = newState;
         instance.renderedState = newState;
-        await invoke$h(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+        await invoke$i(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
       };
       addListener(key, handleUpdate);
     }
@@ -3978,7 +3407,7 @@ const maybeRegisterMenuEntries = async module => {
 const actuallyLoadModule = async (getModule, id) => {
   const module = await getModule(id);
   if (!module.hasFunctionalEvents) {
-    await invoke$h(/* Viewlet.load */kLoadModule, /* id */id, /* hasFunctionalEvents */module.hasFunctionalEvents);
+    await invoke$i(/* Viewlet.load */kLoadModule, /* id */id, /* hasFunctionalEvents */module.hasFunctionalEvents);
   }
   await loadModule$1(id, module);
   await maybeRegisterWrappedCommands(id, module);
@@ -4071,7 +3500,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
     if (module.renderEventListeners) {
       // TODO reuse event listeners between components
       const eventListeners = await module.renderEventListeners();
-      await invoke$h('Viewlet.registerEventListeners', viewletUid, eventListeners);
+      await invoke$i('Viewlet.registerEventListeners', viewletUid, eventListeners);
     }
     if ((viewlet.visible === undefined || viewlet.visible === true) && module.show) {
       await module.show(newState);
@@ -4121,7 +3550,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
     }
     state = ViewletState.ContentLoaded;
     if (viewlet.show === false) {} else {
-      await invoke$h(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
+      await invoke$i(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
     }
     if (viewlet.disposed) {
       // TODO unload the module from renderer process
@@ -4170,7 +3599,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
         return allCommands;
       }
       commands.push(...extraCommands);
-      await invoke$h(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+      await invoke$i(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
     } else {
       const allCommands = [...commands, ...extraCommands
       // ['Viewlet.show', viewlet.id],
@@ -4191,7 +3620,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
     }
     state = ViewletState.ContentRendered;
     if (viewlet.parentUid && viewlet.show !== false) {
-      await invoke$h(/* Viewlet.append */kAppendViewlet, /* parentUid */viewlet.parentUid, /* id */viewletUid, /* focus */focus);
+      await invoke$i(/* Viewlet.append */kAppendViewlet, /* parentUid */viewlet.parentUid, /* id */viewletUid, /* focus */focus);
     }
     state = ViewletState.Appended;
     if (viewlet.disposed) {
@@ -4205,7 +3634,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
     }
     viewlet.type = 4;
     const prettyError = await prepare(error);
-    print(prettyError);
+    await print(prettyError);
     try {
       if (module && module.handleError) {
         await module.handleError(error);
@@ -4213,10 +3642,10 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
       }
       const commands = [];
       if (state < ViewletState.RendererProcessViewletLoaded) {
-        await invoke$h(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
+        await invoke$i(/* Viewlet.loadModule */kLoadModule, /* id */viewlet.id);
       }
       const parentUid = viewlet.parentUid;
-      await invoke$h(kLoadModule, Error$3);
+      await invoke$i(kLoadModule, Error$3);
       commands.push([kCreate, Error$3, viewletUid]);
       // @ts-ignore
       if (viewlet.setBounds !== false) {
@@ -4225,7 +3654,7 @@ const load$6 = async (viewlet, focus = false, restore = false, restoreState = un
       if (module && module.customErrorRenderer) {
         const errorModule = await loadModule(viewlet.getModule, module.customErrorRenderer);
         const dom = await errorModule.render(error);
-        await invoke$h(kLoadModule, module.customErrorRenderer);
+        await invoke$i(kLoadModule, module.customErrorRenderer);
         commands.push([kCreate, module.customErrorRenderer, viewletUid]);
         commands.push(['Viewlet.setDom2', viewletUid, dom]);
         commands.push([kAppend, parentUid, viewletUid]);
@@ -4325,7 +3754,7 @@ const focus$7 = async id => {
     commands.push(...render$I(instance.factory, oldState, newState));
   }
   setFocusedInstance(instance);
-  await invoke$h('Viewlet.sendMultiple', commands);
+  await invoke$i('Viewlet.sendMultiple', commands);
 };
 
 /**
@@ -4368,7 +3797,7 @@ const dispose$u = async id => {
       throw new Error(`${id} is missing a factory function`);
     }
     instance.factory.dispose(instance.state);
-    await invoke$h(/* Viewlet.dispose */'Viewlet.dispose', /* id */instanceUid);
+    await invoke$i(/* Viewlet.dispose */'Viewlet.dispose', /* id */instanceUid);
     if (instance.factory.getKeyBindings) {
       removeKeyBindings(instanceUid);
     }
@@ -4389,7 +3818,7 @@ const disposeFunctional = id => {
     }
     const instance = getInstance(id);
     if (!instance) {
-      warn$1(`cannot dispose instance ${id} because it may already be disposed`);
+      warn(`cannot dispose instance ${id} because it may already be disposed`);
       return [];
     }
     // TODO status should have enum
@@ -4447,7 +3876,7 @@ const hideFunctional = id => {
     }
     const instance = getInstance(id);
     if (!instance) {
-      warn$1(`cannot dispose instance ${id} because it may already be disposed`);
+      warn(`cannot dispose instance ${id} because it may already be disposed`);
       return [];
     }
     // TODO status should have enum
@@ -4547,7 +3976,7 @@ const setStateFunctional = (id, newState) => {
 const setState = async (id, newState) => {
   const commands = setStateFunctional(id, newState);
   if (commands.length > 0) {
-    await invoke$h(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
+    await invoke$i(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
   }
 };
 const getAllStates = () => {
@@ -4594,7 +4023,7 @@ const openWidget = async (moduleId, ...args) => {
     commands.splice(setFocusContextIndex, 1);
   }
   commands.push(['Viewlet.focus', childUid]);
-  await invoke$h('Viewlet.executeCommands', commands);
+  await invoke$i('Viewlet.executeCommands', commands);
   // TODO send focus changes to renderer process together with other message
   if (focusContext) {
     setFocus(focusContext);
@@ -4610,7 +4039,7 @@ const closeWidget = async id => {
     const child = childInstance.state;
     const childUid = child.uid;
     const commands = disposeFunctional(childUid);
-    await invoke$h(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
+    await invoke$i(/* Viewlet.dispose */'Viewlet.sendMultiple', commands);
     // TODO restore focus
   } catch (error) {
     throw new VError(error, `Failed to close widget ${id}`);
@@ -4646,7 +4075,7 @@ const getFn$1 = async (module, fnName) => {
 const executeViewletCommand = async (uid, fnName, ...args) => {
   const instance = getInstance(uid);
   if (!instance) {
-    warn$1(`cannot execute ${fnName} instance not found ${uid}`);
+    warn(`cannot execute ${fnName} instance not found ${uid}`);
     return;
   }
   const fn = await getFn$1(instance.factory, fnName);
@@ -4667,7 +4096,7 @@ const executeViewletCommand = async (uid, fnName, ...args) => {
   if (commands.length === 0) {
     return;
   }
-  await invoke$h(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
+  await invoke$i(/* Viewlet.sendMultiple */'Viewlet.sendMultiple', /* commands */commands);
 };
 
 // @ts-ignore
@@ -4679,7 +4108,7 @@ const disposeWidgetWithValue = async (id, value) => {
     }
     const instance = getInstance(id);
     if (!instance) {
-      warn$1(`cannot dispose instance ${id} because it may already be disposed`);
+      warn(`cannot dispose instance ${id} because it may already be disposed`);
       return [];
     }
     // TODO status should have enum
@@ -4707,7 +4136,7 @@ const disposeWidgetWithValue = async (id, value) => {
     instance.status = 'disposed';
     remove$7(id);
     remove$7(uid);
-    await invoke$h('Viewlet.sendMultiple', commands);
+    await invoke$i('Viewlet.sendMultiple', commands);
     // return commands
     const parentInstance = getInstance(KeyBindings);
     if (!parentInstance) {
@@ -4779,6 +4208,106 @@ const getAbsoluteIconPath = (iconTheme, icon) => {
   return `${assetDir}/file-icons/${result.slice(12)}`;
 };
 
+// based on https://github.com/babel/babel/blob/6be6e04f396f03feace4431f709564a8d842163a/packages/babel-code-frame/src/index.ts (License MIT)
+
+/**
+ * RegExp to test for newlines in terminal.
+ */
+
+const NEWLINE = /\n/;
+
+/**
+ * Extract what lines should be marked and highlighted.
+ */
+const getMarkerLines = (loc, source, opts) => {
+  const startLoc = {
+    column: 0,
+    line: -1,
+    ...loc.start
+  };
+  const endLoc = {
+    ...startLoc,
+    ...loc.end
+  };
+  const {
+    linesAbove = 2,
+    linesBelow = 3
+  } = opts || {};
+  const startLine = startLoc.line;
+  const startColumn = startLoc.column;
+  const endLine = endLoc.line;
+  const endColumn = endLoc.column;
+  let start = Math.max(startLine - (linesAbove + 1), 0);
+  let end = Math.min(source.length, endLine + linesBelow);
+  if (startLine === -1) {
+    start = 0;
+  }
+  if (endLine === -1) {
+    end = source.length;
+  }
+  const lineDiff = endLine - startLine;
+  const markerLines = {};
+  if (lineDiff) {
+    for (let i = 0; i <= lineDiff; i++) {
+      const lineNumber = i + startLine;
+      if (!startColumn) {
+        markerLines[lineNumber] = true;
+      } else if (i === 0) {
+        const sourceLength = source[lineNumber - 1].length;
+        markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1];
+      } else if (i === lineDiff) {
+        markerLines[lineNumber] = [0, endColumn];
+      } else {
+        const sourceLength = source[lineNumber - i].length;
+        markerLines[lineNumber] = [0, sourceLength];
+      }
+    }
+  } else if (startColumn === endColumn) {
+    markerLines[startLine] = startColumn ? [startColumn, 0] : true;
+  } else {
+    markerLines[startLine] = [startColumn, endColumn - startColumn];
+  }
+  return {
+    start,
+    end,
+    markerLines
+  };
+};
+const create$$ = (rawLines, loc, opts = {}) => {
+  const lines = rawLines.split(NEWLINE);
+  const {
+    start,
+    end,
+    markerLines
+  } = getMarkerLines(loc, lines, opts);
+  const hasColumns = loc.start && typeof loc.start.column === 'number';
+  const numberMaxWidth = String(end).length;
+  let frame = rawLines.split(NEWLINE, end).slice(start, end).map((line, index) => {
+    const number = start + 1 + index;
+    const paddedNumber = ` ${number}`.slice(-numberMaxWidth);
+    const gutter = ` ${paddedNumber} |`;
+    const hasMarker = markerLines[number];
+    const lastMarkerLine = !markerLines[number + 1];
+    if (hasMarker) {
+      let markerLine = '';
+      if (Array.isArray(hasMarker)) {
+        const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replaceAll(/[^\t]/g, ' ');
+        const numberOfMarkers = hasMarker[1] || 1;
+        markerLine = ['\n ', gutter.replaceAll(/\d/g, ' '), ' ', markerSpacing, '^'.repeat(numberOfMarkers)].join('');
+        if (lastMarkerLine && opts.message) {
+          markerLine += ' ' + opts.message;
+        }
+      }
+      return ['>', gutter, line.length > 0 ? ` ${line}` : '', markerLine].join('');
+    }
+    return ` ${gutter}${line.length > 0 ? ` ${line}` : ''}`;
+  }).join(NewLine$1);
+  if (opts.message && !hasColumns) {
+    frame = `${' '.repeat(numberMaxWidth + 1)}${opts.message}\n${frame}`;
+  }
+  return frame;
+};
+
 const state$q = {
   /**
    * @type {any[]}
@@ -4822,7 +4351,7 @@ const getLanguageConfiguration$3 = async languageId => {
 };
 
 const getLanguageConfiguration$2 = async languageId => {
-  warn$1('get language configuration not yet supported on web');
+  warn('get language configuration not yet supported on web');
 };
 
 const getLanguages = async () => {
@@ -4854,6 +4383,11 @@ const getNthFileExtension = (file, startIndex) => {
   return file.lastIndexOf(Dot, startIndex);
 };
 
+const splitLines = lines => {
+  string(lines);
+  return lines.split(NewLine$1);
+};
+
 // TODO merge all of this with extension host languages module
 
 const state$p = {
@@ -4978,7 +4512,7 @@ const contributionPointFileExtensions = {
   key: 'fileExtensions',
   handle(value, languageId) {
     if (value) {
-      warn$1(`[renderer-worker] unsupported property "fileExtensions" for language ${languageId}, use the property "extensions" instead`);
+      warn(`[renderer-worker] unsupported property "fileExtensions" for language ${languageId}, use the property "extensions" instead`);
     }
   }
 };
@@ -4991,7 +4525,7 @@ const contributionPointFileNames = {
           const fileNameLower = fileName.toLowerCase();
           addFileName(fileNameLower, languageId);
         } else {
-          warn$1(`[renderer-worker] language.fileNames for ${languageId} should be an array of strings but includes ${typeof fileName}`);
+          warn(`[renderer-worker] language.fileNames for ${languageId} should be an array of strings but includes ${typeof fileName}`);
         }
       }
     }
@@ -5021,7 +4555,7 @@ const warnFileNames = (languageId, language) => {
       break;
     }
   }
-  const codeFrame = create$13(code, {
+  const codeFrame = create$$(code, {
     start: {
       line: rowIndex + 1,
       column: columnIndex + 1
@@ -5031,7 +4565,7 @@ const warnFileNames = (languageId, language) => {
       column: columnIndex + 'filenames'.length + 1
     }
   });
-  warn$1(`Please use "fileNames" instead of "filenames" for language ${languageId}
+  warn(`Please use "fileNames" instead of "filenames" for language ${languageId}
 ${codeFrame}
 `);
 };
@@ -5050,7 +4584,7 @@ const contributionPointExtensions = {
         if (typeof extension === 'string') {
           addExtension(extension, languageId);
         } else {
-          warn$1(`[renderer-worker] language.extensions for ${languageId} should be an array of strings but includes ${typeof extension}`);
+          warn(`[renderer-worker] language.extensions for ${languageId} should be an array of strings but includes ${typeof extension}`);
         }
       }
     }
@@ -5068,7 +4602,7 @@ const contributionPoints = [contributionPointFileExtensions, contributionPointEx
 const addLanguage = language => {
   const languageId = language.id;
   if (!languageId) {
-    warn$1('[renderer-worker] language is missing id', language);
+    warn('[renderer-worker] language is missing id', language);
     return;
   }
   // TODO could use object destructuing here
@@ -5200,7 +4734,7 @@ const getIcon$1 = dirent => {
     case Socket:
       return getAbsoluteIconPath(getIconTheme(), File$4);
     default:
-      warn$1(`unsupported type ${dirent.type}`);
+      warn(`unsupported type ${dirent.type}`);
       return None$e;
   }
 };
@@ -5225,7 +4759,7 @@ const hydrate$3 = async () => {
 };
 
 const getInitData = async () => {
-  const rendererProcessInitData = await invoke$h('InitData.getInitData');
+  const rendererProcessInitData = await invoke$i('InitData.getInitData');
   // TODO get the following items
   // - location.href
   // - workspace
@@ -5242,7 +4776,7 @@ const getInitData = async () => {
 const RendererWorker = 108;
 
 const listen = method => {
-  return create$11({
+  return create$13({
     method,
     type: 'shared-process',
     name: 'Shared Process',
@@ -5594,7 +5128,7 @@ const getRecentlyOpened$1 = async () => {
     // TODO should check for error.code
     if (error && error instanceof Error && error.message.includes('File not found')) ; else if (error && error instanceof Error && error.message.includes('failed to parse json')) ; else {
       const vError = new VError(error, 'Failed to read recently opened');
-      warn$1(vError);
+      warn(vError);
     }
     return [];
   }
@@ -6103,7 +5637,7 @@ const startup = async () => {
   mark(DidLoadColorTheme);
   mark$1(Four);
   mark(WillShowLayout);
-  const layout = create$$(load$4, Layout, 0, '', 0, 0, 0, 0);
+  const layout = create$10(load$4, Layout, 0, '', 0, 0, 0, 0);
   layout.uid = create$12();
   const layoutState = await getSavedViewletState(Layout);
   const commands = await load$6({
@@ -6124,7 +5658,7 @@ const startup = async () => {
   const placeholderCommands = layoutModule.factory.getInitialPlaceholderCommands(layoutModule.state);
   commands.push(...placeholderCommands);
   commands.push(['Viewlet.appendToBody', layout.uid]);
-  await invoke$h('Viewlet.executeCommands', commands);
+  await invoke$i('Viewlet.executeCommands', commands);
   // await Layout.hydrate(initData)
   mark(DidShowLayout);
   mark(WillLoadLanguages);
@@ -6771,7 +6305,7 @@ const getCacheKey$1 = colorThemeId => {
 };
 const get$8 = colorThemeId => {
   const cacheKey = getCacheKey$1(colorThemeId);
-  return getText(cacheKey);
+  return getText$1(cacheKey);
 };
 const set$9 = (colorThemeId, data) => {
   const cacheKey = getCacheKey$1(colorThemeId);
@@ -7332,7 +6866,7 @@ const readDirWithFileTypes$4 = uri => {
 const getBlobUrl$1 = uri => {
   return invoke$f('FileSystemMemory.getBlobUrl', uri);
 };
-const getBlob$3 = async uri => {
+const getBlob$4 = async uri => {
   return invoke$f('FileSystemMemory.getBlob', uri);
 };
 const chmod$2 = (path, permissions) => {
@@ -7345,7 +6879,7 @@ const getFiles = () => {
 const FileSystemMemory = {
   __proto__: null,
   chmod: chmod$2,
-  getBlob: getBlob$3,
+  getBlob: getBlob$4,
   getBlobUrl: getBlobUrl$1,
   getFiles,
   getPathSeparator: getPathSeparator$4,
@@ -7683,7 +7217,7 @@ const readDirWithFileTypes$2 = async uri => {
 const chmod$1 = (path, permissions) => {
   return invoke$f('FileSystemFetch.chmod', path, permissions);
 };
-const getBlob$2 = async (uri, type) => {
+const getBlob$3 = async (uri, type) => {
   return invoke$f('FileSystemFetch.getBlob', uri, type);
 };
 
@@ -7691,7 +7225,7 @@ const FileSystemFetch = {
   __proto__: null,
   canBeRestored: canBeRestored$3,
   chmod: chmod$1,
-  getBlob: getBlob$2,
+  getBlob: getBlob$3,
   getPathSeparator: getPathSeparator$2,
   mkdir: mkdir$1,
   name: name$2j,
@@ -7755,7 +7289,7 @@ const getBlobUrl = path => {
   }
   return getRemoteSrc(path);
 };
-const getBlob$1 = async (path, type) => {
+const getBlob$2 = async (path, type) => {
   const content = await invoke$g('FileSystem.readFileAsBuffer', path);
   const array = new Uint8Array(content.data);
   const blob = new Blob([array], {
@@ -7792,7 +7326,7 @@ const FileSystemDisk = {
   chmod,
   copy: copy$4,
   ensureFile,
-  getBlob: getBlob$1,
+  getBlob: getBlob$2,
   getBlobUrl,
   getFolderSize,
   getPathSeparator: getPathSeparator$1,
@@ -7936,7 +7470,7 @@ const requestPermission = async (handle, options) => {
   // query permission, but from renderer process
   // because handle.requestPermission is not implemented
   // in a worker, see https://github.com/WICG/file-system-access/issues/289
-  const permissionTypeNow = await invoke$h('FileSystemHandle.requestPermission', handle, options);
+  const permissionTypeNow = await invoke$i('FileSystemHandle.requestPermission', handle, options);
   return permissionTypeNow;
 };
 const queryPermission = async (handle, options) => {
@@ -8136,7 +7670,7 @@ const getBlobSrc = async uri => {
   const blobUrl = URL.createObjectURL(file);
   return blobUrl;
 };
-const getBlob = async (uri, type) => {
+const getBlob$1 = async (uri, type) => {
   const handle = await getFileHandle(uri);
   if (!handle) {
     throw new Error(`file not found`);
@@ -8150,7 +7684,7 @@ const canBeRestored$1 = true;
 const FileSystemHtml = {
   __proto__: null,
   canBeRestored: canBeRestored$1,
-  getBlob,
+  getBlob: getBlob$1,
   getBlobSrc,
   getChildHandles,
   getDirents,
@@ -8509,7 +8043,7 @@ const getConfiguredWorkerUrl$a = () => {
 };
 const launchAboutViewWorker = async () => {
   const name = 'About View Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$a()
@@ -8553,13 +8087,76 @@ const About_ipc = {
   name: name$2h
 };
 
+/**
+ *
+ // @ts-ignore
+ * @returns {Promise<any>}
+ */
+const loadKy = async () => {
+  const url = `${assetDir}/js/ky.js`;
+  const module = await import(url);
+  return module;
+};
+
+const getJson$1 = async (url, options = {}) => {
+  try {
+    string(url);
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    const result = await response.json();
+    return result;
+  } catch (error) {
+    if (error && error instanceof TypeError && error.message === 'Failed to fetch') {
+      throw new VError(`Failed to request json from "${url}". Make sure that the server is running and has CORS enabled`);
+    }
+    // @ts-ignore
+    error.message = `Failed to request json from "${url}": ${error.message}`;
+    throw error;
+  }
+};
+const getText = async (url, options = {}) => {
+  try {
+    const {
+      default: ky
+    } = await loadKy();
+    return await ky(url, options).text();
+  } catch (error) {
+    if (error && error instanceof TypeError && error.message === 'Failed to fetch') {
+      throw new VError(error, `Failed to request text from "${url}". Make sure that the server is running and has CORS enabled`);
+    }
+    throw new VError(error, `Failed to request text from "${url}"`);
+  }
+};
+const getBlob = async (url, options = {}) => {
+  try {
+    const {
+      default: ky
+    } = await loadKy();
+    return await ky(url, options).blob();
+  } catch (error) {
+    throw new VError(error, `Failed to request blob from "${url}"`);
+  }
+};
+const getResponse$1 = async (url, options) => {
+  try {
+    const {
+      default: ky
+    } = await loadKy();
+    return await ky(url, options);
+  } catch (error) {
+    throw new VError(error, `Failed to request response from "${url}"`);
+  }
+};
+
 // TODO only use Ajax module via ipc -> that way is is always lazyloaded
 
 const name$2g = 'Ajax';
 const Commands$2a = {
-  getBlob: getBlob$5,
-  getJson: getJson$6,
-  getText: getText$2
+  getBlob: getBlob,
+  getJson: getJson$1,
+  getText: getText
 };
 
 const Ajax_ipc = {
@@ -8570,7 +8167,7 @@ const Ajax_ipc = {
 
 const playBell = async () => {
   const src = '/sounds/bell.oga';
-  await invoke$h(/* Audio.play */3211, /* src */src);
+  await invoke$i(/* Audio.play */3211, /* src */src);
 };
 
 const name$2f = 'Audio';
@@ -8729,11 +8326,11 @@ const GetEditorSourceActions_ipc = {
 };
 
 const getFileHandles = ids => {
-  return invoke$h('FileHandles.get', ids);
+  return invoke$i('FileHandles.get', ids);
 };
 
 const getFilePathElectron = async file => {
-  return invoke$h('GetFilePathElectron.getFilePathElectron', file);
+  return invoke$i('GetFilePathElectron.getFilePathElectron', file);
 };
 
 const name$2c = 'FileSystemHandle';
@@ -9012,7 +8609,7 @@ const setResponse = async (key, value, contentType) => {
     key = 'https://example.com' + key;
   }
   if (typeof value !== 'string') {
-    warn$1(`invalid value ${value}`);
+    warn(`invalid value ${value}`);
     return;
   }
   const cacheName = getCacheName();
@@ -9165,7 +8762,7 @@ const Chrome_ipc = {
 
 const readText = async () => {
   try {
-    return await invoke$h('ClipBoard.readText');
+    return await invoke$i('ClipBoard.readText');
   } catch (error) {
     // @ts-ignore
     if (error.message === 'Read permission denied.') {
@@ -9182,7 +8779,7 @@ const readText = async () => {
 const writeText$1 = async text => {
   try {
     string(text);
-    await invoke$h('ClipBoard.writeText', /* text */text);
+    await invoke$i('ClipBoard.writeText', /* text */text);
   } catch (error) {
     throw new VError(error, 'Failed to write text to clipboard');
   }
@@ -9209,14 +8806,14 @@ const readNativeFiles = async () => {
 };
 const writeImage = async blob => {
   try {
-    return await invoke$h('ClipBoard.writeImage', blob);
+    return await invoke$i('ClipBoard.writeImage', blob);
   } catch (error) {
     throw new VError(error, 'Failed to write image to clipboard');
   }
 };
 const execCopy = async () => {
   try {
-    return await invoke$h('ClipBoard.execCopy');
+    return await invoke$i('ClipBoard.execCopy');
   } catch (error) {
     throw new VError(error, 'Failed to copy selected text');
   }
@@ -9291,7 +8888,7 @@ const prompt$3 = async (message, confirmMessage, title, cancelMessage) => {
 };
 
 const prompt$2 = async (message, confirmMessage, title) => {
-  const result = await invoke$h('ConfirmPrompt.prompt', message);
+  const result = await invoke$i('ConfirmPrompt.prompt', message);
   return result;
 };
 
@@ -9709,6 +9306,10 @@ const formatStartupPerformanceEntries = (entries, firstTimeOrigin) => {
   return formatStartupPerformanceEntriesWithDuration(entries, firstTimeOrigin);
 };
 
+const joinLines = lines => {
+  return lines.join(NewLine$1);
+};
+
 const formatNodeTiming = nodeStartupTiming => {
   const header = ['Name', 'Value'];
   const rows = Object.entries(nodeStartupTiming).map(([key, value]) => {
@@ -9959,10 +9560,10 @@ const getSharedProcessMemoryUsage = () => {
   return invoke$g(/* Developer.sharedProcessMemoryUsage */'Developer.sharedProcessMemoryUsage');
 };
 const getPerformanceMemory = () => {
-  return invoke$h('Performance.getMemory');
+  return invoke$i('Performance.getMemory');
 };
 const getPerformanceUserAgentSpecificMemory = () => {
-  return invoke$h('Performance.measureUserAgentSpecificMemory');
+  return invoke$i('Performance.measureUserAgentSpecificMemory');
 };
 
 // TODO handle case when renderer process and renderer worker are same process communicating via messagePort
@@ -10121,10 +9722,10 @@ const state$h = {
   dialog: undefined
 };
 const openFileWeb = () => {
-  warn$1('open file - not implemented');
+  warn('open file - not implemented');
 };
 const openFileRemote = () => {
-  warn$1('open file - not implemented');
+  warn('open file - not implemented');
 };
 const openFileElectron = async () => {
   const [file] = await showOpenDialog('Open File', ['openFile', 'dontAddToRecent', 'showHiddenFiles']);
@@ -10202,7 +9803,7 @@ const Dialog_ipc = {
 const downloadFile = async (fileName, url) => {
   string(fileName);
   string(url);
-  await invoke$h(/* Download.downloadFile */'Download.downloadFile', /* fileName */fileName, /* url */url);
+  await invoke$i(/* Download.downloadFile */'Download.downloadFile', /* fileName */fileName, /* url */url);
 };
 const downloadToDownloadsFolder = async (fileName, url) => {
   const downloadFolder = await getDownloadDir();
@@ -10306,7 +9907,7 @@ const show$9 = async (editor, message, rowIndex, columnIndex) => {
   const x$1 = x(editor, rowIndex, columnIndex);
   // @ts-ignore
   const y$1 = y(editor, rowIndex);
-  await invoke$h(/* EditorError.show */'EditorError.show', /* message */message, /* x */x$1, /* y */y$1);
+  await invoke$i(/* EditorError.show */'EditorError.show', /* message */message, /* x */x$1, /* y */y$1);
 };
 
 const Commands$1R = {
@@ -11304,7 +10905,7 @@ const Extensions_ipc = {
 
 const showDirectoryPicker = async options => {
   try {
-    return await invoke$h('FilePicker.showDirectoryPicker', options);
+    return await invoke$i('FilePicker.showDirectoryPicker', options);
   } catch (error) {
     if (error &&
     // @ts-ignore
@@ -11315,11 +10916,11 @@ const showDirectoryPicker = async options => {
   }
 };
 const showFilePicker = options => {
-  return invoke$h('FilePicker.showFilePicker', options);
+  return invoke$i('FilePicker.showFilePicker', options);
 };
 const showSaveFilePicker = async options => {
   try {
-    return await invoke$h('FilePicker.showSaveFilePicker', options);
+    return await invoke$i('FilePicker.showSaveFilePicker', options);
   } catch (error) {
     if (error &&
     // @ts-ignore
@@ -11347,7 +10948,7 @@ const name$1M = 'FileSystem';
 const Commands$1F = {
   chmod: chmod$3,
   copy: copy$6,
-  getBlob: getBlob$4,
+  getBlob: getBlob$5,
   getFolderSize: getFolderSize$1,
   getPathSeparator: getPathSeparator$8,
   mkdir: mkdir$7,
@@ -11401,15 +11002,15 @@ const show$8 = async (uri, top, left) => {
     if (version !== state$e.versionId) {
       return;
     }
-    await invoke$h(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* imageUrl */blobUrl, /* top */top - TOP, /* left */left - WIDTH - SPACE);
+    await invoke$i(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* imageUrl */blobUrl, /* top */top - TOP, /* left */left - WIDTH - SPACE);
   } catch (error) {
     console.error(error);
-    await invoke$h(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* message */'Image could not be loaded', /* top */top - TOP, /* left */left - WIDTH - SPACE);
+    await invoke$i(/* Viewlet.hydrate */3028, /* id */'ImagePreview', /* message */'Image could not be loaded', /* top */top - TOP, /* left */left - WIDTH - SPACE);
   }
 };
 const hide$4 = async () => {
   ++state$e.versionId;
-  await invoke$h(/* Viewlet.dispose */'Viewlet.dispose', /* id */'ImagePreview');
+  await invoke$i(/* Viewlet.dispose */'Viewlet.dispose', /* id */'ImagePreview');
 };
 
 // TODO only use ImagePreview module via ipc -> that way is is always lazyloaded
@@ -11537,7 +11138,7 @@ const wrappedCreate = options => {
   if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
     options.url = getExtensionHostSubWorkerUrl();
   }
-  return create$11(options);
+  return create$13(options);
 };
 const Commands$1z = {
   create: wrappedCreate
@@ -11610,7 +11211,7 @@ const execute$2 = (id, ...args) => {
   number$1(id);
   const listener = state$c[id];
   if (!listener) {
-    warn$1(`listener with id ${id} not found`);
+    warn(`listener with id ${id} not found`);
     return;
   }
   return listener(...args);
@@ -11630,8 +11231,8 @@ const Listener_ipc = {
 const name$1D = 'LocalStorage';
 const Commands$1v = {
   clear: clear$4,
-  getJson: getJson$4,
-  getText: getText,
+  getJson: getJson$5,
+  getText: getText$1,
   setJson: setJson$4,
   setText: setText
 };
@@ -11644,7 +11245,7 @@ const LocalStorage_ipc = {
 
 const executeMenuItemCommand = async item => {
   if (!item.command) {
-    warn$1('item has missing command', item);
+    warn('item has missing command', item);
     return;
   }
   const args = item.args || [];
@@ -12415,7 +12016,7 @@ const getMenuHeight = items => {
 };
 const getCurrentMenu = () => {
   if (state$b.menus.length === 0) {
-    warn$1('menu not available');
+    warn('menu not available');
   }
   return state$b.menus.at(-1);
 };
@@ -12461,7 +12062,7 @@ const show$7 = async (x, y, id, mouseBlocking = false, ...args) => {
   });
   const visible = getVisible(menu.items, -1, false, menu.level);
   const dom = getMenuVirtualDom(visible).slice(1);
-  await invoke$h(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
+  await invoke$i(/* Menu.show */'Menu.showMenu', /* x */bounds.x, /* y */bounds.y, /* width */bounds.width, /* height */bounds.height, /* items */menu.items, /* level */menu.level, /* parentIndex */-1, /* dom */dom, /* mouseBlocking */mouseBlocking);
 };
 const showSubMenuAtEnter = async (level, index, enterX, enterY) => {
   // TODO delete old menus
@@ -12483,7 +12084,7 @@ const showSubMenuAtEnter = async (level, index, enterX, enterY) => {
   const height = getMenuHeight(subMenuItems);
   const visible = getVisible(subMenu.items, -1, false, subMenu.level);
   const dom = getMenuVirtualDom(visible).slice(1);
-  invoke$h(/* Menu.showMenu */'Menu.showMenu', /* x */subMenu.x, /* y */subMenu.y, /* width */width, /* height */height, /* items */subMenu.items, /* level */subMenu.level, /* parentIndex */index, /* dom */dom);
+  invoke$i(/* Menu.showMenu */'Menu.showMenu', /* x */subMenu.x, /* y */subMenu.y, /* width */width, /* height */height, /* items */subMenu.items, /* level */subMenu.level, /* parentIndex */index, /* dom */dom);
 };
 const showSubMenu = async (level, index) => {
   await showSubMenuAtEnter(level, index, -1, -1);
@@ -12543,7 +12144,7 @@ const hide$3 = async (restoreFocus = true) => {
     return;
   }
   state$b.menus = [];
-  await invoke$h(/* Menu.hide */'Menu.hide', /* restoreFocus */restoreFocus);
+  await invoke$i(/* Menu.hide */'Menu.hide', /* restoreFocus */restoreFocus);
 };
 
 // TODO difference between focusing with mouse or keyboard
@@ -12553,7 +12154,7 @@ const hide$3 = async (restoreFocus = true) => {
 const hideSubMenus = async level => {
   if (level < state$b.menus.length) {
     state$b.menus = state$b.menus.slice(0, level + 1);
-    await invoke$h(/* Menu.hideSubMenu */'Menu.hideSubMenu', /* level */level + 1);
+    await invoke$i(/* Menu.hideSubMenu */'Menu.hideSubMenu', /* level */level + 1);
   }
 };
 const MENU_DELAY_TRIANGLE = 300;
@@ -12598,7 +12199,7 @@ const handleMouseLeave = async () => {
   }
   const oldFocusedIndex = menu.focusedIndex;
   menu.focusedIndex = -1;
-  await invoke$h(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */-1);
+  await invoke$i(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */-1);
 };
 const focusIndex$6 = async (menu, index) => {
   if (menu.items.length === 0) {
@@ -12606,7 +12207,7 @@ const focusIndex$6 = async (menu, index) => {
   }
   const oldFocusedIndex = menu.focusedIndex;
   menu.focusedIndex = index;
-  await invoke$h(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */index);
+  await invoke$i(/* Menu.focusIndex */'Menu.focusIndex', /* level */menu.level, /* oldFocusedIndex */oldFocusedIndex, /* newFocusedIndex */index);
 };
 const getIndexToFocusNextStartingAt = (items, startIndex) => {
   for (let i = startIndex; i < startIndex + items.length; i++) {
@@ -12851,22 +12452,22 @@ const state$9 = {
   focusedPart: PART_TITLE_BAR
 };
 const focusActivityBar = async () => {
-  await invoke$h(/* ActivityBar.focus */717115);
+  await invoke$i(/* ActivityBar.focus */717115);
 };
 const focusStatusBar = async () => {
-  await invoke$h(/* StatusBar.focus */8882);
+  await invoke$i(/* StatusBar.focus */8882);
 };
 const focusPanel = async () => {
-  await invoke$h(/* Panel.focus */6664);
+  await invoke$i(/* Panel.focus */6664);
 };
 const focusSideBar = async () => {
-  await invoke$h(/* SideBar.focus */5554);
+  await invoke$i(/* SideBar.focus */5554);
 };
 const focusTitleBar = async () => {
-  await invoke$h(/* TitleBar.focus */1331);
+  await invoke$i(/* TitleBar.focus */1331);
 };
 const focusMain = async () => {
-  await invoke$h(/* Main.focus */2145);
+  await invoke$i(/* Main.focus */2145);
 };
 const focusPart = part => {
   state$9.focusedPart = part;
@@ -12977,7 +12578,7 @@ const create$S = async (type, text) => {
     type,
     text
   });
-  await invoke$h(/* Notification.create */'Notification.create', /* type */type, /* text */text);
+  await invoke$i(/* Notification.create */'Notification.create', /* type */type, /* text */text);
 };
 const showWithOptions = async (type, text, options) => {
   // @ts-ignore
@@ -12986,7 +12587,7 @@ const showWithOptions = async (type, text, options) => {
     text,
     options
   });
-  await invoke$h(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
+  await invoke$i(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
 const handleClick$5 = index => {
   console.log('handle click');
@@ -13002,7 +12603,7 @@ const handleClick$5 = index => {
   });
 };
 const dispose$t = async id => {
-  await invoke$h(/* Notification.dispose */'Notification.dispose', /* id */id);
+  await invoke$i(/* Notification.dispose */'Notification.dispose', /* id */id);
 };
 
 const name$1y = 'Notification';
@@ -13021,7 +12622,7 @@ const Notification_ipc = {
 
 const openUrlWeb = async url => {
   try {
-    await invoke$h(/* Open.openUrl */'Open.openUrl', /* url */url);
+    await invoke$i(/* Open.openUrl */'Open.openUrl', /* url */url);
   } catch (error) {
     throw new VError(error, `Failed to open url ${url}`);
   }
@@ -13094,7 +12695,7 @@ const Preferences_ipc = {
 };
 
 const prompt = (message, defaultValue) => {
-  return invoke$h('Prompt.prompt', message, defaultValue);
+  return invoke$i('Prompt.prompt', message, defaultValue);
 };
 
 const name$1t = 'Prompt';
@@ -13224,7 +12825,7 @@ const SessionReplay_ipc = {
 const name$1m = 'SessionStorage';
 const Commands$1e = {
   clear: clear$3,
-  getJson: getJson$2
+  getJson: getJson$3
 };
 
 const SessionStorage_ipc = {
@@ -13249,7 +12850,7 @@ const testWorkerUrl = `${assetDir}/packages/test-worker/dist/testWorkerMain.js`;
 
 const launchTestWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$8('develop.testWorkerPath', testWorkerUrl);
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Test Worker'
@@ -13260,7 +12861,7 @@ const launchTestWorker = async () => {
 
 const execute$1 = async href => {
   const ipc = await launchTestWorker();
-  await invoke$i(ipc, 'Test.execute', href);
+  await invoke$j(ipc, 'Test.execute', href);
 };
 
 const name$1l = 'Test';
@@ -13275,16 +12876,16 @@ const Test_ipc = {
 };
 
 const checkSingleElementCondition = (locator, fnName, options) => {
-  return invoke$h('TestFrameWork.checkSingleElementCondition', locator, fnName, options);
+  return invoke$i('TestFrameWork.checkSingleElementCondition', locator, fnName, options);
 };
 const checkMultiElementCondition = (locator, fnName, options) => {
-  return invoke$h('TestFrameWork.checkMultiElementCondition', locator, fnName, options);
+  return invoke$i('TestFrameWork.checkMultiElementCondition', locator, fnName, options);
 };
 const showOverlay = (...args) => {
-  return invoke$h('TestFrameWork.showOverlay', ...args);
+  return invoke$i('TestFrameWork.showOverlay', ...args);
 };
 const performAction = (...args) => {
-  return invoke$h('TestFrameWork.performAction', ...args);
+  return invoke$i('TestFrameWork.performAction', ...args);
 };
 
 const name$1k = 'TestFrameWork';
@@ -13378,10 +12979,10 @@ const WindowTitle_ipc = {
 };
 
 const mock = () => {
-  return invoke$h('PointerCapture.mock');
+  return invoke$i('PointerCapture.mock');
 };
 const unmock = () => {
-  return invoke$h('PointerCapture.unmock');
+  return invoke$i('PointerCapture.unmock');
 };
 
 const name$1e = 'PointerCapture';
@@ -13517,7 +13118,7 @@ const terminalWorkerUrl = `${assetDir}/packages/terminal-worker/dist/terminalWor
 
 const launchTerminalWorker = async () => {
   const name = platform === Electron$1 ? 'Terminal Worker (Electron)' : 'Terminal Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: terminalWorkerUrl
@@ -13534,7 +13135,7 @@ const {
 const create$R = async canvasId => {
   number$1(canvasId);
   const id = create$12();
-  await invoke$h('OffscreenCanvas.create', canvasId, id);
+  await invoke$i('OffscreenCanvas.create', canvasId, id);
   const canvas = acquire(id);
   return canvas;
 };
@@ -13884,7 +13485,7 @@ const launchSyntaxHighlightingWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$7();
   const name = 'Syntax Highlighting Worker';
   const id = create$12();
-  let ipc = await create$11({
+  let ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: configuredWorkerUrl,
@@ -14004,7 +13605,7 @@ const compat = {
     return invoke$g(...args);
   },
   rendererProcessInvoke(...args) {
-    return invoke$h(...args);
+    return invoke$i(...args);
   },
   rendererProcessInvokeAndTransfer(...args) {
     return invokeAndTransfer$4(...args);
@@ -14047,7 +13648,7 @@ const WebView_ipc = {
 };
 
 const launchSearchProcess = async () => {
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: NodeAlternate,
     type: 'search-process',
     name: 'Search Process',
@@ -14072,7 +13673,7 @@ const getOrCreate$1 = () => {
 };
 const invoke$b = async (method, ...params) => {
   const ipc = await getOrCreate$1();
-  return invoke$i(ipc, method, ...params);
+  return invoke$j(ipc, method, ...params);
 };
 
 const name$T = 'SearchProcess';
@@ -14203,7 +13804,7 @@ const getConfiguredWorkerUrl$6 = () => {
 };
 const launchMarkdownWorker = async () => {
   const name = 'Markdown Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$6()
@@ -15249,7 +14850,7 @@ const create$M = (id, uri, x, y, width, height) => {
 };
 const loadContent$H = state => {
   const update = async () => {
-    await invoke$h(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
+    await invoke$i(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
   };
   return {
     ...state,
@@ -15969,7 +15570,7 @@ const getConfiguredWorkerUrl$5 = () => {
 };
 const launchIframeInspectorWorker = async () => {
   const name = 'Iframe Inspector Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$5()
@@ -16100,7 +15701,7 @@ const ViewletIframeInspector_ipc = {
 const diffWorkerUrl = `${assetDir}/packages/diff-worker/dist/diffWorkerMain.js`;
 
 const launchDiffWorker = async () => {
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: diffWorkerUrl,
     name: 'Diff Worker'
@@ -16612,7 +16213,7 @@ const warnDeprecatedArrayReturn = (languageId, fn) => {
     return;
   }
   state$5.warned.push(fn);
-  warn$1(`tokenizers without hasArrayReturn=false are deprecated (language ${languageId})`);
+  warn(`tokenizers without hasArrayReturn=false are deprecated (language ${languageId})`);
 };
 /**
  *
@@ -17578,7 +17179,7 @@ const editorWorkerUrl = `${assetDir}/packages/editor-worker/dist/editorWorkerMai
 const launchEditorWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$8('developer.editorWorkerPath', editorWorkerUrl);
   const id = create$12();
-  let ipc = await create$11({
+  let ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Editor Worker',
@@ -17593,7 +17194,7 @@ const launchEditorWorker = async () => {
   handleIpc(ipc);
   const syntaxHighlightingWorker = true;
   const syncIncremental = true;
-  await invoke$i(ipc, 'Initialize.initialize', syntaxHighlightingWorker, syncIncremental);
+  await invoke$j(ipc, 'Initialize.initialize', syntaxHighlightingWorker, syncIncremental);
   return ipc;
 };
 
@@ -17900,7 +17501,7 @@ const Commands$s = {
   ...wrapEditorCommands(ids),
   // TODO
   async showOverlayMessage(state, editor, ...args) {
-    await invoke$h(...args);
+    await invoke$i(...args);
     return state;
   }
 };
@@ -18066,7 +17667,7 @@ const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerVie
 
 const launchExplorerWorker = async () => {
   const configuredWorkerUrl = getConfiguredWorkerUrl$8('develop.explorerWorkerPath', explorerWorkerUrl);
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
     name: 'Explorer Worker'
@@ -18313,7 +17914,7 @@ const getConfiguredWorkerUrl$4 = () => {
 };
 const launchExtensionDetailViewWorker = async () => {
   const name = 'Extension Detail View Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$4()
@@ -18500,7 +18101,7 @@ const getConfiguredWorkerUrl$3 = () => {
 };
 const launchExtensionSearchViewWorker = async () => {
   const name = platform === Electron$1 ? 'Extension Search View Worker (Electron)' : 'Extension Search View Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$3()
@@ -19491,7 +19092,7 @@ const getConfiguredWorkerUrl$2 = () => {
 };
 const launchKeyBindingsViewWorker = async () => {
   const name = 'KeyBindings View Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$2()
@@ -20467,7 +20068,7 @@ const showAsync = async (uid, points, module) => {
     if (commands) {
       commands.push(['Viewlet.append', uid, viewletUid]);
     }
-    await invoke$h('Viewlet.sendMultiple', commands);
+    await invoke$i('Viewlet.sendMultiple', commands);
     // TODO
     // 2. load module
     // 3. if module is still visible, replace placeholder with actual viewlet
@@ -21823,7 +21424,7 @@ const focusIndex$3 = async (state, index) => {
     };
   }
   const instanceUid = create$12();
-  const instance = create$$(load$4, id, uid, editor.uri, x, y, width, contentHeight);
+  const instance = create$10(load$4, id, uid, editor.uri, x, y, width, contentHeight);
   instance.show = false;
   instance.setBounds = false;
   instance.uid = instanceUid;
@@ -21994,7 +21595,7 @@ const openUri = async (state, uri, focus = true, {
     disposeCommands = hideFunctional(previousUid);
   }
   const instanceUid = create$12();
-  const instance = create$$(load$4, moduleId, state.uid, uri, x, y, width, contentHeight);
+  const instance = create$10(load$4, moduleId, state.uid, uri, x, y, width, contentHeight);
   instance.uid = instanceUid;
   // const oldActiveIndex = state.activeIndex
   const tabLabel = getLabel$3(uri);
@@ -22294,7 +21895,7 @@ const loadContent$o = async (state, savedState) => {
   once(Twelve, hydrateLazy);
   addListener('editor.change', handleEditorChange$1);
   addListener('titleUpdated', handleTitleUpdated$1);
-  await invoke$h('Viewlet.loadModule', MainTabs);
+  await invoke$i('Viewlet.loadModule', MainTabs);
   return {
     ...state,
     groups,
@@ -22386,7 +21987,7 @@ const openBackgroundTab$1 = async (state, initialUri, props) => {
   const id = getModuleId(initialUri);
   const tabLabel = 'Loading';
   const tabTitle = 'Loading';
-  await invoke$h(/* Viewlet.send */'Viewlet.send', /* id */Main$3, /* method */'openViewlet', /* tabLabel */tabLabel, /* tabTitle */tabTitle, /* oldActiveIndex */-1, /* background */true);
+  await invoke$i(/* Viewlet.send */'Viewlet.send', /* id */Main$3, /* method */'openViewlet', /* tabLabel */tabLabel, /* tabTitle */tabTitle, /* oldActiveIndex */-1, /* background */true);
   const y = state.y + state.tabHeight;
   const x = state.x;
   const width = state.width;
@@ -22411,7 +22012,7 @@ const openBackgroundTab$1 = async (state, initialUri, props) => {
     title,
     ...props
   });
-  await invoke$h('Viewlet.send', 'Main', 'updateTab', 1, title);
+  await invoke$i('Viewlet.send', 'Main', 'updateTab', 1, title);
   // TODO update tab title with new title
   return state;
 };
@@ -23193,7 +22794,7 @@ const create$n = (id, uri, x, y, width, height) => {
 };
 const loadContent$n = state => {
   const update = async () => {
-    await invoke$h(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
+    await invoke$i(/* Viewlet.invoke */'Viewlet.send', /* id */Clock, /* method */'setTime', /* time */Date.now());
   };
   return {
     ...state,
@@ -23312,7 +22913,7 @@ const contentLoaded$4 = async state => {
 const setOutputChannel = async (state, option) => {
   state.selectedOption = option;
   // TODO race condition
-  await invoke$h(/* viewletSend */'Viewlet.send', /* id */'Output', /* method */'clear');
+  await invoke$i(/* viewletSend */'Viewlet.send', /* id */'Output', /* method */'clear');
   // TODO race condition
   // TODO should use invoke
   await open$4('Output', state.selectedOption);
@@ -23599,7 +23200,7 @@ const openViewlet$1 = async (state, id, focus = false) => {
     const currentViewletUid = currentViewletState.uid;
     number$1(currentViewletUid);
     commands.unshift(...disposeFunctional(currentViewletUid));
-    await invoke$h('Viewlet.sendMultiple', commands);
+    await invoke$i('Viewlet.sendMultiple', commands);
     if (commands.at(-1).includes(Error$3)) {
       state.currentViewletId = Error$3;
     }
@@ -26798,11 +26399,11 @@ const getSources = async options => {
 const getUserMedia = async (captureId, options) => {
   number$1(captureId);
   object(options);
-  await invoke$h('ScreenCapture.start', captureId, options);
+  await invoke$i('ScreenCapture.start', captureId, options);
 };
 const dispose$9 = async captureId => {
   number$1(captureId);
-  await invoke$h('ScreenCapture.dispose', captureId);
+  await invoke$i('ScreenCapture.dispose', captureId);
 };
 
 const createScreenCaptureStream = async captureId => {
@@ -26895,7 +26496,7 @@ const getConfiguredWorkerUrl$1 = () => {
 };
 const launchTextSearchWorker = async () => {
   const name = 'Text Search Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl$1()
@@ -26916,7 +26517,8 @@ const create$e = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    commands: []
+    commands: [],
+    actionsDom: []
   };
 };
 const doCreate = async state => {
@@ -26930,9 +26532,11 @@ const loadContent$e = async (state, savedState) => {
   await invoke$2('TextSearch.loadContent', state.uid, savedState);
   const diffResult = await invoke$2('TextSearch.diff2', state.uid);
   const commands = await invoke$2('TextSearch.render2', state.uid, diffResult);
+  const actionsDom = await invoke$2('TextSearch.renderActions', state.uid);
   return {
     ...state,
-    commands
+    commands,
+    actionsDom
   };
 };
 const dispose$7 = async state => {
@@ -27051,12 +26655,10 @@ const renderEventListeners$2 = async () => {
 
 const renderActions$2 = {
   isEqual(oldState, newState) {
-    return oldState === newState;
+    return oldState.actionsDom === newState.actionsDom;
   },
   apply(oldState, newState) {
-    const actions = [];
-    const dom = getActionsVirtualDom(actions);
-    return dom;
+    return newState.actionsDom;
   }
 };
 
@@ -27214,7 +26816,7 @@ const openViewlet = async (state, moduleId, focus = false, args) => {
       activityBar.state = newState;
       commands.push(...extraCommands);
     }
-    await invoke$h('Viewlet.sendMultiple', commands);
+    await invoke$i('Viewlet.sendMultiple', commands);
   }
 
   // // TODO race condition (check if disposed after created)
@@ -27344,7 +26946,7 @@ const ViewletSideBar_ipc = {
 const embedsWorkerUrl = `${assetDir}/packages/embeds-worker/dist/embedsWorkerMain.js`;
 
 const launchEmbedsWorker = async () => {
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: embedsWorkerUrl,
     name: 'Embeds Worker'
@@ -27489,6 +27091,10 @@ const toIframeSrc = (input, shortcuts = []) => {
   return createSearchUrl(input);
 };
 
+const isEmptyString = string => {
+  return string === EmptyString;
+};
+
 const getDefaultUrl = () => {
   return 'https://example.com';
 };
@@ -29235,7 +28841,7 @@ const resizeEffect = async state => {
   // Terminal.resize(state, width, height)
 };
 const clear = async state => {
-  await invoke$h(/* ViewletTerminal.write */'Terminal.write', /* data */new TextEncoder().encode('TODO clear terminal'));
+  await invoke$i(/* ViewletTerminal.write */'Terminal.write', /* data */new TextEncoder().encode('TODO clear terminal'));
 };
 
 const getActions = state => {
@@ -29383,7 +28989,7 @@ const addTerminal = async state => {
   const oldTab = tabs[selectedIndex];
   const disposeCommands = disposeFunctional(oldTab.uid);
   commands.push(...disposeCommands);
-  await invoke$h('Viewlet.sendMultiple', commands);
+  await invoke$i('Viewlet.sendMultiple', commands);
   return {
     ...state,
     tabs: newTabs,
@@ -29424,7 +29030,7 @@ const focusIndex$1 = async (state, index) => {
   const oldTab = tabs[selectedIndex];
   const disposeCommands = disposeFunctional(oldTab.uid);
   commands.push(...disposeCommands);
-  await invoke$h('Viewlet.sendMultiple', commands);
+  await invoke$i('Viewlet.sendMultiple', commands);
   return {
     ...state,
     selectedIndex: index
@@ -29994,7 +29600,7 @@ const getConfiguredWorkerUrl = () => {
 };
 const launchTitleBarWorker = async () => {
   const name = 'Title Bar Worker';
-  const ipc = await create$11({
+  const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
     url: getConfiguredWorkerUrl()
@@ -30270,7 +29876,7 @@ const resize = (state, dimensions) => {
   };
 };
 const dispose = async state => {
-  await invoke$h('WebView.dispose', state.uid);
+  await invoke$i('WebView.dispose', state.uid);
   return state;
 };
 
@@ -30411,7 +30017,7 @@ const FileSystemAppMemoryUsage = {
 };
 
 const readFileWeb = async (path, defaultContent) => {
-  const content = await getText(path);
+  const content = await getText$1(path);
   return content ?? defaultContent;
 };
 const readFileNode = async (path, defaultContent) => {
@@ -31372,7 +30978,7 @@ const closeTabsRight = async state => {
     const uri = newActiveEditor.uri;
     const moduleId = await getModuleId(uri);
     const uid = newActiveEditor.uid;
-    const instance = create$$(load$4, moduleId, state.uid, uri, x, y, width, contentHeight);
+    const instance = create$10(load$4, moduleId, state.uid, uri, x, y, width, contentHeight);
     // @ts-ignore
     instance.show = false;
     instance.setBounds = false;
@@ -31444,7 +31050,7 @@ const closeOthers = async state => {
     // @ts-ignore
     const contentHeight = state.height - state.tabHeight;
     // @ts-ignore
-    const instance = create$$(load$4, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
+    const instance = create$10(load$4, moduleId, state.uid, focusedEditor.uri, x, y, width, contentHeight);
     instance.uid = instanceUid;
     instance.show = false;
     instance.setBounds = false;
@@ -31680,7 +31286,7 @@ const handleDropFilePathSplit = async (state, eventX, eventY, filePath, splitDir
   create$12();
   // @ts-ignore
   create$12();
-  create$$(load$4, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
+  create$10(load$4, id, state.uid, uri, overlayX, overlayY, overlayWidth, overlayHeight);
   // const sashGridItem = {
   //   x: sashX,
   //   y: sashY,
@@ -31892,7 +31498,7 @@ const splitRight = async state => {
   const realEditor = lastGroup.editors.at(-1);
   const moduleId = await getModuleId(realEditor.uri);
   const instanceUid = create$12();
-  const instance = create$$(load$4, moduleId, state.uid, realEditor.uri, x, y, width, contentHeight);
+  const instance = create$10(load$4, moduleId, state.uid, realEditor.uri, x, y, width, contentHeight);
   // @ts-ignore
   instance.show = false;
   instance.setBounds = false;
@@ -32097,10 +31703,10 @@ const getBuiltinPicks = () => {
 };
 const prefixIdWithExt = item => {
   if (!item.label) {
-    warn('[QuickPick] item has missing label', item);
+    warn$1('[QuickPick] item has missing label', item);
   }
   if (!item.id) {
-    warn('[QuickPick] item has missing id', item);
+    warn$1('[QuickPick] item has missing id', item);
   }
   return {
     ...item,