@lvce-editor/static-server 0.71.21 → 0.72.0

package/static/9f15f2a/packages/main-area-worker/dist/mainAreaWorkerMain.js

@@ -1,4358 +0,0 @@
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const create$6 = () => {
-  const states = Object.create(null);
-  const commandMapRef = {};
-  return {
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    diff(uid, modules, numbers) {
-      const {
-        newState,
-        oldState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, newState)) {
-          diffResult.push(numbers[i]);
-        }
-      }
-      return diffResult;
-    },
-    dispose(uid) {
-      delete states[uid];
-    },
-    get(uid) {
-      return states[uid];
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseInt(key);
-      });
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        newState,
-        oldState
-      };
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          newState,
-          oldState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (oldState === newerState || newState === newerState) {
-          return;
-        }
-        const latestOld = states[uid];
-        const latestNew = {
-          ...latestOld.newState,
-          ...newerState
-        };
-        states[uid] = {
-          newState: latestNew,
-          oldState: latestOld.oldState
-        };
-      };
-      return wrapped;
-    },
-    wrapGetter(fn) {
-      const wrapped = (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        return fn(newState, ...args);
-      };
-      return wrapped;
-    }
-  };
-};
-const terminate = () => {
-  globalThis.close();
-};
-
-const Button$1 = 1;
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const Img = 17;
-const Pre = 51;
-const Reference = 100;
-
-const Button = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const TargetName = 'event.target.name';
-
-const Tab = 13;
-
-const Separator = 1;
-const None = 0;
-
-const ClipBoardWorker = 3400;
-const ExtensionHostWorker = 44;
-const IconThemeWorker = 7009;
-const RendererWorker = 1;
-
-const SetDom2 = 'Viewlet.setDom2';
-const SetPatches = 'Viewlet.setPatches';
-
-const normalizeLine = line => {
-  if (line.startsWith('Error: ')) {
-    return line.slice('Error: '.length);
-  }
-  if (line.startsWith('VError: ')) {
-    return line.slice('VError: '.length);
-  }
-  return line;
-};
-const getCombinedMessage = (error, message) => {
-  const stringifiedError = normalizeLine(`${error}`);
-  if (message) {
-    return `${message}: ${stringifiedError}`;
-  }
-  return stringifiedError;
-};
-const NewLine$2 = '\n';
-const getNewLineIndex$1 = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine$2, startIndex);
-};
-const mergeStacks = (parent, child) => {
-  if (!child) {
-    return parent;
-  }
-  const parentNewLineIndex = getNewLineIndex$1(parent);
-  const childNewLineIndex = getNewLineIndex$1(child);
-  if (childNewLineIndex === -1) {
-    return parent;
-  }
-  const parentFirstLine = parent.slice(0, parentNewLineIndex);
-  const childRest = child.slice(childNewLineIndex);
-  const childFirstLine = normalizeLine(child.slice(0, childNewLineIndex));
-  if (parentFirstLine.includes(childFirstLine)) {
-    return parentFirstLine + childRest;
-  }
-  return child;
-};
-class VError extends Error {
-  constructor(error, message) {
-    const combinedMessage = getCombinedMessage(error, message);
-    super(combinedMessage);
-    this.name = 'VError';
-    if (error instanceof Error) {
-      this.stack = mergeStacks(this.stack, error.stack);
-    }
-    if (error.codeFrame) {
-      // @ts-ignore
-      this.codeFrame = error.codeFrame;
-    }
-    if (error.code) {
-      // @ts-ignore
-      this.code = error.code;
-    }
-  }
-}
-
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const Object$1 = 1;
-const Number$1 = 2;
-const Array$1 = 3;
-const String$1 = 4;
-const Boolean = 5;
-const Function = 6;
-const Null = 7;
-const Unknown = 8;
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return Number$1;
-    case 'function':
-      return Function;
-    case 'string':
-      return String$1;
-    case 'object':
-      if (value === null) {
-        return Null;
-      }
-      if (Array.isArray(value)) {
-        return Array$1;
-      }
-      return Object$1;
-    case 'boolean':
-      return Boolean;
-    default:
-      return Unknown;
-  }
-};
-const object = value => {
-  const type = getType(value);
-  if (type !== Object$1) {
-    throw new AssertionError('expected value to be of type object');
-  }
-};
-const number = value => {
-  const type = getType(value);
-  if (type !== Number$1) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-const string = value => {
-  const type = getType(value);
-  if (type !== String$1) {
-    throw new AssertionError('expected value to be of type string');
-  }
-};
-
-const isMessagePort = value => {
-  return value && value instanceof MessagePort;
-};
-const isMessagePortMain = value => {
-  return value && value.constructor && value.constructor.name === 'MessagePortMain';
-};
-const isOffscreenCanvas = value => {
-  return typeof OffscreenCanvas !== 'undefined' && value instanceof OffscreenCanvas;
-};
-const isInstanceOf = (value, constructorName) => {
-  return value?.constructor?.name === constructorName;
-};
-const isSocket = value => {
-  return isInstanceOf(value, 'Socket');
-};
-const transferrables = [isMessagePort, isMessagePortMain, isOffscreenCanvas, isSocket];
-const isTransferrable = value => {
-  for (const fn of transferrables) {
-    if (fn(value)) {
-      return true;
-    }
-  }
-  return false;
-};
-const walkValue = (value, transferrables, isTransferrable) => {
-  if (!value) {
-    return;
-  }
-  if (isTransferrable(value)) {
-    transferrables.push(value);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      walkValue(item, transferrables, isTransferrable);
-    }
-    return;
-  }
-  if (typeof value === 'object') {
-    for (const property of Object.values(value)) {
-      walkValue(property, transferrables, isTransferrable);
-    }
-    return;
-  }
-};
-const getTransferrables = value => {
-  const transferrables = [];
-  walkValue(value, transferrables, isTransferrable);
-  return transferrables;
-};
-const removeValues = (value, toRemove) => {
-  if (!value) {
-    return value;
-  }
-  if (Array.isArray(value)) {
-    const newItems = [];
-    for (const item of value) {
-      if (!toRemove.includes(item)) {
-        newItems.push(removeValues(item, toRemove));
-      }
-    }
-    return newItems;
-  }
-  if (typeof value === 'object') {
-    const newObject = Object.create(null);
-    for (const [key, property] of Object.entries(value)) {
-      if (!toRemove.includes(property)) {
-        newObject[key] = removeValues(property, toRemove);
-      }
-    }
-    return newObject;
-  }
-  return value;
-};
-
-// workaround for electron not supporting transferrable objects
-// as parameters. If the transferrable object is a parameter, in electron
-// only an empty objected is received in the main process
-const fixElectronParameters = value => {
-  const transfer = getTransferrables(value);
-  const newValue = removeValues(value, transfer);
-  return {
-    newValue,
-    transfer
-  };
-};
-const getActualDataElectron = event => {
-  const {
-    data,
-    ports
-  } = event;
-  if (ports.length === 0) {
-    return data;
-  }
-  return {
-    ...data,
-    params: [...ports, ...data.params]
-  };
-};
-const attachEvents = that => {
-  const handleMessage = (...args) => {
-    const data = that.getData(...args);
-    that.dispatchEvent(new MessageEvent('message', {
-      data
-    }));
-  };
-  that.onMessage(handleMessage);
-  const handleClose = event => {
-    that.dispatchEvent(new Event('close'));
-  };
-  that.onClose(handleClose);
-};
-class Ipc extends EventTarget {
-  constructor(rawIpc) {
-    super();
-    this._rawIpc = rawIpc;
-    attachEvents(this);
-  }
-}
-const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
-const E_MODULES_NOT_SUPPORTED_IN_ELECTRON = 'E_MODULES_NOT_SUPPORTED_IN_ELECTRON';
-const ERR_MODULE_NOT_FOUND = 'ERR_MODULE_NOT_FOUND';
-const NewLine$1 = '\n';
-const joinLines$1 = lines => {
-  return lines.join(NewLine$1);
-};
-const RE_AT = /^\s+at/;
-const RE_AT_PROMISE_INDEX = /^\s*at async Promise.all \(index \d+\)$/;
-const isNormalStackLine = line => {
-  return RE_AT.test(line) && !RE_AT_PROMISE_INDEX.test(line);
-};
-const getDetails = lines => {
-  const index = lines.findIndex(isNormalStackLine);
-  if (index === -1) {
-    return {
-      actualMessage: joinLines$1(lines),
-      rest: []
-    };
-  }
-  let lastIndex = index - 1;
-  while (++lastIndex < lines.length) {
-    if (!isNormalStackLine(lines[lastIndex])) {
-      break;
-    }
-  }
-  return {
-    actualMessage: lines[index - 1],
-    rest: lines.slice(index, lastIndex)
-  };
-};
-const splitLines$1 = lines => {
-  return lines.split(NewLine$1);
-};
-const RE_MESSAGE_CODE_BLOCK_START = /^Error: The module '.*'$/;
-const RE_MESSAGE_CODE_BLOCK_END = /^\s* at/;
-const isMessageCodeBlockStartIndex = line => {
-  return RE_MESSAGE_CODE_BLOCK_START.test(line);
-};
-const isMessageCodeBlockEndIndex = line => {
-  return RE_MESSAGE_CODE_BLOCK_END.test(line);
-};
-const getMessageCodeBlock = stderr => {
-  const lines = splitLines$1(stderr);
-  const startIndex = lines.findIndex(isMessageCodeBlockStartIndex);
-  const endIndex = startIndex + lines.slice(startIndex).findIndex(isMessageCodeBlockEndIndex, startIndex);
-  const relevantLines = lines.slice(startIndex, endIndex);
-  const relevantMessage = relevantLines.join(' ').slice('Error: '.length);
-  return relevantMessage;
-};
-const isModuleNotFoundMessage = line => {
-  return line.includes('[ERR_MODULE_NOT_FOUND]');
-};
-const getModuleNotFoundError = stderr => {
-  const lines = splitLines$1(stderr);
-  const messageIndex = lines.findIndex(isModuleNotFoundMessage);
-  const message = lines[messageIndex];
-  return {
-    code: ERR_MODULE_NOT_FOUND,
-    message
-  };
-};
-const isModuleNotFoundError = stderr => {
-  if (!stderr) {
-    return false;
-  }
-  return stderr.includes('ERR_MODULE_NOT_FOUND');
-};
-const isModulesSyntaxError = stderr => {
-  if (!stderr) {
-    return false;
-  }
-  return stderr.includes('SyntaxError: Cannot use import statement outside a module');
-};
-const RE_NATIVE_MODULE_ERROR = /^innerError Error: Cannot find module '.*.node'/;
-const RE_NATIVE_MODULE_ERROR_2 = /was compiled against a different Node.js version/;
-const isUnhelpfulNativeModuleError = stderr => {
-  return RE_NATIVE_MODULE_ERROR.test(stderr) && RE_NATIVE_MODULE_ERROR_2.test(stderr);
-};
-const getNativeModuleErrorMessage = stderr => {
-  const message = getMessageCodeBlock(stderr);
-  return {
-    code: E_INCOMPATIBLE_NATIVE_MODULE,
-    message: `Incompatible native node module: ${message}`
-  };
-};
-const getModuleSyntaxError = () => {
-  return {
-    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
-    message: `ES Modules are not supported in electron`
-  };
-};
-const getHelpfulChildProcessError = (stdout, stderr) => {
-  if (isUnhelpfulNativeModuleError(stderr)) {
-    return getNativeModuleErrorMessage(stderr);
-  }
-  if (isModulesSyntaxError(stderr)) {
-    return getModuleSyntaxError();
-  }
-  if (isModuleNotFoundError(stderr)) {
-    return getModuleNotFoundError(stderr);
-  }
-  const lines = splitLines$1(stderr);
-  const {
-    actualMessage,
-    rest
-  } = getDetails(lines);
-  return {
-    code: '',
-    message: actualMessage,
-    stack: rest
-  };
-};
-class IpcError extends VError {
-  // @ts-ignore
-  constructor(betterMessage, stdout = '', stderr = '') {
-    if (stdout || stderr) {
-      // @ts-ignore
-      const {
-        code,
-        message,
-        stack
-      } = getHelpfulChildProcessError(stdout, stderr);
-      const cause = new Error(message);
-      // @ts-ignore
-      cause.code = code;
-      cause.stack = stack;
-      super(cause, betterMessage);
-    } else {
-      super(betterMessage);
-    }
-    // @ts-ignore
-    this.name = 'IpcError';
-    // @ts-ignore
-    this.stdout = stdout;
-    // @ts-ignore
-    this.stderr = stderr;
-  }
-}
-const listen$b = ({
-  messagePort
-}) => {
-  if (!isMessagePortMain(messagePort)) {
-    throw new IpcError('port must be of type MessagePortMain');
-  }
-  return messagePort;
-};
-const signal$c = messagePort => {
-  messagePort.start();
-};
-class IpcChildWithElectronMessagePort extends Ipc {
-  getData = getActualDataElectron;
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const {
-      newValue,
-      transfer
-    } = fixElectronParameters(message);
-    this._rawIpc.postMessage(newValue, transfer);
-  }
-  dispose() {
-    this._rawIpc.close();
-  }
-  onMessage(callback) {
-    this._rawIpc.on('message', callback);
-  }
-  onClose(callback) {
-    this._rawIpc.on('close', callback);
-  }
-}
-const wrap$j = messagePort => {
-  return new IpcChildWithElectronMessagePort(messagePort);
-};
-const IpcChildWithElectronMessagePort$1 = {
-  __proto__: null,
-  listen: listen$b,
-  signal: signal$c,
-  wrap: wrap$j
-};
-const readyMessage = 'ready';
-const getData$2 = event => {
-  return event.data;
-};
-const listen$7 = () => {
-  // @ts-ignore
-  if (typeof WorkerGlobalScope === 'undefined') {
-    throw new TypeError('module is not in web worker scope');
-  }
-  return globalThis;
-};
-const signal$8 = global => {
-  global.postMessage(readyMessage);
-};
-class IpcChildWithModuleWorker extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    // @ts-ignore
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    // @ts-ignore
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    // ignore
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-  }
-}
-const wrap$f = global => {
-  return new IpcChildWithModuleWorker(global);
-};
-const waitForFirstMessage = async port => {
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  port.addEventListener('message', resolve, {
-    once: true
-  });
-  const event = await promise;
-  // @ts-ignore
-  return event.data;
-};
-const listen$6 = async () => {
-  const parentIpcRaw = listen$7();
-  signal$8(parentIpcRaw);
-  const parentIpc = wrap$f(parentIpcRaw);
-  const firstMessage = await waitForFirstMessage(parentIpc);
-  if (firstMessage.method !== 'initialize') {
-    throw new IpcError('unexpected first message');
-  }
-  const type = firstMessage.params[0];
-  if (type === 'message-port') {
-    parentIpc.send({
-      id: firstMessage.id,
-      jsonrpc: '2.0',
-      result: null
-    });
-    parentIpc.dispose();
-    const port = firstMessage.params[1];
-    return port;
-  }
-  return globalThis;
-};
-class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    if (this._rawIpc.close) {
-      this._rawIpc.close();
-    }
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-    this._rawIpc.start();
-  }
-}
-const wrap$e = port => {
-  return new IpcChildWithModuleWorkerAndMessagePort(port);
-};
-const IpcChildWithModuleWorkerAndMessagePort$1 = {
-  __proto__: null,
-  listen: listen$6,
-  wrap: wrap$e
-};
-const addListener = (emitter, type, callback) => {
-  if ('addEventListener' in emitter) {
-    emitter.addEventListener(type, callback);
-  } else {
-    emitter.on(type, callback);
-  }
-};
-const removeListener = (emitter, type, callback) => {
-  if ('removeEventListener' in emitter) {
-    emitter.removeEventListener(type, callback);
-  } else {
-    emitter.off(type, callback);
-  }
-};
-const getFirstEvent = (eventEmitter, eventMap) => {
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  const listenerMap = Object.create(null);
-  const cleanup = value => {
-    for (const event of Object.keys(eventMap)) {
-      removeListener(eventEmitter, event, listenerMap[event]);
-    }
-    resolve(value);
-  };
-  for (const [event, type] of Object.entries(eventMap)) {
-    const listener = event => {
-      cleanup({
-        event,
-        type
-      });
-    };
-    addListener(eventEmitter, event, listener);
-    listenerMap[event] = listener;
-  }
-  return promise;
-};
-const Message$1 = 3;
-const create$5$1 = async ({
-  isMessagePortOpen,
-  messagePort
-}) => {
-  if (!isMessagePort(messagePort)) {
-    throw new IpcError('port must be of type MessagePort');
-  }
-  if (isMessagePortOpen) {
-    return messagePort;
-  }
-  const eventPromise = getFirstEvent(messagePort, {
-    message: Message$1
-  });
-  messagePort.start();
-  const {
-    event,
-    type
-  } = await eventPromise;
-  if (type !== Message$1) {
-    throw new IpcError('Failed to wait for ipc message');
-  }
-  if (event.data !== readyMessage) {
-    throw new IpcError('unexpected first message');
-  }
-  return messagePort;
-};
-const signal$1 = messagePort => {
-  messagePort.start();
-};
-class IpcParentWithMessagePort extends Ipc {
-  getData = getData$2;
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    this._rawIpc.close();
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-  }
-  onClose(callback) {}
-}
-const wrap$5 = messagePort => {
-  return new IpcParentWithMessagePort(messagePort);
-};
-const IpcParentWithMessagePort$1 = {
-  __proto__: null,
-  create: create$5$1,
-  signal: signal$1,
-  wrap: wrap$5
-};
-
-const Two$1 = '2.0';
-const callbacks = Object.create(null);
-const get$2 = id => {
-  return callbacks[id];
-};
-const remove$1 = id => {
-  delete callbacks[id];
-};
-class JsonRpcError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'JsonRpcError';
-  }
-}
-const NewLine = '\n';
-const DomException = 'DOMException';
-const ReferenceError$1 = 'ReferenceError';
-const SyntaxError$1 = 'SyntaxError';
-const TypeError$1 = 'TypeError';
-const getErrorConstructor = (message, type) => {
-  if (type) {
-    switch (type) {
-      case DomException:
-        return DOMException;
-      case TypeError$1:
-        return TypeError;
-      case SyntaxError$1:
-        return SyntaxError;
-      case ReferenceError$1:
-        return ReferenceError;
-      default:
-        return Error;
-    }
-  }
-  if (message.startsWith('TypeError: ')) {
-    return TypeError;
-  }
-  if (message.startsWith('SyntaxError: ')) {
-    return SyntaxError;
-  }
-  if (message.startsWith('ReferenceError: ')) {
-    return ReferenceError;
-  }
-  return Error;
-};
-const constructError = (message, type, name) => {
-  const ErrorConstructor = getErrorConstructor(message, type);
-  if (ErrorConstructor === DOMException && name) {
-    return new ErrorConstructor(message, name);
-  }
-  if (ErrorConstructor === Error) {
-    const error = new Error(message);
-    if (name && name !== 'VError') {
-      error.name = name;
-    }
-    return error;
-  }
-  return new ErrorConstructor(message);
-};
-const joinLines = lines => {
-  return lines.join(NewLine);
-};
-const splitLines = lines => {
-  return lines.split(NewLine);
-};
-const getCurrentStack = () => {
-  const stackLinesToSkip = 3;
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
-  return currentStack;
-};
-const getNewLineIndex = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine, startIndex);
-};
-const getParentStack = error => {
-  let parentStack = error.stack || error.data || error.message || '';
-  if (parentStack.startsWith('    at')) {
-    parentStack = error.message + NewLine + parentStack;
-  }
-  return parentStack;
-};
-const MethodNotFound = -32601;
-const Custom = -32001;
-const restoreJsonRpcError = error => {
-  const currentStack = getCurrentStack();
-  if (error && error instanceof Error) {
-    if (typeof error.stack === 'string') {
-      error.stack = error.stack + NewLine + currentStack;
-    }
-    return error;
-  }
-  if (error && error.code && error.code === MethodNotFound) {
-    const restoredError = new JsonRpcError(error.message);
-    const parentStack = getParentStack(error);
-    restoredError.stack = parentStack + NewLine + currentStack;
-    return restoredError;
-  }
-  if (error && error.message) {
-    const restoredError = constructError(error.message, error.type, error.name);
-    if (error.data) {
-      if (error.data.stack && error.data.type && error.message) {
-        restoredError.stack = error.data.type + ': ' + error.message + NewLine + error.data.stack + NewLine + currentStack;
-      } else if (error.data.stack) {
-        restoredError.stack = error.data.stack;
-      }
-      if (error.data.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.data.codeFrame;
-      }
-      if (error.data.code) {
-        // @ts-ignore
-        restoredError.code = error.data.code;
-      }
-      if (error.data.type) {
-        // @ts-ignore
-        restoredError.name = error.data.type;
-      }
-    } else {
-      if (error.stack) {
-        const lowerStack = restoredError.stack || '';
-        // @ts-ignore
-        const indexNewLine = getNewLineIndex(lowerStack);
-        const parentStack = getParentStack(error);
-        // @ts-ignore
-        restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
-      }
-      if (error.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.codeFrame;
-      }
-    }
-    return restoredError;
-  }
-  if (typeof error === 'string') {
-    return new Error(`JsonRpc Error: ${error}`);
-  }
-  return new Error(`JsonRpc Error: ${error}`);
-};
-const unwrapJsonRpcResult = responseMessage => {
-  if ('error' in responseMessage) {
-    const restoredError = restoreJsonRpcError(responseMessage.error);
-    throw restoredError;
-  }
-  if ('result' in responseMessage) {
-    return responseMessage.result;
-  }
-  throw new JsonRpcError('unexpected response message');
-};
-const warn = (...args) => {
-  console.warn(...args);
-};
-const resolve = (id, response) => {
-  const fn = get$2(id);
-  if (!fn) {
-    console.log(response);
-    warn(`callback ${id} may already be disposed`);
-    return;
-  }
-  fn(response);
-  remove$1(id);
-};
-const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
-const getErrorType = prettyError => {
-  if (prettyError && prettyError.type) {
-    return prettyError.type;
-  }
-  if (prettyError && prettyError.constructor && prettyError.constructor.name) {
-    return prettyError.constructor.name;
-  }
-  return undefined;
-};
-const isAlreadyStack = line => {
-  return line.trim().startsWith('at ');
-};
-const getStack = prettyError => {
-  const stackString = prettyError.stack || '';
-  const newLineIndex = stackString.indexOf('\n');
-  if (newLineIndex !== -1 && !isAlreadyStack(stackString.slice(0, newLineIndex))) {
-    return stackString.slice(newLineIndex + 1);
-  }
-  return stackString;
-};
-const getErrorProperty = (error, prettyError) => {
-  if (error && error.code === E_COMMAND_NOT_FOUND) {
-    return {
-      code: MethodNotFound,
-      message: error.message,
-      data: error.stack
-    };
-  }
-  return {
-    code: Custom,
-    message: prettyError.message,
-    data: {
-      stack: getStack(prettyError),
-      codeFrame: prettyError.codeFrame,
-      type: getErrorType(prettyError),
-      code: prettyError.code,
-      name: prettyError.name
-    }
-  };
-};
-const create$1$1 = (id, error) => {
-  return {
-    jsonrpc: Two$1,
-    id,
-    error
-  };
-};
-const getErrorResponse = (id, error, preparePrettyError, logError) => {
-  const prettyError = preparePrettyError(error);
-  logError(error, prettyError);
-  const errorProperty = getErrorProperty(error, prettyError);
-  return create$1$1(id, errorProperty);
-};
-const create$4 = (message, result) => {
-  return {
-    jsonrpc: Two$1,
-    id: message.id,
-    result: result ?? null
-  };
-};
-const getSuccessResponse = (message, result) => {
-  const resultProperty = result ?? null;
-  return create$4(message, resultProperty);
-};
-const getErrorResponseSimple = (id, error) => {
-  return {
-    jsonrpc: Two$1,
-    id,
-    error: {
-      code: Custom,
-      // @ts-ignore
-      message: error.message,
-      data: error
-    }
-  };
-};
-const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
-  try {
-    const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
-    return getSuccessResponse(message, result);
-  } catch (error) {
-    if (ipc.canUseSimpleErrorResponse) {
-      return getErrorResponseSimple(message.id, error);
-    }
-    return getErrorResponse(message.id, error, preparePrettyError, logError);
-  }
-};
-const defaultPreparePrettyError = error => {
-  return error;
-};
-const defaultLogError = () => {
-  // ignore
-};
-const defaultRequiresSocket = () => {
-  return false;
-};
-const defaultResolve = resolve;
-
-// TODO maybe remove this in v6 or v7, only accept options object to simplify the code
-const normalizeParams = args => {
-  if (args.length === 1) {
-    const options = args[0];
-    return {
-      ipc: options.ipc,
-      message: options.message,
-      execute: options.execute,
-      resolve: options.resolve || defaultResolve,
-      preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
-      logError: options.logError || defaultLogError,
-      requiresSocket: options.requiresSocket || defaultRequiresSocket
-    };
-  }
-  return {
-    ipc: args[0],
-    message: args[1],
-    execute: args[2],
-    resolve: args[3],
-    preparePrettyError: args[4],
-    logError: args[5],
-    requiresSocket: args[6]
-  };
-};
-const handleJsonRpcMessage = async (...args) => {
-  const options = normalizeParams(args);
-  const {
-    message,
-    ipc,
-    execute,
-    resolve,
-    preparePrettyError,
-    logError,
-    requiresSocket
-  } = options;
-  if ('id' in message) {
-    if ('method' in message) {
-      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-      try {
-        ipc.send(response);
-      } catch (error) {
-        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
-        ipc.send(errorResponse);
-      }
-      return;
-    }
-    resolve(message.id, message);
-    return;
-  }
-  if ('method' in message) {
-    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-    return;
-  }
-  throw new JsonRpcError('unexpected message');
-};
-
-class CommandNotFoundError extends Error {
-  constructor(command) {
-    super(`Command not found ${command}`);
-    this.name = 'CommandNotFoundError';
-  }
-}
-const commands = Object.create(null);
-const register = commandMap => {
-  Object.assign(commands, commandMap);
-};
-const getCommand = key => {
-  return commands[key];
-};
-const execute = (command, ...args) => {
-  const fn = getCommand(command);
-  if (!fn) {
-    throw new CommandNotFoundError(command);
-  }
-  return fn(...args);
-};
-
-const Two = '2.0';
-const create$t = (method, params) => {
-  return {
-    jsonrpc: Two,
-    method,
-    params
-  };
-};
-const create$s = (id, method, params) => {
-  const message = {
-    id,
-    jsonrpc: Two,
-    method,
-    params
-  };
-  return message;
-};
-let id$1 = 0;
-const create$r = () => {
-  return ++id$1;
-};
-
-/* eslint-disable n/no-unsupported-features/es-syntax */
-
-const registerPromise = map => {
-  const id = create$r();
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  map[id] = resolve;
-  return {
-    id,
-    promise
-  };
-};
-
-// @ts-ignore
-const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
-  const {
-    id,
-    promise
-  } = registerPromise(callbacks);
-  const message = create$s(id, method, params);
-  if (useSendAndTransfer && ipc.sendAndTransfer) {
-    ipc.sendAndTransfer(message);
-  } else {
-    ipc.send(message);
-  }
-  const responseMessage = await promise;
-  return unwrapJsonRpcResult(responseMessage);
-};
-const createRpc = ipc => {
-  const callbacks = Object.create(null);
-  ipc._resolve = (id, response) => {
-    const fn = callbacks[id];
-    if (!fn) {
-      console.warn(`callback ${id} may already be disposed`);
-      return;
-    }
-    fn(response);
-    delete callbacks[id];
-  };
-  const rpc = {
-    async dispose() {
-      await ipc?.dispose();
-    },
-    invoke(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, false);
-    },
-    invokeAndTransfer(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, true);
-    },
-    // @ts-ignore
-    ipc,
-    /**
-     * @deprecated
-     */
-    send(method, ...params) {
-      const message = create$t(method, params);
-      ipc.send(message);
-    }
-  };
-  return rpc;
-};
-const requiresSocket = () => {
-  return false;
-};
-const preparePrettyError = error => {
-  return error;
-};
-const logError = () => {
-  // handled by renderer worker
-};
-const handleMessage = event => {
-  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
-  const actualExecute = event?.target?.execute || execute;
-  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
-};
-const handleIpc = ipc => {
-  if ('addEventListener' in ipc) {
-    ipc.addEventListener('message', handleMessage);
-  } else if ('on' in ipc) {
-    // deprecated
-    ipc.on('message', handleMessage);
-  }
-};
-const listen$1 = async (module, options) => {
-  const rawIpc = await module.listen(options);
-  if (module.signal) {
-    module.signal(rawIpc);
-  }
-  const ipc = module.wrap(rawIpc);
-  return ipc;
-};
-const create$q = async ({
-  commandMap,
-  messagePort,
-  requiresSocket
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const ipc = await listen$1(IpcChildWithElectronMessagePort$1, {
-    messagePort
-  });
-  if (requiresSocket) {
-    ipc.requiresSocket = requiresSocket;
-  }
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  return rpc;
-};
-
-/* eslint-disable @typescript-eslint/no-misused-promises */
-
-const createSharedLazyRpc = factory => {
-  let rpcPromise;
-  const getOrCreate = () => {
-    if (!rpcPromise) {
-      rpcPromise = factory();
-    }
-    return rpcPromise;
-  };
-  return {
-    async dispose() {
-      const rpc = await getOrCreate();
-      await rpc.dispose();
-    },
-    async invoke(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invoke(method, ...params);
-    },
-    async invokeAndTransfer(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    async send(method, ...params) {
-      const rpc = await getOrCreate();
-      rpc.send(method, ...params);
-    }
-  };
-};
-const create$l = async ({
-  commandMap,
-  getPortTuple,
-  send
-}) => {
-  const {
-    port1,
-    port2
-  } = await getPortTuple();
-  await send(port1);
-  const rpc = create$q({
-    commandMap,
-    messagePort: port2
-  });
-  return rpc;
-};
-const create$k = async ({
-  commandMap,
-  getPortTuple,
-  send
-}) => {
-  return createSharedLazyRpc(() => {
-    return create$l({
-      commandMap,
-      getPortTuple,
-      send
-    });
-  });
-};
-const LazyTransferElectronMessagePortRpc = {
-  __proto__: null,
-  create: create$k
-};
-const create$j = async ({
-  commandMap,
-  isMessagePortOpen,
-  send
-}) => {
-  return createSharedLazyRpc(() => {
-    return create$3({
-      commandMap,
-      isMessagePortOpen,
-      send
-    });
-  });
-};
-const LazyTransferMessagePortRpcParent = {
-  __proto__: null,
-  create: create$j
-};
-const create$5 = async ({
-  commandMap,
-  isMessagePortOpen = true,
-  messagePort
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const rawIpc = await IpcParentWithMessagePort$1.create({
-    isMessagePortOpen,
-    messagePort
-  });
-  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  messagePort.start();
-  return rpc;
-};
-const create$3 = async ({
-  commandMap,
-  isMessagePortOpen,
-  send
-}) => {
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  await send(port1);
-  return create$5({
-    commandMap,
-    isMessagePortOpen,
-    messagePort: port2
-  });
-};
-const TransferMessagePortRpcParent = {
-  __proto__: null,
-  create: create$3
-};
-const create$2$1 = async ({
-  commandMap
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  return rpc;
-};
-const WebWorkerRpcClient = {
-  __proto__: null,
-  create: create$2$1
-};
-const createMockRpc = ({
-  commandMap
-}) => {
-  const invocations = [];
-  const invoke = (method, ...params) => {
-    invocations.push([method, ...params]);
-    const command = commandMap[method];
-    if (!command) {
-      throw new Error(`command ${method} not found`);
-    }
-    return command(...params);
-  };
-  const mockRpc = {
-    invocations,
-    invoke,
-    invokeAndTransfer: invoke
-  };
-  return mockRpc;
-};
-
-const rpcs = Object.create(null);
-const set$5 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$1 = id => {
-  return rpcs[id];
-};
-const remove = id => {
-  delete rpcs[id];
-};
-
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$2 = rpcId => {
-  return {
-    async dispose() {
-      const rpc = get$1(rpcId);
-      await rpc.dispose();
-    },
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get$1(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get$1(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    registerMockRpc(commandMap) {
-      const mockRpc = createMockRpc({
-        commandMap
-      });
-      set$5(rpcId, mockRpc);
-      // @ts-ignore
-      mockRpc[Symbol.dispose] = () => {
-        remove(rpcId);
-      };
-      // @ts-ignore
-      return mockRpc;
-    },
-    set(rpc) {
-      set$5(rpcId, rpc);
-    }
-  };
-};
-
-const {
-  set: set$4
-} = create$2(ClipBoardWorker);
-
-const {
-  set: set$3
-} = create$2(ExtensionHostWorker);
-
-const {
-  invoke: invoke$1,
-  set: set$2
-} = create$2(IconThemeWorker);
-const getIcons = async iconRequests => {
-  // @ts-ignore
-  return invoke$1('IconTheme.getIcons', iconRequests);
-};
-
-const {
-  invoke,
-  invokeAndTransfer,
-  set: set$1
-} = create$2(RendererWorker);
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  await invoke('ContextMenu.show2', uid, menuId, x, y, args);
-};
-const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
-  const command = 'ClipBoard.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
-};
-const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
-  const command = 'IconTheme.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
-};
-const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
-  const command = 'HandleMessagePort.handleMessagePort2';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
-};
-
-const handleAttach = async command => {
-  // TODO find a better way to append editors
-  const parentNodeSelector = '.editor-groups-container';
-  await invoke('Layout.attachViewlet', parentNodeSelector, command.instanceId);
-};
-
-const {
-  get,
-  getCommandIds,
-  registerCommands,
-  set,
-  wrapCommand,
-  wrapGetter
-} = create$6();
-
-const create$1 = () => {
-  return Math.random();
-};
-
-const updateTab = (state, tabId, updates) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => {
-    const tabIndex = group.tabs.findIndex(t => t.id === tabId);
-    if (tabIndex === -1) {
-      return group;
-    }
-    const updatedTabs = group.tabs.map((tab, index) => {
-      if (index === tabIndex) {
-        return {
-          ...tab,
-          ...updates
-        };
-      }
-      return tab;
-    });
-    return {
-      ...group,
-      tabs: updatedTabs
-    };
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: updatedGroups
-    }
-  };
-};
-
-const findTab = (state, tabId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  for (const group of groups) {
-    const tab = group.tabs.find(t => t.id === tabId);
-    if (tab) {
-      return tab;
-    }
-  }
-  return undefined;
-};
-const loadFileContent = async path => {
-  const content = await invoke('FileSystem.readFile', path);
-  return content;
-};
-const loadTabContentAsync = async (tabId, path, requestId, getLatestState) => {
-  try {
-    await loadFileContent(path);
-
-    // Check for race condition: get the latest state
-    const latestState = getLatestState();
-    const latestTab = findTab(latestState, tabId);
-
-    // If the tab no longer exists, discard this result
-    if (!latestTab) {
-      return latestState;
-    }
-
-    // If the tab is no longer in loading state, discard this result (newer request started)
-    if (latestTab.loadingState !== 'loading') {
-      return latestState;
-    }
-
-    // Assign editorUid if tab doesn't have one yet
-    const editorUid = latestTab.editorUid === -1 ? create$1() : latestTab.editorUid;
-    return updateTab(latestState, tabId, {
-      editorUid,
-      errorMessage: undefined,
-      loadingState: 'loaded'
-    });
-  } catch (error) {
-    // Check for race condition before updating with error
-    const latestState = getLatestState();
-    const latestTab = findTab(latestState, tabId);
-    if (!latestTab) {
-      return latestState;
-    }
-
-    // If the tab is no longer in loading state, discard this result (newer request started)
-    if (latestTab.loadingState !== 'loading') {
-      return latestState;
-    }
-    const errorMessage = error instanceof Error ? error.message : 'Failed to load file content';
-    return updateTab(latestState, tabId, {
-      errorMessage,
-      loadingState: 'error'
-    });
-  }
-};
-
-/**
- * SAFE: Create viewlet for a tab (no visible side effects)
- * Can be called eagerly when tab is opened - the viewlet loads in the background.
- */
-const createViewletForTab = (state, tabId, viewletModuleId, bounds) => {
-  const tab = findTab(state, tabId);
-  if (!tab) {
-    return state;
-  }
-
-  // If tab already has an editorUid or is loading/loaded, don't recreate
-  if (tab.editorUid !== -1 || tab.loadingState === 'loading' || tab.loadingState === 'loaded') {
-    return state;
-  }
-  const editorUid = create$1();
-  const newState = updateTab(state, tabId, {
-    editorUid
-  });
-  return newState;
-};
-
-/**
- * Called when switching tabs.
- * With reference nodes, attachment/detachment is handled automatically by virtual DOM rendering.
- * No attach/detach commands needed - virtual DOM will render the correct reference at each position.
- */
-const switchViewlet = (state, fromTabId, toTabId) => {
-  // No commands needed - virtual DOM reference nodes handle attachment automatically
-  // Virtual DOM will:
-  // 1. Remove the old reference node from the previous active tab
-  // 2. Add the new reference node for the now-active tab
-  // This achieves the same effect as detach/attach without explicit commands
-
-  return {
-    commands: [],
-    newState: state
-  };
-};
-
-const findTabByEditorUid = (state, editorUid) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  for (const group of groups) {
-    const tab = group.tabs.find(t => t.editorUid === editorUid);
-    if (tab) {
-      return tab;
-    }
-  }
-  return undefined;
-};
-
-/**
- * Called when renderer reports viewlet finished creating.
- * With reference nodes, attachment is handled automatically by virtual DOM rendering.
- * No commands needed - state update is sufficient.
- */
-const handleViewletReady = (state, editorUid) => {
-  if (editorUid === -1) {
-    throw new Error('Invalid editorUid -1');
-  }
-  // Find the tab by viewletRequestId
-  const tab = findTabByEditorUid(state, editorUid);
-  if (!tab) {
-    // Tab was closed, dispose viewlet
-    return state;
-  }
-
-  // Mark viewlet as ready and set instance id
-  // Reference nodes will handle rendering at the correct position automatically
-  const newState = updateTab(state, tab.id, {
-    editorUid,
-    loadingState: 'loaded'
-  });
-
-  // No attach commands needed - virtual DOM reference nodes handle positioning
-  return newState;
-};
-
-const handleCreate = async command => {
-  // Safe to call - no visible side effects
-
-  const instanceId = Math.random(); // TODO try to find a better way to get consistent integer ids (thread safe)
-
-  await invoke('Layout.createViewlet', command.viewletModuleId, command.tabId, command.bounds, command.uri, instanceId);
-
-  // After viewlet is created, mark it as ready
-  // Attachment is handled automatically by virtual DOM reference nodes
-  const {
-    newState: state,
-    oldState
-  } = get(command.uid);
-  const readyState = handleViewletReady(state, command.editorUid);
-  set(command.uid, oldState, readyState);
-  return readyState;
-};
-
-const handleDetach = async command => {
-  // Hides viewlet but keeps it alive
-
-  await invoke('Viewlet.detach', command.instanceId);
-};
-
-const handleDispose = async command => {
-  // Fully destroys viewlet
-
-  await invoke('Viewlet.dispose', command.instanceId);
-};
-
-const handleSetBounds = async command => {
-  await invoke('Viewlet.setBounds', command.instanceId, command.bounds);
-};
-
-const executeViewletCommands = async commands => {
-  for (const command of commands) {
-    switch (command.type) {
-      case 'attach':
-        await handleAttach(command);
-        break;
-      case 'create':
-        await handleCreate(command);
-        break;
-      case 'detach':
-        await handleDetach(command);
-        break;
-      case 'dispose':
-        await handleDispose(command);
-        break;
-      case 'setBounds':
-        await handleSetBounds(command);
-        break;
-    }
-  }
-};
-
-const closeTab = (state, groupId, tabId) => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-
-  // Find the group to close the tab from
-  const groupIndex = groups.findIndex(g => g.id === groupId);
-  if (groupIndex === -1) {
-    return state;
-  }
-  const group = groups[groupIndex];
-  // Check if the tab exists in the group
-  const tabWasRemoved = group.tabs.some(tab => tab.id === tabId);
-  if (!tabWasRemoved) {
-    return state;
-  }
-  const newGroups = groups.map(grp => {
-    if (grp.id === groupId) {
-      const newTabs = grp.tabs.filter(tab => tab.id !== tabId);
-      let newActiveTabId = grp.activeTabId;
-      if (grp.activeTabId === tabId) {
-        const tabIndex = grp.tabs.findIndex(tab => tab.id === tabId);
-        if (newTabs.length > 0) {
-          newActiveTabId = newTabs[Math.min(tabIndex, newTabs.length - 1)].id;
-        } else {
-          newActiveTabId = undefined;
-        }
-      }
-      return {
-        ...grp,
-        activeTabId: newActiveTabId,
-        isEmpty: newTabs.length === 0,
-        tabs: newTabs
-      };
-    }
-    return grp;
-  });
-
-  // If the group has no tabs left after closing, remove the group
-  const groupIsNowEmpty = newGroups[groupIndex].tabs.length === 0;
-  if (groupIsNowEmpty) {
-    const remainingGroups = newGroups.filter(group => group.id !== groupId);
-
-    // If there are remaining groups, redistribute sizes
-    if (remainingGroups.length > 0) {
-      const redistributedGroups = remainingGroups.map(grp => ({
-        ...grp,
-        size: Math.round(100 / remainingGroups.length)
-      }));
-      const newActiveGroupId = activeGroupId === groupId ? remainingGroups[0]?.id : activeGroupId;
-      return {
-        ...state,
-        layout: {
-          ...layout,
-          activeGroupId: newActiveGroupId,
-          groups: redistributedGroups
-        }
-      };
-    }
-
-    // If no remaining groups, return empty layout
-    return {
-      ...state,
-      layout: {
-        ...layout,
-        activeGroupId: undefined,
-        groups: []
-      }
-    };
-  }
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: newGroups
-    }
-  };
-};
-
-const closeActiveEditor = state => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const focusedGroup = groups.find(group => group.focused);
-  if (!focusedGroup) {
-    return state;
-  }
-  const {
-    activeTabId
-  } = focusedGroup;
-  if (activeTabId === undefined) {
-    return state;
-  }
-  return closeTab(state, focusedGroup.id, activeTabId);
-};
-
-const closeAll$1 = state => {
-  return {
-    ...state,
-    layout: {
-      ...state.layout,
-      activeGroupId: undefined,
-      groups: []
-    }
-  };
-};
-
-const closeFocusedTab = state => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const focusedGroup = groups.find(group => group.focused);
-  if (!focusedGroup) {
-    return state;
-  }
-  const {
-    activeTabId
-  } = focusedGroup;
-  if (activeTabId === undefined) {
-    return state;
-  }
-  return closeTab(state, focusedGroup.id, activeTabId);
-};
-
-const closeOtherTabs = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-  const targetGroupId = groupId ?? activeGroupId;
-  if (targetGroupId === undefined) {
-    return state;
-  }
-  const group = groups.find(g => g.id === targetGroupId);
-  if (!group) {
-    return state;
-  }
-  const {
-    activeTabId
-  } = group;
-  if (activeTabId === undefined) {
-    return state;
-  }
-  const newGroups = groups.map(g => {
-    if (g.id === targetGroupId) {
-      const newTabs = g.tabs.filter(tab => tab.id === activeTabId);
-      return {
-        ...g,
-        activeTabId,
-        isEmpty: newTabs.length === 0,
-        tabs: newTabs
-      };
-    }
-    return g;
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: newGroups
-    }
-  };
-};
-
-const closeTabsRight = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const group = groups.find(g => g.id === groupId);
-  if (!group) {
-    return state;
-  }
-  const {
-    activeTabId,
-    tabs
-  } = group;
-  if (activeTabId === undefined) {
-    return state;
-  }
-  const activeTabIndex = tabs.findIndex(tab => tab.id === activeTabId);
-  if (activeTabIndex === -1) {
-    return state;
-  }
-  const newTabs = tabs.slice(0, activeTabIndex + 1);
-  if (newTabs.length === tabs.length) {
-    return state;
-  }
-  const newGroups = groups.map(g => {
-    if (g.id === groupId) {
-      return {
-        ...g,
-        isEmpty: newTabs.length === 0,
-        tabs: newTabs
-      };
-    }
-    return g;
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: newGroups
-    }
-  };
-};
-
-const copyPath$1 = async (state, path) => {
-  string(path);
-  await invoke('ClipBoard.writeText', path);
-  return state;
-};
-
-const copyRelativePath$1 = async (state, path) => {
-  string(path);
-  const relativePath = await invoke('Workspace.pathBaseName', path);
-  await invoke('ClipBoard.writeText', relativePath);
-  return state;
-};
-
-const create = (uid, uri, x, y, width, height, platform, assetDir, tabHeight = 35) => {
-  const state = {
-    assetDir,
-    fileIconCache: {},
-    height,
-    iframes: [],
-    initial: true,
-    layout: {
-      activeGroupId: undefined,
-      direction: 'horizontal',
-      groups: []
-    },
-    platform,
-    splitButtonEnabled: false,
-    tabHeight,
-    uid,
-    width,
-    workspaceuri: uri,
-    x,
-    y
-  };
-  set(uid, state, state);
-};
-
-const isEqual = (oldState, newState) => {
-  return oldState.layout === newState.layout;
-};
-
-const RenderItems = 4;
-const RenderIncremental = 11;
-
-const modules = [isEqual];
-const numbers = [RenderIncremental];
-
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
-const diff2 = uid => {
-  const {
-    newState,
-    oldState
-  } = get(uid);
-  const result = diff(oldState, newState);
-  return result;
-};
-
-const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) => {
-  await invoke('Layout.createViewlet', viewletModuleId, editorUid, tabId, bounds, uri);
-};
-
-const findTabById = (state, tabId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  for (const group of groups) {
-    const tab = group.tabs.find(t => t.id === tabId);
-    if (tab) {
-      return {
-        groupId: group.id,
-        tab
-      };
-    }
-  }
-  return undefined;
-};
-
-// Counter for request IDs to handle race conditions
-let requestIdCounter = 0;
-const getNextRequestId = () => {
-  return ++requestIdCounter;
-};
-
-const startContentLoading = async (oldState, state, tabId, path, requestId) => {
-  try {
-    const getLatestState = () => {
-      return get(state.uid).newState;
-    };
-    set(state.uid, oldState, state);
-    const newState = await loadTabContentAsync(tabId, path, requestId, getLatestState);
-    return newState;
-  } catch {
-    // Silently ignore errors - the tab may have been closed or the component unmounted
-  }
-  return state;
-};
-
-const shouldLoadContent = tab => {
-  // Load if:
-  // - Has a path (file-based tab)
-  // - Not already loaded or currently loading
-  if (!tab.uri) {
-    return false;
-  }
-  if (tab.loadingState === 'loading') {
-    return false;
-  }
-  if (tab.loadingState === 'loaded') {
-    return false;
-  }
-  return true;
-};
-const getActiveTabId$1 = state => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-  const activeGroup = groups.find(g => g.id === activeGroupId);
-  return activeGroup?.activeTabId;
-};
-const selectTab = async (state, groupIndex, index) => {
-  const {
-    layout,
-    uid
-  } = state;
-  const {
-    groups
-  } = layout;
-
-  // Validate indexes
-  if (groupIndex < 0 || groupIndex >= groups.length) {
-    return state;
-  }
-  const group = groups[groupIndex];
-  if (index < 0 || index >= group.tabs.length) {
-    return state;
-  }
-  const tab = group.tabs[index];
-  const groupId = group.id;
-  const tabId = tab.id;
-
-  // Return same state if this group and tab are already active
-  if (layout.activeGroupId === groupId && group.activeTabId === tabId) {
-    return state;
-  }
-
-  // Get previous active tab ID for viewlet switching
-  getActiveTabId$1(state);
-
-  // Check if we need to load content for the newly selected tab
-  const needsLoading = shouldLoadContent(tab);
-  const requestId = needsLoading ? getNextRequestId() : 0;
-
-  // Update the groups array with the new active tab and active group
-  // Also set loading state if needed
-  const updatedGroups = groups.map((g, i) => {
-    if (i !== groupIndex) {
-      return {
-        ...g,
-        focused: false
-      };
-    }
-
-    // This is the group being selected
-    const updatedTabs = needsLoading ? g.tabs.map(t => {
-      if (t.id === tabId) {
-        return {
-          ...t,
-          errorMessage: '',
-          loadingState: 'loading'
-        };
-      }
-      return t;
-    }) : g.tabs;
-    return {
-      ...g,
-      activeTabId: tabId,
-      focused: true,
-      tabs: updatedTabs
-    };
-  });
-  let newState = {
-    ...state,
-    layout: {
-      ...layout,
-      activeGroupId: groupId,
-      groups: updatedGroups
-    }
-  };
-
-  // Switch viewlet: detach old, attach new (if ready)
-  const {
-    commands: switchCommands,
-    newState: stateWithViewlet
-  } = switchViewlet(newState);
-  newState = stateWithViewlet;
-
-  // If new tab's viewlet isn't ready yet, trigger creation (idempotent)
-  const newTab = newState.layout.groups[groupIndex].tabs[index];
-  if (newTab.uri && (!newTab.loadingState || newTab.loadingState === 'loading')) {
-    // Query RendererWorker for viewlet module ID
-
-    const viewletModuleId = await invoke('Layout.getModuleId', newTab.uri);
-    if (viewletModuleId) {
-      // Calculate bounds: use main area bounds minus 35px for tab height
-      const TAB_HEIGHT = 35;
-      const bounds = {
-        height: newState.height - TAB_HEIGHT,
-        width: newState.width,
-        x: newState.x,
-        y: newState.y + TAB_HEIGHT
-      };
-      const createdState = createViewletForTab(newState, tabId);
-      newState = createdState;
-
-      // Store updated state before creating viewlet
-      set(uid, state, newState);
-
-      // Execute viewlet commands if any
-      if (switchCommands.length > 0) {
-        await executeViewletCommands(switchCommands);
-      }
-
-      // Get the tab to extract editorUid for viewlet creation
-      const tabWithViewlet = findTabById(newState, tabId);
-      if (tabWithViewlet) {
-        const {
-          editorUid
-        } = tabWithViewlet.tab;
-        if (editorUid !== -1 && newTab.uri) {
-          // Create the actual viewlet instance
-          await createViewlet(viewletModuleId, editorUid, tabId, bounds, newTab.uri);
-
-          // Mark viewlet as ready
-          newState = handleViewletReady(newState, editorUid);
-          set(uid, state, newState);
-        }
-      }
-
-      // Start loading content in the background if needed
-      if (needsLoading && tab.uri) {
-        const latestState = await startContentLoading(state, newState, tabId, tab.uri, requestId);
-        return latestState;
-      }
-      return newState;
-    }
-  }
-  set(uid, state, newState);
-
-  // Execute viewlet commands if any
-  if (switchCommands.length > 0) {
-    await executeViewletCommands(switchCommands);
-  }
-
-  // Start loading content in the background if needed
-  if (needsLoading && tab.uri) {
-    const latestState = await startContentLoading(state, newState, tabId, tab.uri, requestId);
-    return latestState;
-  }
-  return newState;
-};
-
-const focusNextTab = async state => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-
-  // Find the active group
-  const activeGroup = groups.find(g => g.id === activeGroupId);
-  if (!activeGroup || activeGroup.isEmpty) {
-    return state;
-  }
-
-  // Find the index of the active group
-  const activeGroupIndex = groups.findIndex(g => g.id === activeGroupId);
-  if (activeGroupIndex === -1) {
-    return state;
-  }
-
-  // Find the current active tab index
-  const activeTabIndex = activeGroup.tabs.findIndex(t => t.id === activeGroup.activeTabId);
-  if (activeTabIndex === -1) {
-    return state;
-  }
-
-  // If not at the last tab, select the next tab
-  if (activeTabIndex < activeGroup.tabs.length - 1) {
-    return selectTab(state, activeGroupIndex, activeTabIndex + 1);
-  }
-  return state;
-};
-
-const focusPreviousTab = async state => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-
-  // Find the active group
-  const activeGroup = groups.find(g => g.id === activeGroupId);
-  if (!activeGroup || activeGroup.isEmpty) {
-    return state;
-  }
-
-  // Find the index of the active group
-  const activeGroupIndex = groups.findIndex(g => g.id === activeGroupId);
-  if (activeGroupIndex === -1) {
-    return state;
-  }
-
-  // Find the current active tab index
-  const activeTabIndex = activeGroup.tabs.findIndex(t => t.id === activeGroup.activeTabId);
-  if (activeTabIndex === -1) {
-    return state;
-  }
-
-  // If not at the first tab, select the previous tab
-  if (activeTabIndex > 0) {
-    return selectTab(state, activeGroupIndex, activeTabIndex - 1);
-  }
-  return state;
-};
-
-const getMenuIds = () => {
-  return [Tab];
-};
-
-const handleClick = async (state, name) => {
-  if (!name) {
-    return state;
-  }
-  return state;
-};
-
-const closeEditorGroup = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-  const groupIndex = groups.findIndex(group => group.id === groupId);
-  if (groupIndex === -1 || groups.length <= 1) {
-    return state;
-  }
-  const remainingGroups = groups.filter(group => group.id !== groupId);
-  const baseSize = Math.floor(100 / remainingGroups.length);
-  const remainder = 100 % remainingGroups.length;
-  const redistributedGroups = remainingGroups.map((group, index) => ({
-    ...group,
-    size: baseSize + (index === remainingGroups.length - 1 ? remainder : 0)
-  }));
-  const newActiveGroupId = activeGroupId === groupId ? remainingGroups[0].id : activeGroupId;
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      activeGroupId: newActiveGroupId,
-      groups: redistributedGroups
-    }
-  };
-};
-
-const getActiveGroup = (groups, activeGroupId) => {
-  return groups.find(g => g.id === activeGroupId);
-};
-
-const Left = 'left';
-const Right = 'right';
-
-const splitEditorGroup$1 = (state, groupId, direction) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const sourceGroup = groups.find(group => group.id === groupId);
-  if (!sourceGroup) {
-    return state;
-  }
-  const newGroupId = create$1();
-  const isHorizontalSplit = direction === Left || direction === Right;
-  const newLayoutDirection = isHorizontalSplit ? 'horizontal' : 'vertical';
-  const updatedGroups = groups.map(group => {
-    if (group.id === groupId) {
-      return {
-        ...group,
-        focused: false,
-        size: 50
-      };
-    }
-    return group;
-  });
-  const newGroup = {
-    activeTabId: undefined,
-    focused: true,
-    id: newGroupId,
-    isEmpty: true,
-    size: 50,
-    tabs: []
-  };
-  let reorderedGroups;
-  if (direction === Right || direction === 'down') {
-    reorderedGroups = [...updatedGroups, newGroup];
-  } else {
-    const sourceIndex = updatedGroups.findIndex(group => group.id === groupId);
-    reorderedGroups = [...updatedGroups.slice(0, sourceIndex), newGroup, ...updatedGroups.slice(sourceIndex)];
-  }
-  return {
-    ...state,
-    layout: {
-      activeGroupId: newGroupId,
-      direction: newLayoutDirection,
-      groups: reorderedGroups
-    }
-  };
-};
-
-const handleClickAction = async (state, action, rawGroupId) => {
-  if (!action) {
-    return state;
-  }
-  if (state.layout.activeGroupId === undefined) {
-    return state;
-  }
-  const activeGroup = getActiveGroup(state.layout.groups, state.layout.activeGroupId);
-  if (!activeGroup) {
-    return state;
-  }
-  switch (action) {
-    case 'close-group':
-      if (rawGroupId) {
-        const groupId = Number.parseInt(rawGroupId, 10);
-        if (!Number.isNaN(groupId)) {
-          return closeEditorGroup(state, groupId);
-        }
-      }
-      return state;
-    case 'split-right':
-      return splitEditorGroup$1(state, activeGroup.id, Right);
-    default:
-      return state;
-  }
-};
-
-const handleClickCloseTab = (state, rawGroupIndex, rawIndex) => {
-  if (!rawGroupIndex || !rawIndex) {
-    return state;
-  }
-  const groupIndex = Number.parseInt(rawGroupIndex);
-  const index = Number.parseInt(rawIndex);
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-
-  // Validate indexes
-  if (groupIndex < 0 || groupIndex >= groups.length) {
-    return state;
-  }
-  const group = groups[groupIndex];
-  if (index < 0 || index >= group.tabs.length) {
-    return state;
-  }
-  const tab = group.tabs[index];
-  const groupId = group.id;
-  const tabId = tab.id;
-  return closeTab(state, groupId, tabId);
-};
-
-const handleClickTab = async (state, groupIndexRaw, indexRaw) => {
-  if (!groupIndexRaw || !indexRaw) {
-    return state;
-  }
-  const groupIndex = Number.parseInt(groupIndexRaw);
-  const index = Number.parseInt(indexRaw);
-  return selectTab(state, groupIndex, index);
-};
-
-const handleDoubleClick = async state => {
-  // TODO: implement handleDoubleClick
-  return state;
-};
-
-const MainTabs = 'MainTabs';
-
-const getBasename$1 = uri => {
-  const lastSlashIndex = uri.lastIndexOf('/');
-  if (lastSlashIndex === -1) {
-    return uri;
-  }
-  return uri.slice(lastSlashIndex + 1);
-};
-const getLabel = uri => {
-  if (uri.startsWith('settings://')) {
-    return 'Settings';
-  }
-  if (uri.startsWith('simple-browser://')) {
-    return 'Simple Browser';
-  }
-  return getBasename$1(uri);
-};
-
-const createEmptyGroup = (state, uri, requestId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const groupId = create$1();
-  const title = getLabel(uri);
-  const tabId = create$1();
-  const editorUid = create$1();
-  const newTab = {
-    editorType: 'text',
-    editorUid,
-    errorMessage: '',
-    icon: '',
-    id: tabId,
-    isDirty: false,
-    language: '',
-    loadingState: 'loading',
-    title,
-    uri
-  };
-  const newGroup = {
-    activeTabId: newTab.id,
-    focused: true,
-    id: groupId,
-    isEmpty: false,
-    size: 100,
-    tabs: [newTab]
-  };
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      activeGroupId: groupId,
-      groups: [...groups, newGroup]
-    }
-  };
-};
-
-const getActiveTabId = state => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-  const activeGroup = groups.find(g => g.id === activeGroupId);
-  return activeGroup?.activeTabId;
-};
-
-const openTab = (state, groupId, tab) => {
-  const newTab = 'id' in tab && tab.id !== undefined ? tab : {
-    ...tab,
-    id: create$1()
-  };
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => {
-    if (group.id === groupId) {
-      const newTabs = [...group.tabs, newTab];
-      return {
-        ...group,
-        activeTabId: newTab.id,
-        isEmpty: newTabs.length === 0,
-        tabs: newTabs
-      };
-    }
-    return group;
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: updatedGroups
-    }
-  };
-};
-
-const newFile = async state => {
-  object(state);
-  const {
-    layout,
-    uid
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-
-  // Find the active group
-  const activeGroup = activeGroupId === undefined ? groups.find(group => group.focused) : groups.find(group => group.id === activeGroupId);
-
-  // Prepare initial state
-  let newState = state;
-  let targetGroupId;
-  if (activeGroup) {
-    targetGroupId = activeGroup.id;
-  } else {
-    // No active group, create an empty one
-    newState = createEmptyGroup(state, '');
-    const updatedActiveGroupId = newState.layout.activeGroupId;
-    if (!updatedActiveGroupId) {
-      return state;
-    }
-    targetGroupId = updatedActiveGroupId;
-
-    // Remove the tab that createEmptyGroup created, we'll add our own
-    newState = {
-      ...newState,
-      layout: {
-        ...newState.layout,
-        groups: newState.layout.groups.map(group => {
-          if (group.id === targetGroupId) {
-            return {
-              ...group,
-              activeTabId: undefined,
-              tabs: []
-            };
-          }
-          return group;
-        })
-      }
-    };
-  }
-
-  // Get previous active tab ID for viewlet switching
-  getActiveTabId(newState);
-
-  // Create a new empty tab
-  const tabId = create$1();
-  const editorUid = create$1();
-  const newTab = {
-    editorType: 'text',
-    editorUid,
-    errorMessage: '',
-    icon: '',
-    id: tabId,
-    isDirty: false,
-    language: 'plaintext',
-    loadingState: 'loading',
-    title: 'Untitled',
-    uri: 'untitled:///1'
-  };
-  const stateWithNewTab = openTab(newState, targetGroupId, newTab);
-
-  // Calculate bounds: use main area bounds minus tab height
-  const bounds = {
-    height: stateWithNewTab.height - stateWithNewTab.tabHeight,
-    width: stateWithNewTab.width,
-    x: stateWithNewTab.x,
-    y: stateWithNewTab.y + stateWithNewTab.tabHeight
-  };
-  const stateWithViewlet = createViewletForTab(stateWithNewTab, tabId);
-  let intermediateState = stateWithViewlet;
-
-  // Switch viewlet (detach old, attach new if ready)
-  const {
-    newState: switchedState
-  } = switchViewlet(intermediateState);
-  intermediateState = switchedState;
-  set(uid, state, intermediateState);
-
-  // Get the tab to extract editorUid
-  const tabWithViewlet = findTabById(intermediateState, tabId);
-  if (!tabWithViewlet) {
-    return intermediateState;
-  }
-  const {
-    editorUid: actualEditorUid
-  } = tabWithViewlet.tab;
-  if (actualEditorUid === -1) {
-    throw new Error(`invalid editorUid`);
-  }
-  await createViewlet('Editor', actualEditorUid, tabId, bounds, newTab.uri || '');
-
-  // After viewlet is created, get the latest state and mark it as ready
-  const {
-    newState: latestState
-  } = get(uid);
-  const readyState = handleViewletReady(latestState, actualEditorUid);
-  return readyState;
-};
-
-const handleHeaderDoubleClick = async (state, className, groupIndexRaw) => {
-  if (className !== MainTabs) {
-    return state;
-  }
-  return newFile(state);
-};
-
-const handleModifiedStatusChange = (state, uri, newStatus) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => {
-    return {
-      ...group,
-      tabs: group.tabs.map(tab => {
-        if (tab.uri === uri) {
-          return {
-            ...tab,
-            isDirty: newStatus
-          };
-        }
-        return tab;
-      })
-    };
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: updatedGroups
-    }
-  };
-};
-
-const handleResize = async (state, dimensions) => {
-  const {
-    height,
-    width,
-    x,
-    y
-  } = dimensions;
-
-  // Resize all editor children to their new bounds
-  const {
-    layout,
-    tabHeight
-  } = state;
-  const {
-    groups
-  } = layout;
-  const contentHeight = height - tabHeight;
-  const allResizeCommands = [];
-  for (const group of groups) {
-    for (const tab of group.tabs) {
-      if (tab.editorUid !== -1) {
-        const resizeCommands = await invoke('Viewlet.resize', tab.editorUid, {
-          height: contentHeight,
-          width,
-          x,
-          y: y + tabHeight
-        });
-        allResizeCommands.push(...resizeCommands);
-      }
-    }
-  }
-  return allResizeCommands;
-};
-
-const show2 = async (uid, menuId, x, y, args) => {
-  await showContextMenu2(uid, menuId, x, y, args);
-};
-
-const handleTabContextMenu = async (state, button, x, y) => {
-  number(x);
-  number(y);
-  const {
-    uid
-  } = state;
-  await show2(uid, Tab, x, y, {
-    menuId: Tab
-  });
-  return state;
-};
-
-const getIconsCached = (dirents, fileIconCache) => {
-  return dirents.map(dirent => fileIconCache[dirent]);
-};
-
-const getBasename = uri => {
-  const lastSlashIndex = uri.lastIndexOf('/');
-  if (lastSlashIndex === -1) {
-    return uri;
-  }
-  return uri.slice(lastSlashIndex + 1);
-};
-const getMissingTabs = (tabs, fileIconCache) => {
-  const missingTabs = [];
-  for (const tab of tabs) {
-    if (tab.uri && !(tab.uri in fileIconCache)) {
-      missingTabs.push(tab);
-    }
-  }
-  return missingTabs;
-};
-const tabToIconRequest = tab => {
-  const uri = tab.uri || '';
-  return {
-    name: getBasename(uri),
-    path: uri,
-    type: 0 // file type
-  };
-};
-const getMissingIconRequestsForTabs = (tabs, fileIconCache) => {
-  const missingRequests = getMissingTabs(tabs, fileIconCache);
-  const iconRequests = missingRequests.map(tabToIconRequest);
-  return iconRequests;
-};
-
-const Directory = 3;
-const DirectoryExpanded = 4;
-
-const getSimpleIconRequestType = direntType => {
-  if (direntType === Directory || direntType === DirectoryExpanded) {
-    return 2;
-  }
-  return 1;
-};
-
-const toSimpleIconRequest = request => {
-  return {
-    name: request.name,
-    type: getSimpleIconRequestType(request.type)
-  };
-};
-
-const requestFileIcons = async requests => {
-  if (requests.length === 0) {
-    return [];
-  }
-  const simpleRequests = requests.map(toSimpleIconRequest);
-  const icons = await getIcons(simpleRequests);
-  return icons;
-};
-
-const updateIconCache = (iconCache, missingRequests, newIcons) => {
-  if (missingRequests.length === 0) {
-    return iconCache;
-  }
-  const newFileIconCache = {
-    ...iconCache
-  };
-  for (let i = 0; i < missingRequests.length; i++) {
-    const request = missingRequests[i];
-    const icon = newIcons[i];
-    newFileIconCache[request.path] = icon;
-  }
-  return newFileIconCache;
-};
-
-const getFileIconsForTabs = async (tabs, fileIconCache) => {
-  const missingRequests = getMissingIconRequestsForTabs(tabs, fileIconCache);
-  const newIcons = await requestFileIcons(missingRequests);
-  const newFileIconCache = updateIconCache(fileIconCache, missingRequests, newIcons);
-  const tabUris = tabs.map(tab => tab.uri || '');
-  const icons = getIconsCached(tabUris, newFileIconCache);
-  return {
-    icons,
-    newFileIconCache
-  };
-};
-
-const getAllTabs = layout => {
-  const allTabs = [];
-  for (const group of layout.groups) {
-    allTabs.push(...group.tabs);
-  }
-  return allTabs;
-};
-
-const loadFileIcons = async state => {
-  try {
-    const allTabs = getAllTabs(state.layout);
-    const {
-      newFileIconCache
-    } = await getFileIconsForTabs(allTabs, state.fileIconCache);
-
-    // Update tabs with their icons
-    const updatedLayout = {
-      ...state.layout,
-      groups: state.layout.groups.map(group => ({
-        ...group,
-        tabs: group.tabs.map(tab => ({
-          ...tab,
-          icon: newFileIconCache[tab.uri || '']
-        }))
-      }))
-    };
-    return {
-      fileIconCache: newFileIconCache,
-      updatedLayout
-    };
-  } catch {
-    // If icon request fails, continue without icons
-    return {
-      fileIconCache: state.fileIconCache,
-      updatedLayout: state.layout
-    };
-  }
-};
-
-const handleUriChange = async (state, oldUri, newUri) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const newTitle = getLabel(newUri);
-  const updatedGroups = groups.map(group => {
-    return {
-      ...group,
-      tabs: group.tabs.map(tab => {
-        if (tab.uri === oldUri) {
-          return {
-            ...tab,
-            title: newTitle,
-            uri: newUri
-          };
-        }
-        return tab;
-      })
-    };
-  });
-  const stateWithUpdatedUri = {
-    ...state,
-    layout: {
-      ...layout,
-      groups: updatedGroups
-    }
-  };
-
-  // Load icons for the new URI
-  const result = await loadFileIcons(stateWithUpdatedUri);
-  return {
-    ...stateWithUpdatedUri,
-    fileIconCache: result.fileIconCache,
-    layout: result.updatedLayout
-  };
-};
-
-const handleWorkspaceChange = state => {
-  return {
-    ...state,
-    layout: {
-      ...state.layout,
-      activeGroupId: undefined,
-      groups: []
-    }
-  };
-};
-
-const id = 7201;
-const sendMessagePortToExtensionHostWorker = async port => {
-  await sendMessagePortToExtensionHostWorker$1(port, id);
-};
-
-const createExtensionHostRpc = async () => {
-  try {
-    const rpc = await TransferMessagePortRpcParent.create({
-      commandMap: {},
-      send: sendMessagePortToExtensionHostWorker
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create extension host rpc`);
-  }
-};
-
-const initialize = async () => {
-  const rpc = await createExtensionHostRpc();
-  set$3(rpc);
-};
-
-const isValidTab = tab => {
-  return tab && typeof tab.id === 'number' && typeof tab.title === 'string' && typeof tab.isDirty === 'boolean' && typeof tab.editorUid === 'number' && typeof tab.icon === 'string' && (tab.editorType === 'text' || tab.editorType === 'custom');
-};
-
-const isValidEditorGroup = group => {
-  return group && typeof group.id === 'number' && Array.isArray(group.tabs) && group.tabs.every(isValidTab) && (group.activeTabId === undefined || typeof group.activeTabId === 'number') && typeof group.focused === 'boolean' && typeof group.size === 'number' && group.size > 0 && typeof group.isEmpty === 'boolean';
-};
-
-const isValidMainAreaLayout = layout => {
-  if (!layout || typeof layout !== 'object') {
-    return false;
-  }
-  const layoutObj = layout;
-  if (layoutObj.activeGroupId !== undefined && typeof layoutObj.activeGroupId !== 'number') {
-    return false;
-  }
-  if (layoutObj.direction !== 'horizontal' && layoutObj.direction !== 'vertical') {
-    return false;
-  }
-  if (!Array.isArray(layoutObj.groups)) {
-    return false;
-  }
-  if (!layoutObj.groups.every(isValidEditorGroup)) {
-    return false;
-  }
-  return true;
-};
-
-const tryRestoreLayout = savedState => {
-  if (savedState === undefined || savedState === null) {
-    return undefined;
-  }
-  if (typeof savedState !== 'object') {
-    return undefined;
-  }
-  const {
-    layout
-  } = savedState;
-  if (!isValidMainAreaLayout(layout)) {
-    return undefined;
-  }
-
-  // Normalize all tabs to have editorUid: -1 so SelectTab will create viewlets
-  const normalizedLayout = {
-    ...layout,
-    groups: layout.groups.map(group => ({
-      ...group,
-      tabs: group.tabs.map(tab => ({
-        ...tab,
-        editorUid: -1
-      }))
-    }))
-  };
-  return normalizedLayout;
-};
-
-const createViewlets = async (layout, viewletModuleIds, bounds) => {
-  const editorUids = {};
-  for (const group of layout.groups) {
-    const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
-    if (activeTab && viewletModuleIds[activeTab.id]) {
-      const editorUid = activeTab.editorUid === -1 ? create$1() : activeTab.editorUid;
-      editorUids[activeTab.id] = editorUid;
-      await createViewlet(viewletModuleIds[activeTab.id], editorUid, activeTab.id, bounds, activeTab.uri);
-    }
-  }
-  return editorUids;
-};
-
-const getViewletModuleId = async uri => {
-  // Query RendererWorker for viewlet module ID (optional, may fail in tests)
-  let viewletModuleId;
-  try {
-    viewletModuleId = await invoke('Layout.getModuleId', uri);
-  } catch {
-    // Viewlet creation is optional - silently ignore if RendererWorker isn't available
-  }
-  return viewletModuleId;
-};
-
-const getViewletModuleIds = async layout => {
-  const viewletModuleIds = {};
-  for (const group of layout.groups) {
-    const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
-    if (activeTab && activeTab.uri) {
-      const viewletModuleId = await getViewletModuleId(activeTab.uri);
-      if (viewletModuleId) {
-        viewletModuleIds[activeTab.id] = viewletModuleId;
-      }
-    }
-  }
-  return viewletModuleIds;
-};
-
-const updateTabs = (state, editorUids) => {
-  const updatedGroups = state.layout.groups.map(group => {
-    return {
-      ...group,
-      tabs: group.tabs.map(tab => {
-        if (editorUids[tab.id]) {
-          return {
-            ...tab,
-            editorUid: editorUids[tab.id]
-          };
-        }
-        return tab;
-      })
-    };
-  });
-  return {
-    ...state,
-    layout: {
-      ...state.layout,
-      groups: updatedGroups
-    }
-  };
-};
-
-const restoreAndCreateEditors = async (state, restoredLayout) => {
-  let newState = {
-    ...state,
-    layout: restoredLayout
-  };
-  const bounds = {
-    height: newState.height - state.tabHeight,
-    width: newState.width,
-    x: newState.x,
-    y: newState.y + state.tabHeight
-  };
-
-  // Get viewlet module IDs for all active tabs
-  const viewletModuleIds = await getViewletModuleIds(newState.layout);
-
-  // Create viewlets and get editor UIDs
-  const editorUids = await createViewlets(newState.layout, viewletModuleIds, bounds);
-
-  // Update tabs with editor UIDs
-  newState = updateTabs(newState, editorUids);
-
-  // Create viewlets in the lifecycle and mark them as ready
-  for (const group of newState.layout.groups) {
-    const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
-    if (activeTab && viewletModuleIds[activeTab.id]) {
-      const editorUid = editorUids[activeTab.id];
-      newState = createViewletForTab(newState, activeTab.id);
-      newState = handleViewletReady(newState, editorUid);
-    }
-  }
-  return newState;
-};
-
-const loadContent = async (state, savedState) => {
-  const restoredLayout = tryRestoreLayout(savedState);
-  if (restoredLayout) {
-    // Restore and create editors
-    const editorState = await restoreAndCreateEditors(state, restoredLayout);
-
-    // Load file icons with the updated editor state
-    const {
-      fileIconCache,
-      updatedLayout
-    } = await loadFileIcons(editorState);
-
-    // Merge the results
-    const finalState = {
-      ...editorState,
-      fileIconCache,
-      initial: false,
-      layout: updatedLayout
-    };
-    return finalState;
-  }
-  return {
-    ...state,
-    initial: false,
-    layout: {
-      activeGroupId: undefined,
-      direction: 'horizontal',
-      groups: []
-    }
-  };
-};
-
-const findGroupById = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  return groups.find(group => group.id === groupId);
-};
-
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const Close = 'Close';
-const CloseAll = 'Close All';
-const CloseOthers = 'Close Others';
-const CloseToTheRight = 'Close To The Right';
-const CopyPath = 'Copy Path';
-const CopyRelativePath = 'Copy Relative Path';
-const FindFileReferences = 'Find File References';
-const RevealInExplorer = 'Reveal in Explorer';
-const SplitEditorGroup = 'Split Editor Group';
-
-const splitEditorGroup = () => {
-  return i18nString(SplitEditorGroup);
-};
-const close = () => {
-  return i18nString(Close);
-};
-const closeOthers = () => {
-  return i18nString(CloseOthers);
-};
-const closeAll = () => {
-  return i18nString(CloseAll);
-};
-const revealInExplorer = () => {
-  return i18nString(RevealInExplorer);
-};
-const closeToTheRight = () => {
-  return i18nString(CloseToTheRight);
-};
-const findFileReferences = () => {
-  return i18nString(FindFileReferences);
-};
-const copyPath = () => {
-  return i18nString(CopyPath);
-};
-const copyRelativePath = () => {
-  return i18nString(CopyRelativePath);
-};
-
-const menuEntrySeparator = {
-  command: '',
-  flags: Separator,
-  id: 'separator',
-  label: ''
-};
-
-// TODO should pass tab uri as argument or tab index
-const getMenuEntries$1 = state => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId
-  } = layout;
-  const group = findGroupById(state, activeGroupId || 0);
-  if (!group) {
-    return [];
-  }
-  const {
-    activeTabId,
-    tabs
-  } = group;
-  const tab = tabs.find(t => t.id === activeTabId);
-  if (!tab) {
-    return [];
-  }
-  const {
-    uri: path
-  } = tab;
-  return [{
-    command: 'Main.closeFocusedTab',
-    flags: None,
-    id: 'tabClose',
-    label: close()
-  }, {
-    command: 'Main.closeOthers',
-    flags: None,
-    id: 'tabCloseOthers',
-    label: closeOthers()
-  }, {
-    command: 'Main.closeTabsRight',
-    flags: None,
-    id: 'tabCloseToTheRight',
-    label: closeToTheRight()
-  }, {
-    command: 'Main.closeAll',
-    flags: None,
-    id: 'tabCloseAll',
-    label: closeAll()
-  }, menuEntrySeparator, {
-    args: [path],
-    command: 'Explorer.revealItem',
-    flags: None,
-    id: 'revealInExplorer',
-    label: revealInExplorer()
-  }, {
-    args: [path],
-    command: 'Main.copyPath',
-    flags: None,
-    id: 'copyPath',
-    label: copyPath()
-  }, {
-    args: [path],
-    command: 'Main.copyRelativePath',
-    flags: None,
-    id: 'copyRelativePath',
-    label: copyRelativePath()
-  }, menuEntrySeparator, {
-    args: [/* id */'References', /* focus */true, path],
-    command: 'SideBar.show',
-    flags: None,
-    id: 'findFileReferences',
-    label: findFileReferences()
-  }];
-};
-
-const getMenuEntries = async (state, props) => {
-  switch (props.menuId) {
-    case Tab:
-      return getMenuEntries$1(state);
-    default:
-      return [];
-  }
-};
-
-const ensureActiveGroup = (state, uri) => {
-  // Find the active group (by activeGroupId or focused flag)
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-  const activeGroup = activeGroupId === undefined ? groups.find(group => group.focused) : groups.find(group => group.id === activeGroupId);
-
-  // Generate a request ID for content loading
-  getNextRequestId();
-
-  // If no active group exists, create one
-  let newState;
-  if (activeGroup) {
-    // Create a new tab with the URI in the active group
-    const title = getLabel(uri);
-    const tabId = create$1();
-    const editorUid = create$1();
-    const newTab = {
-      editorType: 'text',
-      editorUid,
-      errorMessage: '',
-      icon: '',
-      id: tabId,
-      isDirty: false,
-      language: '',
-      loadingState: 'loading',
-      title,
-      uri: uri
-    };
-    newState = openTab(state, activeGroup.id, newTab);
-  } else {
-    newState = createEmptyGroup(state, uri);
-  }
-  return newState;
-};
-
-const findTabByUri = (state, uri) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  for (const group of groups) {
-    const tab = group.tabs.find(t => t.uri === uri);
-    if (tab) {
-      return {
-        groupId: group.id,
-        tab
-      };
-    }
-  }
-  return undefined;
-};
-
-const focusEditorGroup = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => ({
-    ...group,
-    focused: group.id === groupId
-  }));
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      activeGroupId: groupId,
-      groups: updatedGroups
-    }
-  };
-};
-
-const getOptionUriOptions = options => {
-  let uri = '';
-  if (typeof options === 'string') {
-    uri = options;
-  } else {
-    const {
-      uri: optionsUri
-    } = options;
-    uri = optionsUri;
-  }
-  return uri;
-};
-
-const switchTab = (state, groupId, tabId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => {
-    if (group.id === groupId) {
-      const tabExists = group.tabs.some(tab => tab.id === tabId);
-      if (tabExists) {
-        return {
-          ...group,
-          activeTabId: tabId
-        };
-      }
-    }
-    return group;
-  });
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      groups: updatedGroups
-    }
-  };
-};
-
-const openUri = async (state, options) => {
-  object(state);
-  const {
-    uid
-  } = state;
-  const uri = getOptionUriOptions(options);
-
-  // Check if a tab with this URI already exists in the passed-in state
-  const existingTab = findTabByUri(state, uri);
-  if (existingTab) {
-    // Tab exists, switch to it and focus its group
-    const focusedState = focusEditorGroup(state, existingTab.groupId);
-    return switchTab(focusedState, existingTab.groupId, existingTab.tab.id);
-  }
-
-  // Get previous active tab ID for viewlet switching
-  getActiveTabId(state);
-
-  // Check if there's existing state in the global store
-  const stateFromStore = get(uid);
-  let currentState;
-  if (stateFromStore) {
-    const storedState = stateFromStore.newState;
-    // Use the stored state if it has more tabs than the passed-in state
-    // (indicating concurrent calls have already added tabs)
-    // Otherwise use the passed-in state (test setup with initial data)
-    const storedTabCount = storedState.layout.groups.reduce((sum, g) => sum + g.tabs.length, 0);
-    const passedTabCount = state.layout.groups.reduce((sum, g) => sum + g.tabs.length, 0);
-    if (storedTabCount > passedTabCount) {
-      // Stored state has more tabs - concurrent calls have added tabs
-      currentState = storedState;
-    } else {
-      // Passed-in state has same or more tabs, use it (likely fresh test setup)
-      currentState = state;
-      set(uid, state, state);
-    }
-  } else {
-    // No state in store yet, register the passed-in state
-    currentState = state;
-    set(uid, state, state);
-  }
-
-  // Add tab to state BEFORE any async calls to prevent race conditions
-  const newState = ensureActiveGroup(currentState, uri);
-  const tabId = getActiveTabId(newState);
-
-  // Save state immediately after adding tab
-  set(uid, state, newState);
-  const viewletModuleId = await getViewletModuleId(uri);
-
-  // After async call, get the latest state to account for any concurrent changes
-  const {
-    newState: stateAfterModuleId
-  } = get(uid);
-  if (!viewletModuleId) {
-    // TODO display some kind of errro that editor couldn't be opened
-    return stateAfterModuleId;
-  }
-
-  // Calculate bounds: use main area bounds minus tab height
-  const bounds = {
-    height: stateAfterModuleId.height - stateAfterModuleId.tabHeight,
-    width: stateAfterModuleId.width,
-    x: stateAfterModuleId.x,
-    y: stateAfterModuleId.y + stateAfterModuleId.tabHeight
-  };
-  const stateWithViewlet = createViewletForTab(stateAfterModuleId, tabId);
-  let intermediateState1 = stateWithViewlet;
-
-  // Switch viewlet (detach old, attach new if ready)
-  const {
-    newState: switchedState
-  } = switchViewlet(intermediateState1);
-  intermediateState1 = switchedState;
-  set(uid, state, intermediateState1);
-
-  // Get the tab to extract editorUid
-  const tabWithViewlet = findTabById(intermediateState1, tabId);
-  if (!tabWithViewlet) {
-    return intermediateState1;
-  }
-  const {
-    editorUid
-  } = tabWithViewlet.tab;
-  if (editorUid === -1) {
-    throw new Error(`invalid editorUid`);
-  }
-  await createViewlet(viewletModuleId, editorUid, tabId, bounds, uri);
-
-  // After viewlet is created, get the latest state and mark it as ready
-  // This ensures we have any state updates that occurred during viewlet creation
-  const {
-    newState: latestState
-  } = get(uid);
-
-  // Attachment is handled automatically by virtual DOM reference nodes
-  const readyState = handleViewletReady(latestState, editorUid);
-
-  // Save state before async icon request
-  set(uid, state, readyState);
-
-  // Request file icon for the newly opened tab
-  try {
-    const newTab = findTabById(readyState, tabId);
-    if (newTab && newTab.tab.uri) {
-      const {
-        newFileIconCache
-      } = await getFileIconsForTabs([newTab.tab], readyState.fileIconCache);
-
-      // After async call, get the latest state again
-      const {
-        newState: stateBeforeIconUpdate
-      } = get(uid);
-      const icon = newFileIconCache[newTab.tab.uri] || '';
-
-      // Update the tab with the icon in the latest state
-      const stateWithIcon = {
-        ...stateBeforeIconUpdate,
-        fileIconCache: newFileIconCache,
-        layout: {
-          ...stateBeforeIconUpdate.layout,
-          groups: stateBeforeIconUpdate.layout.groups.map(group => ({
-            ...group,
-            tabs: group.tabs.map(tab => tab.id === tabId ? {
-              ...tab,
-              icon
-            } : tab)
-          }))
-        }
-      };
-
-      // Save the state with icon update so concurrent calls can see it
-      set(uid, state, stateWithIcon);
-      return stateWithIcon;
-    }
-  } catch {
-    // If icon request fails, continue without icon
-  }
-
-  // Get final latest state
-  const {
-    newState: finalState
-  } = get(uid);
-  return finalState;
-};
-
-const refresh = state => {
-  return {
-    ...state
-  };
-};
-
-const text = data => {
-  return {
-    childCount: 0,
-    text: data,
-    type: Text
-  };
-};
-
-const SetText = 1;
-const Replace = 2;
-const SetAttribute = 3;
-const RemoveAttribute = 4;
-const Add = 6;
-const NavigateChild = 7;
-const NavigateParent = 8;
-const RemoveChild = 9;
-const NavigateSibling = 10;
-const SetReferenceNodeUid = 11;
-
-const isKey = key => {
-  return key !== 'type' && key !== 'childCount';
-};
-
-const getKeys = node => {
-  const keys = Object.keys(node).filter(isKey);
-  return keys;
-};
-
-const arrayToTree = nodes => {
-  const result = [];
-  let i = 0;
-  while (i < nodes.length) {
-    const node = nodes[i];
-    const {
-      children,
-      nodesConsumed
-    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
-    result.push({
-      node,
-      children
-    });
-    i += 1 + nodesConsumed;
-  }
-  return result;
-};
-const getChildrenWithCount = (nodes, startIndex, childCount) => {
-  if (childCount === 0) {
-    return {
-      children: [],
-      nodesConsumed: 0
-    };
-  }
-  const children = [];
-  let i = startIndex;
-  let remaining = childCount;
-  let totalConsumed = 0;
-  while (remaining > 0 && i < nodes.length) {
-    const node = nodes[i];
-    const nodeChildCount = node.childCount || 0;
-    const {
-      children: nodeChildren,
-      nodesConsumed
-    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
-    children.push({
-      node,
-      children: nodeChildren
-    });
-    const nodeSize = 1 + nodesConsumed;
-    i += nodeSize;
-    totalConsumed += nodeSize;
-    remaining--;
-  }
-  return {
-    children,
-    nodesConsumed: totalConsumed
-  };
-};
-
-const compareNodes = (oldNode, newNode) => {
-  const patches = [];
-  // Check if node type changed - return null to signal incompatible nodes
-  // (caller should handle this with a Replace operation)
-  if (oldNode.type !== newNode.type) {
-    return null;
-  }
-  // Handle reference nodes - special handling for uid changes
-  if (oldNode.type === Reference) {
-    if (oldNode.uid !== newNode.uid) {
-      patches.push({
-        type: SetReferenceNodeUid,
-        uid: newNode.uid
-      });
-    }
-    return patches;
-  }
-  // Handle text nodes
-  if (oldNode.type === Text && newNode.type === Text) {
-    if (oldNode.text !== newNode.text) {
-      patches.push({
-        type: SetText,
-        value: newNode.text
-      });
-    }
-    return patches;
-  }
-  // Compare attributes
-  const oldKeys = getKeys(oldNode);
-  const newKeys = getKeys(newNode);
-  // Check for attribute changes
-  for (const key of newKeys) {
-    if (oldNode[key] !== newNode[key]) {
-      patches.push({
-        type: SetAttribute,
-        key,
-        value: newNode[key]
-      });
-    }
-  }
-  // Check for removed attributes
-  for (const key of oldKeys) {
-    if (!(key in newNode)) {
-      patches.push({
-        type: RemoveAttribute,
-        key
-      });
-    }
-  }
-  return patches;
-};
-
-const treeToArray = node => {
-  const result = [node.node];
-  for (const child of node.children) {
-    result.push(...treeToArray(child));
-  }
-  return result;
-};
-
-const diffChildren = (oldChildren, newChildren, patches) => {
-  const maxLength = Math.max(oldChildren.length, newChildren.length);
-  // Track where we are: -1 means at parent, >= 0 means at child index
-  let currentChildIndex = -1;
-  // Collect indices of children to remove (we'll add these patches at the end in reverse order)
-  const indicesToRemove = [];
-  for (let i = 0; i < maxLength; i++) {
-    const oldNode = oldChildren[i];
-    const newNode = newChildren[i];
-    if (!oldNode && !newNode) {
-      continue;
-    }
-    if (!oldNode) {
-      // Add new node - we should be at the parent
-      if (currentChildIndex >= 0) {
-        // Navigate back to parent
-        patches.push({
-          type: NavigateParent
-        });
-        currentChildIndex = -1;
-      }
-      // Flatten the entire subtree so renderInternal can handle it
-      const flatNodes = treeToArray(newNode);
-      patches.push({
-        type: Add,
-        nodes: flatNodes
-      });
-    } else if (newNode) {
-      // Compare nodes to see if we need any patches
-      const nodePatches = compareNodes(oldNode.node, newNode.node);
-      // If nodePatches is null, the node types are incompatible - need to replace
-      if (nodePatches === null) {
-        // Navigate to this child
-        if (currentChildIndex === -1) {
-          patches.push({
-            type: NavigateChild,
-            index: i
-          });
-          currentChildIndex = i;
-        } else if (currentChildIndex !== i) {
-          patches.push({
-            type: NavigateSibling,
-            index: i
-          });
-          currentChildIndex = i;
-        }
-        // Replace the entire subtree
-        const flatNodes = treeToArray(newNode);
-        patches.push({
-          type: Replace,
-          nodes: flatNodes
-        });
-        // After replace, we're at the new element (same position)
-        continue;
-      }
-      // Check if we need to recurse into children
-      const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
-      // Only navigate to this element if we need to do something
-      if (nodePatches.length > 0 || hasChildrenToCompare) {
-        // Navigate to this child if not already there
-        if (currentChildIndex === -1) {
-          patches.push({
-            type: NavigateChild,
-            index: i
-          });
-          currentChildIndex = i;
-        } else if (currentChildIndex !== i) {
-          patches.push({
-            type: NavigateSibling,
-            index: i
-          });
-          currentChildIndex = i;
-        }
-        // Apply node patches (these apply to the current element, not children)
-        if (nodePatches.length > 0) {
-          patches.push(...nodePatches);
-        }
-        // Compare children recursively
-        if (hasChildrenToCompare) {
-          diffChildren(oldNode.children, newNode.children, patches);
-        }
-      }
-    } else {
-      // Remove old node - collect the index for later removal
-      indicesToRemove.push(i);
-    }
-  }
-  // Navigate back to parent if we ended at a child
-  if (currentChildIndex >= 0) {
-    patches.push({
-      type: NavigateParent
-    });
-    currentChildIndex = -1;
-  }
-  // Add remove patches in reverse order (highest index first)
-  // This ensures indices remain valid as we remove
-  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
-    patches.push({
-      type: RemoveChild,
-      index: indicesToRemove[j]
-    });
-  }
-};
-const diffTrees = (oldTree, newTree, patches, path) => {
-  // At the root level (path.length === 0), we're already AT the element
-  // So we compare the root node directly, then compare its children
-  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
-    const oldNode = oldTree[0];
-    const newNode = newTree[0];
-    // Compare root nodes
-    const nodePatches = compareNodes(oldNode.node, newNode.node);
-    // If nodePatches is null, the root node types are incompatible - need to replace
-    if (nodePatches === null) {
-      const flatNodes = treeToArray(newNode);
-      patches.push({
-        type: Replace,
-        nodes: flatNodes
-      });
-      return;
-    }
-    if (nodePatches.length > 0) {
-      patches.push(...nodePatches);
-    }
-    // Compare children
-    if (oldNode.children.length > 0 || newNode.children.length > 0) {
-      diffChildren(oldNode.children, newNode.children, patches);
-    }
-  } else {
-    // Non-root level or multiple root elements - use the regular comparison
-    diffChildren(oldTree, newTree, patches);
-  }
-};
-
-const removeTrailingNavigationPatches = patches => {
-  // Find the last non-navigation patch
-  let lastNonNavigationIndex = -1;
-  for (let i = patches.length - 1; i >= 0; i--) {
-    const patch = patches[i];
-    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
-      lastNonNavigationIndex = i;
-      break;
-    }
-  }
-  // Return patches up to and including the last non-navigation patch
-  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
-};
-
-const diffTree = (oldNodes, newNodes) => {
-  // Step 1: Convert flat arrays to tree structures
-  const oldTree = arrayToTree(oldNodes);
-  const newTree = arrayToTree(newNodes);
-  // Step 3: Compare the trees
-  const patches = [];
-  diffTrees(oldTree, newTree, patches, []);
-  // Remove trailing navigation patches since they serve no purpose
-  return removeTrailingNavigationPatches(patches);
-};
-
-const CSS_CLASSES = {
-  EDITOR_GROUPS_CONTAINER: 'editor-groups-container'};
-
-const renderContent = content => {
-  return [{
-    childCount: 1,
-    className: 'TextEditor',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'EditorContent',
-    type: Pre
-  }, text(content)];
-};
-
-const renderError = errorMessage => {
-  return [{
-    childCount: 1,
-    className: 'TextEditor TextEditor--error',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'EditorContent EditorContent--error',
-    type: Div
-  }, text(`Error: ${errorMessage}`)];
-};
-
-const renderLoading = () => {
-  return [{
-    childCount: 1,
-    className: 'TextEditor TextEditor--loading',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'EditorContent EditorContent--loading',
-    type: Div
-  }, text('Loading...')];
-};
-
-const renderViewletReference = tab => {
-  return [{
-    childCount: 0,
-    type: 100,
-    // Reference node type - frontend will append the component at this position
-    uid: tab.editorUid
-  }];
-};
-
-const renderEditor = tab => {
-  if (!tab) {
-    // Keep backward compatible behavior: render empty content
-    return renderContent('');
-  }
-
-  // Viewlet is being created in background - show loading
-  if (tab.loadingState === 'loading') {
-    return renderLoading();
-  }
-
-  // Viewlet is ready - render a reference node
-  // Frontend will append the pre-created component at this position using the uid
-  // Check for viewletInstanceId to distinguish between viewlet and plain text tabs
-  if (tab.loadingState === 'loaded' && tab.editorUid !== -1) {
-    return renderViewletReference(tab);
-  }
-
-  // Viewlet error state
-  if (tab.loadingState === 'error' && tab.errorMessage) {
-    return renderError(tab.errorMessage);
-  }
-
-  // Default: render content (fallback for simple text without viewlet)
-  return renderContent('');
-};
-
-const HandleClickAction = 10;
-const HandleClick = 11;
-const HandleClickClose = 12;
-const HandleClickTab = 13;
-const HandleTabContextMenu = 14;
-const HandleHeaderDoubleClick = 15;
-
-const renderTabActions = (isDirty, tabIndex, groupIndex) => {
-  if (isDirty) {
-    return [{
-      childCount: 1,
-      className: 'EditorTabCloseButton',
-      'data-groupIndex': groupIndex,
-      'data-index': tabIndex,
-      type: Div
-    }, {
-      childCount: 0,
-      className: 'MaskIcon MaskIconCircleFilled',
-      type: Div
-    }];
-  }
-  return [{
-    'aria-label': 'Close',
-    childCount: 1,
-    className: 'EditorTabCloseButton',
-    'data-groupIndex': groupIndex,
-    'data-index': tabIndex,
-    onClick: HandleClickClose,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: 'MaskIcon MaskIconClose',
-    type: Div
-  }];
-};
-
-const renderTab = (tab, isActive, tabIndex, groupIndex) => {
-  const closeButtonNodes = renderTabActions(tab.isDirty, tabIndex, groupIndex);
-  let className = 'MainTab';
-  if (isActive) {
-    className += ' MainTabSelected';
-  }
-  if (tab.isDirty) {
-    className += ' MainTabModified';
-  }
-  return [{
-    'aria-selected': isActive,
-    childCount: 3,
-    className,
-    'data-groupIndex': groupIndex,
-    'data-index': tabIndex,
-    onClick: HandleClickTab,
-    onContextMenu: HandleTabContextMenu,
-    role: 'tab',
-    title: tab.uri || tab.title,
-    type: Div
-  }, {
-    childCount: 0,
-    className: 'TabIcon',
-    role: 'none',
-    src: tab.icon,
-    type: Img
-  }, {
-    childCount: 1,
-    className: 'TabTitle',
-    type: Span
-  }, text(tab.title), ...closeButtonNodes];
-};
-
-const getTabsVirtualDom = (group, groupIndex, tabsChildCount) => {
-  return [{
-    childCount: tabsChildCount,
-    className: 'MainTabs',
-    role: 'tablist',
-    type: Div
-  }, ...group.tabs.flatMap((tab, tabIndex) => renderTab(tab, tab.id === group.activeTabId, tabIndex, groupIndex))];
-};
-
-const renderEditorGroupActions = (group, groupIndex, splitButtonEnabled) => {
-  if (!splitButtonEnabled) {
-    return [];
-  }
-  return [{
-    childCount: 1,
-    className: 'EditorGroupActions',
-    role: 'toolbar',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'EditorGroupActionButton SplitEditorGroupButton',
-    'data-action': 'split-right',
-    'data-groupId': String(group.id),
-    onClick: HandleClickAction,
-    title: splitEditorGroup(),
-    type: Button$1
-  }, text('split')];
-};
-
-const renderEditorGroupHeader = (group, groupIndex, splitButtonEnabled) => {
-  const tabsChildCount = group.tabs.length;
-  const actions = renderEditorGroupActions(group, groupIndex, splitButtonEnabled);
-  const hasActions = actions.length > 0;
-  return [{
-    childCount: hasActions ? 2 : 1,
-    className: 'EditorGroupHeader',
-    onDblClick: HandleHeaderDoubleClick,
-    role: 'none',
-    type: Div
-  }, ...getTabsVirtualDom(group, groupIndex, tabsChildCount), ...actions];
-};
-
-const renderEditorGroup = (group, groupIndex, splitButtonEnabled = false) => {
-  const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
-  return [{
-    childCount: 2,
-    className: 'EditorGroup',
-    type: Div
-  }, ...renderEditorGroupHeader(group, groupIndex, splitButtonEnabled), {
-    childCount: 1,
-    className: 'EditorContainer',
-    type: Div
-  }, ...renderEditor(activeTab)];
-};
-
-const getMainAreaVirtualDom = (layout, splitButtonEnabled = false) => {
-  return [{
-    childCount: 1,
-    className: 'Main',
-    type: Div
-  }, {
-    childCount: layout.groups.length,
-    className: CSS_CLASSES.EDITOR_GROUPS_CONTAINER,
-    role: 'none',
-    type: Div
-  }, ...layout.groups.flatMap((group, groupIndex) => renderEditorGroup(group, groupIndex, splitButtonEnabled))];
-};
-
-const renderItems = (oldState, newState) => {
-  const {
-    initial,
-    layout,
-    splitButtonEnabled,
-    uid
-  } = newState;
-  if (initial) {
-    return [SetDom2, uid, []];
-  }
-  const dom = getMainAreaVirtualDom(layout, splitButtonEnabled);
-  return [SetDom2, uid, dom];
-};
-
-const renderIncremental = (oldState, newState) => {
-  const oldDom = renderItems(oldState, oldState)[2];
-  const newDom = renderItems(newState, newState)[2];
-  const patches = diffTree(oldDom, newDom);
-  return [SetPatches, newState.uid, patches];
-};
-
-const getRenderer = diffType => {
-  switch (diffType) {
-    case RenderIncremental:
-      return renderIncremental;
-    case RenderItems:
-      return renderItems;
-    default:
-      throw new Error('unknown renderer');
-  }
-};
-
-const applyRender = (oldState, newState, diffResult) => {
-  const commands = [];
-  for (const item of diffResult) {
-    const fn = getRenderer(item);
-    const result = fn(oldState, newState);
-    if (result.length > 0) {
-      commands.push(result);
-    }
-  }
-  return commands;
-};
-
-const render2 = (uid, diffResult) => {
-  const {
-    newState,
-    oldState
-  } = get(uid);
-  set(uid, newState, newState);
-  const commands = applyRender(oldState, newState, diffResult);
-  return commands;
-};
-
-const renderEventListeners = () => {
-  return [{
-    name: HandleClick,
-    params: ['handleClick', TargetName]
-  }, {
-    name: HandleClickClose,
-    params: ['handleClickCloseTab', 'event.target.dataset.groupIndex', 'event.target.dataset.index']
-  }, {
-    name: HandleClickTab,
-    params: ['handleClickTab', 'event.target.dataset.groupIndex', 'event.target.dataset.index']
-  }, {
-    name: HandleTabContextMenu,
-    params: ['handleTabContextMenu', Button, ClientX, ClientY],
-    preventDefault: true
-  }, {
-    name: HandleClickAction,
-    params: ['handleClickAction', 'event.target.dataset.action', 'event.target.dataset.groupId']
-  }, {
-    name: HandleHeaderDoubleClick,
-    params: ['handleHeaderDoubleClick', 'event.target.className', 'event.target.dataset.groupId']
-  }];
-};
-
-const getActiveTab = state => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const activeGroup = groups.find(group => group.focused);
-  if (!activeGroup || !activeGroup.activeTabId) {
-    return undefined;
-  }
-  const activeTab = activeGroup.tabs.find(tab => tab.id === activeGroup.activeTabId);
-  if (!activeTab) {
-    return undefined;
-  }
-  return {
-    groupId: activeGroup.id,
-    tab: activeTab
-  };
-};
-
-const saveEditor = async editorUid => {
-  await invoke('Editor.save', editorUid);
-};
-
-const save = async state => {
-  const activeTabData = getActiveTab(state);
-  if (!activeTabData) {
-    return state;
-  }
-  const {
-    tab
-  } = activeTabData;
-  if (tab.loadingState === 'loading') {
-    return state;
-  }
-  await saveEditor(tab.editorUid);
-  if (!tab.isDirty) {
-    return state;
-  }
-  return updateTab(state, tab.id, {
-    isDirty: false
-  });
-};
-
-const saveState = state => {
-  const {
-    layout
-  } = state;
-
-  // Filter out untitled editors from tabs
-  const filteredGroups = layout.groups.map(group => ({
-    ...group,
-    tabs: group.tabs.filter(tab => !tab.uri?.startsWith('untitled://'))
-  }))
-  // Remove groups that become empty after filtering
-  .filter(group => group.tabs.length > 0);
-
-  // Update activeGroupId if it points to a removed group
-  const {
-    activeGroupId: originalActiveGroupId
-  } = layout;
-  const activeGroupId = originalActiveGroupId !== undefined && !filteredGroups.some(g => g.id === originalActiveGroupId) ? undefined : originalActiveGroupId;
-  return {
-    layout: {
-      ...layout,
-      activeGroupId,
-      groups: filteredGroups
-    }
-  };
-};
-
-const splitDown = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-
-  // If there are no groups, create an initial empty group first
-  if (groups.length === 0) {
-    const initialGroupId = create$1();
-    const initialGroup = {
-      activeTabId: undefined,
-      focused: true,
-      id: initialGroupId,
-      isEmpty: true,
-      size: 100,
-      tabs: []
-    };
-    const stateWithInitialGroup = {
-      ...state,
-      layout: {
-        ...layout,
-        activeGroupId: initialGroupId,
-        groups: [initialGroup]
-      }
-    };
-    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, 'down');
-  }
-  const resolvedGroupId = groupId ?? state.layout.activeGroupId;
-  if (!resolvedGroupId) {
-    return state;
-  }
-  return splitEditorGroup$1(state, resolvedGroupId, 'down');
-};
-
-const splitRight = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    activeGroupId,
-    groups
-  } = layout;
-
-  // If there are no groups, create an initial empty group first
-  if (groups.length === 0) {
-    const initialGroupId = create$1();
-    const initialGroup = {
-      activeTabId: undefined,
-      focused: true,
-      id: initialGroupId,
-      isEmpty: true,
-      size: 100,
-      tabs: []
-    };
-    const stateWithInitialGroup = {
-      ...state,
-      layout: {
-        ...layout,
-        activeGroupId: initialGroupId,
-        groups: [initialGroup]
-      }
-    };
-    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, Right);
-  }
-  const targetGroupId = groupId ?? activeGroupId ?? groups[0]?.id ?? 0;
-  return splitEditorGroup$1(state, targetGroupId, Right);
-};
-
-const commandMap = {
-  'MainArea.closeActiveEditor': wrapCommand(closeActiveEditor),
-  'MainArea.closeAll': wrapCommand(closeAll$1),
-  'MainArea.closeAllEditors': wrapCommand(closeAll$1),
-  'MainArea.closeFocusedTab': wrapCommand(closeFocusedTab),
-  'MainArea.closeOthers': wrapCommand(closeOtherTabs),
-  'MainArea.closeTabsRight': wrapCommand(closeTabsRight),
-  'MainArea.copyPath': wrapCommand(copyPath$1),
-  'MainArea.copyRelativePath': wrapCommand(copyRelativePath$1),
-  'MainArea.create': create,
-  'MainArea.diff2': diff2,
-  'MainArea.focusNext': wrapCommand(focusNextTab),
-  'MainArea.focusNextTab': wrapCommand(focusNextTab),
-  'MainArea.focusPrevious': wrapCommand(focusPreviousTab),
-  'MainArea.focusPreviousTab': wrapCommand(focusPreviousTab),
-  'MainArea.getCommandIds': getCommandIds,
-  'MainArea.getMenuEntries': wrapGetter(getMenuEntries),
-  'MainArea.getMenuIds': getMenuIds,
-  'MainArea.handleClick': wrapCommand(handleClick),
-  'MainArea.handleClickAction': wrapCommand(handleClickAction),
-  'MainArea.handleClickCloseTab': wrapCommand(handleClickCloseTab),
-  'MainArea.handleClickTab': wrapCommand(handleClickTab),
-  'MainArea.handleDoubleClick': wrapCommand(handleDoubleClick),
-  'MainArea.handleHeaderDoubleClick': wrapCommand(handleHeaderDoubleClick),
-  'MainArea.handleModifiedStatusChange': wrapCommand(handleModifiedStatusChange),
-  'MainArea.handleResize': wrapGetter(handleResize),
-  // TODO would need to have a function that returns newstate as well as commands
-  'MainArea.handleTabContextMenu': wrapCommand(handleTabContextMenu),
-  'MainArea.handleUriChange': wrapCommand(handleUriChange),
-  'MainArea.handleWorkspaceChange': wrapCommand(handleWorkspaceChange),
-  'MainArea.initialize': initialize,
-  'MainArea.loadContent': wrapCommand(loadContent),
-  'MainArea.newFile': wrapCommand(newFile),
-  'MainArea.openUri': wrapCommand(openUri),
-  'MainArea.refresh': wrapCommand(refresh),
-  'MainArea.render2': render2,
-  'MainArea.renderEventListeners': renderEventListeners,
-  'MainArea.resize': wrapGetter(handleResize),
-  'MainArea.save': wrapCommand(save),
-  'MainArea.saveState': wrapGetter(saveState),
-  'MainArea.selectTab': wrapCommand(selectTab),
-  'MainArea.splitDown': wrapCommand(splitDown),
-  'MainArea.splitRight': wrapCommand(splitRight),
-  'MainArea.terminate': terminate
-};
-
-const sendMessagePortToClipBoardWorker = async port => {
-  // @ts-ignore
-  await sendMessagePortToClipBoardWorker$1(port, 0);
-};
-
-const initializeClipBoardWorker = async () => {
-  const rpc = await LazyTransferElectronMessagePortRpc.create({
-    commandMap: {},
-    send: sendMessagePortToClipBoardWorker
-  });
-  set$4(rpc);
-};
-
-const send = port => {
-  return sendMessagePortToIconThemeWorker(port, 0);
-};
-const createIconThemeWorkerRpc = async () => {
-  try {
-    const rpc = await LazyTransferMessagePortRpcParent.create({
-      commandMap: {},
-      send
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create icon theme worker rpc`);
-  }
-};
-
-const initializeIconThemeWorker = async () => {
-  const rpc = await createIconThemeWorkerRpc();
-  set$2(rpc);
-};
-
-const initializeRendererWorker = async () => {
-  const rpc = await WebWorkerRpcClient.create({
-    commandMap: commandMap
-  });
-  set$1(rpc);
-};
-
-const listen = async () => {
-  registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeIconThemeWorker(), initializeClipBoardWorker()]);
-};
-
-const main$2 = async () => {
-  await listen();
-};
-
-const main$1 = async () => {
-  registerCommands(commandMap);
-  const rpc = await WebWorkerRpcClient.create({
-    commandMap: commandMap
-  });
-  set$1(rpc);
-};
-
-const main = async () => {
-  await main$2();
-  await main$1();
-};
-main$2();
-
-export { main };