@lvce-editor/renderer-process 30.13.1 → 30.14.0

package/dist/rendererProcessMain.js

@@ -99,7 +99,7 @@ const writeText = async text => {
 const toClipboardItem = options => {
   return new ClipboardItem(options);
 };
-const write$2 = async itemOptions => {
+const write$1 = async itemOptions => {
   const items = itemOptions.map(toClipboardItem);
   await navigator.clipboard.write(items);
 };
@@ -125,7 +125,7 @@ const state$b = {
 const set$b = (id, sheet) => {
   state$b.styleSheets[id] = sheet;
 };
-const get$b = id => {
+const get$9 = id => {
   return state$b.styleSheets[id];
 };
 const setText$2 = (id, text) => {
@@ -140,7 +140,7 @@ const remove$5 = id => {
 };
 
 const addCssStyleSheet = (id, text) => {
-  const existing = get$b(id);
+  const existing = get$9(id);
   if (existing) {
     existing.replaceSync(text);
     setText$2(id, text);
@@ -153,7 +153,7 @@ const addCssStyleSheet = (id, text) => {
   document.adoptedStyleSheets.push(sheet);
 };
 const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
-  const sheet = get$b(id);
+  const sheet = get$9(id);
   const text = getText(id);
   if (!sheet || typeof text !== 'string') {
     throw new Error(`stylesheet ${id} must be initialized before it can be patched`);
@@ -172,7 +172,7 @@ const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
   setText$2(id, newText);
 };
 const removeCssStyleSheet = id => {
-  const sheet = get$b(id);
+  const sheet = get$9(id);
   if (!sheet) {
     return;
   }
@@ -336,7 +336,7 @@ const createIdGenerator = () => {
     return ++id;
   };
 };
-const create$L = createIdGenerator();
+const create$J = createIdGenerator();
 
 const state$a = Object.create(null);
 const acquire$1 = id => {
@@ -350,7 +350,7 @@ const getFileHandles$1 = async ids => {
   return handles;
 };
 const add$1 = promise => {
-  const id = create$L();
+  const id = create$J();
   state$a[id] = promise;
   return id;
 };
@@ -443,6 +443,17 @@ const getTargetName = event => {
   }
   return namedTarget?.getAttribute?.('name') || namedTarget?.name || '';
 };
+const getNestedProperty = (value, path) => {
+  const parts = path.split('.');
+  let current = value;
+  for (const part of parts) {
+    if (current === undefined || current === null) {
+      return undefined;
+    }
+    current = current[part];
+  }
+  return current;
+};
 const getEventListenerArg = (param, event) => {
   switch (param) {
     case 'event.altKey':
@@ -507,17 +518,12 @@ const getEventListenerArg = (param, event) => {
       return event.y;
     default:
       if (typeof param === 'string' && param.startsWith('event.currentTarget.')) {
-        const rest = param.slice('event.currentTarget.'.length);
-        const parts = rest.split('.');
-        let current = event.currentTarget;
-        for (const part of parts) {
-          current = current[part];
-        }
-        return current;
+        const path = param.slice('event.currentTarget.'.length);
+        return getNestedProperty(event.currentTarget, path);
       }
-      if (typeof param === 'string' && param.startsWith('event.target.dataset')) {
-        const rest = param.slice('event.target.dataset.'.length);
-        return event.target.dataset[rest];
+      if (typeof param === 'string' && param.startsWith('event.target.')) {
+        const path = param.slice('event.target.'.length);
+        return getNestedProperty(event.target, path);
       }
       return param;
   }
@@ -1258,7 +1264,7 @@ const {
 } = ElementTagMap;
 
 const instances = Object.create(null);
-const get$a = viewletId => {
+const get$8 = viewletId => {
   return instances[viewletId];
 };
 const set$a = (viewletId, instance) => {
@@ -1293,7 +1299,7 @@ const has$1 = listener => {
 const set$9 = (listener, value) => {
   cache.set(listener, value);
 };
-const get$9 = listener => {
+const get$7 = listener => {
   return cache.get(listener);
 };
 
@@ -1315,7 +1321,7 @@ const getWrappedListener = (listener, returnValue) => {
     nameAnonymousFunction$1(wrapped, listener.name);
     set$9(listener, wrapped);
   }
-  return get$9(listener);
+  return get$7(listener);
 };
 
 const attachedListeners = new WeakMap();
@@ -1414,7 +1420,7 @@ const setStyle = ($Element, styleString) => {
 
 const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaDescribedBy', 'aria-describedby'], ['ariaInvalid', 'aria-invalid'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
 const pixelStyleProps = new Set(['height', 'left', 'marginTop', 'paddingLeft', 'paddingRight', 'top', 'width']);
-const eventProps = new Set(['onBlur', 'onChange', 'onClick', 'onContextMenu', 'onBeforeInput', 'onDblClick', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onFocus', 'onFocusIn', 'onFocusOut', 'onInput', 'onKeydown', 'onKeyDown', 'onKeyUp', 'onMouseDown', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPointerDown', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onScroll', 'onSelectionChange', 'onSubmit', 'onWheel']);
+const eventProps = new Set(['onBlur', 'onChange', 'onClick', 'onContextMenu', 'onBeforeInput', 'onDblClick', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onError', 'onFocus', 'onFocusIn', 'onFocusOut', 'onInput', 'onKeydown', 'onKeyDown', 'onKeyUp', 'onLoadedData', 'onMouseDown', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPointerDown', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onScroll', 'onSelectionChange', 'onSubmit', 'onTimeUpdate', 'onWheel']);
 const setOptionalAttribute = ($Element, attributeName, value) => {
   if (value) {
     $Element.setAttribute(attributeName, value);
@@ -1549,7 +1555,7 @@ const renderDomElement = (element, eventMap, newEventMap) => {
   return $Element;
 };
 const renderReferenceNode = (element, eventMap, newEventMap) => {
-  const instance = get$a(element.uid);
+  const instance = get$8(element.uid);
   if (!instance || !instance.state) {
     return document.createTextNode('Reference node not found');
   }
@@ -1695,7 +1701,7 @@ const handleNavigateSibling = (state, patch, $Element, patchIndex) => {
   return true;
 };
 const handleSetReferenceNodeUid = (state, patch) => {
-  const instance = get$a(patch.uid);
+  const instance = get$8(patch.uid);
   if (!instance || !instance.state) {
     console.error('Cannot set reference node uid: instance not found', {
       uid: patch.uid
@@ -1896,7 +1902,7 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
-const get$8 = ids => {
+const get$6 = ids => {
   return getFileHandles$1(ids);
 };
 
@@ -2122,7 +2128,7 @@ const getWorkerDisplayName$1 = name => {
   }
   return `${name} worker`;
 };
-const create$K = async ({
+const create$I = async ({
   name,
   url
 }) => {
@@ -2190,7 +2196,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker$2 = {
   __proto__: null,
-  create: create$K,
+  create: create$I,
   wrap
 };
 
@@ -2198,7 +2204,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$J = async ({
+const create$H = async ({
   url
 }) => {
   string(url);
@@ -2222,10 +2228,10 @@ const create$J = async ({
 
 const IpcParentWithMessagePort$2 = {
   __proto__: null,
-  create: create$J
+  create: create$H
 };
 
-const create$I = async url => {
+const create$G = async url => {
   const referencePort = await new Promise(resolve => {
     Object.defineProperty(globalThis, 'acceptReferencePort', {
       configurable: true,
@@ -2239,7 +2245,7 @@ const create$I = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$I
+  create: create$G
 };
 
 const normalizeLine = line => {
@@ -2823,7 +2829,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$7 = id => {
+const get$5 = id => {
   return callbacks[id];
 };
 const remove$4 = id => {
@@ -3013,7 +3019,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$7(id);
+  const fn = get$5(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -3076,7 +3082,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$H = (message, result) => {
+const create$F = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -3085,7 +3091,7 @@ const create$H = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$H(message, resultProperty);
+  return create$F(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -3179,7 +3185,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$G = (method, params) => {
+const create$E = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -3187,7 +3193,7 @@ const create$G = (method, params) => {
   };
 };
 
-const create$F = (id, method, params) => {
+const create$D = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -3198,12 +3204,12 @@ const create$F = (id, method, params) => {
 };
 
 let id = 0;
-const create$E = () => {
+const create$C = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$E();
+  const id = create$C();
   const {
     promise,
     resolve
@@ -3220,7 +3226,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$F(id, method, params);
+  const message = create$D(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -3256,7 +3262,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$G(method, params);
+      const message = create$E(method, params);
       ipc.send(message);
     }
   };
@@ -3295,7 +3301,7 @@ const unhandleIpc = ipc => {
   }
 };
 
-const create$D = async ({
+const create$B = async ({
   commandMap,
   window
 }) => {
@@ -3307,7 +3313,7 @@ const create$D = async ({
   return rpc;
 };
 
-const create$C = async ({
+const create$A = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -3329,7 +3335,7 @@ const isWorker = value => {
   return value instanceof Worker;
 };
 
-const create$B = async ({
+const create$z = async ({
   commandMap,
   name,
   url
@@ -3349,7 +3355,7 @@ const create$B = async ({
   return workerRpc;
 };
 
-const create$A = async ({
+const create$y = async ({
   commandMap,
   name,
   port,
@@ -3372,11 +3378,11 @@ const create$A = async ({
   return workerRpc;
 };
 
-const create$z = async ({
+const create$x = async ({
   commandMap,
   messagePort
 }) => {
-  return create$C({
+  return create$A({
     commandMap,
     messagePort
   });
@@ -3392,13 +3398,13 @@ const remove$3 = id => {
   return worker;
 };
 
-const create$y = async ({
+const create$w = async ({
   id,
   name,
   port,
   raw,
   url
-}, createRpc = create$A) => {
+}, createRpc = create$y) => {
   const rpc = await createRpc({
     commandMap: {},
     name,
@@ -3414,7 +3420,7 @@ const create$y = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$y
+  create: create$w
 };
 
 const Web = 1;
@@ -3447,7 +3453,7 @@ const platform = getPlatform();
 const isElectron = platform === Electron;
 
 // TODO use handleIncomingIpc function
-const create$x = async ({
+const create$v = async ({
   ipcId,
   port
 }) => {
@@ -3455,7 +3461,7 @@ const create$x = async ({
   if (!isElectron) {
     throw new Error('Electron api was requested but is not available');
   }
-  const rpc = await create$D({
+  const rpc = await create$B({
     commandMap: {},
     window
   });
@@ -3465,7 +3471,7 @@ const create$x = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$x
+  create: create$v
 };
 
 const getModule = method => {
@@ -3489,7 +3495,7 @@ const ipcs = Object.create(null);
 const set$7 = (name, ipc) => {
   ipcs[name] = ipc;
 };
-const get$6 = name => {
+const get$4 = name => {
   return ipcs[name];
 };
 const remove$2 = name => {
@@ -3522,7 +3528,7 @@ const launchWorker = async ({
   url
 }) => {
   try {
-    const rpc = await create$B({
+    const rpc = await create$z({
       commandMap: commandMapRef,
       name,
       url
@@ -3704,7 +3710,7 @@ const hydrate$3 = async () => {
 };
 
 // TODO needed?
-const dispose$k = () => {
+const dispose$j = () => {
   if (state$7.rpc) {
     state$7.rpc.dispose();
   }
@@ -3734,7 +3740,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$k,
+  dispose: dispose$j,
   hydrate: hydrate$3,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -3743,7 +3749,7 @@ const RendererWorker = {
   state: state$7
 };
 
-const create$w = async ({
+const create$u = async ({
   method,
   ...options
 }) => {
@@ -3753,7 +3759,7 @@ const create$w = async ({
     }
     // TODO rename method
     // TODO avoid cyclic dependency
-    const port = get$6(options.name);
+    const port = get$4(options.name);
     remove$2(options.name);
     await invokeAndTransfer('Transferrable.transfer', options.id, port);
     return;
@@ -3762,7 +3768,7 @@ const create$w = async ({
   // @ts-ignore
   return module.create(options);
 };
-const dispose$j = id => {
+const dispose$i = id => {
   const worker = remove$3(id);
   worker?.terminate();
 };
@@ -3868,7 +3874,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$v = (type, message) => {
+const create$t = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -3913,24 +3919,18 @@ const createWithOptions = (type, message, options) => {
   const $Notification = create$NotificationWithOptions(message, options);
   append$1($Notification);
 };
-const dispose$i = id => {
+const dispose$h = id => {
   // const $Notification = state.$Notifications
 };
 
 const state$5 = {
   canvasObjects: Object.create(null)
 };
-const get$5 = id => {
-  return state$5.canvasObjects[id];
-};
 const set$6 = (canvasId, canvas) => {
   state$5.canvasObjects[canvasId] = canvas;
 };
 
-const get$4 = id => {
-  return get$5(id);
-};
-const create$u = async (canvasId, objectId) => {
+const create$s = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$6(canvasId, canvas);
@@ -4050,7 +4050,7 @@ const getElement = () => {
   return state$4.$PreviousFocusElement;
 };
 
-const focus$e = $Element => {
+const focus$d = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -4149,7 +4149,7 @@ const getLevel = $Menu => {
   // @ts-expect-error
   return state$3.$$Menus.indexOf($Menu);
 };
-const handleMouseDown$4 = event => {
+const handleMouseDown$2 = event => {
   const $Target = event.target;
   const $Menu = $Target.closest('.Menu');
   const index = findIndex($Menu, $Target);
@@ -4212,7 +4212,7 @@ const handleMouseLeave = event => {
 };
 
 // const handleBlur = (event) => {}
-const handleKeyDown$5 = event => {
+const handleKeyDown$4 = event => {
   state$3.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
@@ -4226,7 +4226,7 @@ const create$Menu$1 = () => {
   $Menu.tabIndex = -1;
   // $ContextMenu.onmousedown = contextMenuHandleMouseDown
   // TODO mousedown vs click? (click is usually better but mousedown is faster, why wait 100ms?)
-  $Menu.addEventListener(MouseDown, handleMouseDown$4);
+  $Menu.addEventListener(MouseDown, handleMouseDown$2);
   $Menu.addEventListener(MouseEnter, handleMouseEnter, {
     capture: true
   });
@@ -4236,7 +4236,7 @@ const create$Menu$1 = () => {
   // $Menu.addEventListener('mousemove', handleMouseMove, {
   //   passive: true,
   // })
-  $Menu.onkeydown = handleKeyDown$5;
+  $Menu.onkeydown = handleKeyDown$4;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
   $Menu.oncontextmenu = handleContextMenu$7;
   // $ContextMenu.onfocus = handleFocus
@@ -4299,7 +4299,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   state$3.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$e($Menu);
+    focus$d($Menu);
     send('Focus.setFocus', FocusMenu);
   }
 };
@@ -4564,6 +4564,7 @@ const hover = (element, options) => {
   mouseEvent(element, MouseEnter, options);
 };
 const type = (element, options) => {
+  element.focus();
   element.value = options.text;
   const event = new InputEvent('input', {
     bubbles: true,
@@ -4914,27 +4915,37 @@ const getKeyboardOptions = options => {
 const isXtermTextArea = element => {
   return element instanceof HTMLTextAreaElement && element.classList.contains('xterm-helper-textarea');
 };
-const getPrintableKey = options => {
-  if (options.key === 'Space') {
-    return ' ';
-  }
-  if (options.key?.length === 1) {
-    return options.key;
+const getXtermInput = options => {
+  switch (options.key) {
+    case 'Backspace':
+      return '\u{7F}';
+    case 'Enter':
+      return '\r';
+    case 'Escape':
+      return '\u{1B}';
+    case 'Space':
+      return ' ';
+    case 'Tab':
+      return '\t';
+    default:
+      if (options.key?.length === 1) {
+        return options.key;
+      }
+      return '';
   }
-  return '';
 };
 const press = options => {
   const element = document.activeElement;
   if (!element) {
     return;
   }
-  const text = getPrintableKey(options);
-  if (isXtermTextArea(element) && text) {
-    element.value = text;
+  const input = getXtermInput(options);
+  if (isXtermTextArea(element) && input) {
+    element.value = input;
     element.dispatchEvent(new InputEvent('input', {
       bubbles: true,
       cancelable: true,
-      data: text,
+      data: input,
       inputType: 'insertText'
     }));
     element.value = '';
@@ -5266,7 +5277,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$t = (uri, top, left) => {
+const create$r = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -5291,14 +5302,14 @@ const create$t = (uri, top, left) => {
 const update = (state, uri) => {
   state.$ImagePreviewImage.uri = uri;
 };
-const dispose$h = state => {
+const dispose$g = state => {
   remove$1(state.$ImagePreview);
 };
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$t,
-  dispose: dispose$h,
+  create: create$r,
+  dispose: dispose$g,
   showError,
   update
 };
@@ -5314,7 +5325,7 @@ const getNodeIndex = $Node => {
 const get$ItemFromEvent = event => {
   return event.target.closest?.('.ActivityBarItem');
 };
-const handleMouseDown$3 = event => {
+const handleMouseDown$1 = event => {
   const {
     button,
     clientX,
@@ -5329,7 +5340,7 @@ const handleMouseDown$3 = event => {
   const index = getNodeIndex($Item);
   return ['handleClickIndex', button, index, clientX, clientY];
 };
-const handleBlur$8 = () => {
+const handleBlur$7 = () => {
   return ['handleBlur'];
 };
 const handleFocus$8 = () => {
@@ -5351,10 +5362,10 @@ const returnValue$8 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
-  handleBlur: handleBlur$8,
+  handleBlur: handleBlur$7,
   handleContextMenu: handleContextMenu$6,
   handleFocus: handleFocus$8,
-  handleMouseDown: handleMouseDown$3,
+  handleMouseDown: handleMouseDown$1,
   returnValue: returnValue$8
 };
 
@@ -5399,7 +5410,7 @@ forwardViewletCommand('focusPrevious');
 const handleAudioError$1 = forwardViewletCommand('handleAudioError');
 forwardViewletCommand('handleBeforeInput');
 forwardViewletCommand('handleBeforeInputFromContentEditable');
-const handleBlur$7 = forwardViewletCommand('handleBlur');
+const handleBlur$6 = forwardViewletCommand('handleBlur');
 const handleButtonClick = forwardViewletCommand('handleButtonClick');
 const handleClick$6 = forwardViewletCommand('handleClick');
 const handleClickAction$2 = forwardViewletCommand('handleClickAction');
@@ -5432,12 +5443,12 @@ const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 forwardViewletCommand('handleIconError');
 const handleImageError = forwardViewletCommand('handleImageError');
 const handleInput$6 = forwardViewletCommand('handleInput');
-const handleKeyDown$4 = forwardViewletCommand('handleKeyDown');
+const handleKeyDown$3 = forwardViewletCommand('handleKeyDown');
 forwardViewletCommand('handleListBlur');
 forwardViewletCommand('handleListFocus');
 const handleMenuClick$1 = forwardViewletCommand('handleMenuClick');
 const handleMenuMouseOver$1 = forwardViewletCommand('handleMenuMouseOver');
-const handleMouseDown$2 = forwardViewletCommand('handleMouseDown');
+forwardViewletCommand('handleMouseDown');
 forwardViewletCommand('handleMouseMove');
 const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
 const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
@@ -5516,15 +5527,15 @@ const ViewletAudio = {
   Events: Events$4
 };
 
-const create$s = () => {
+const create$q = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
     $Viewlet
   };
 };
-const dispose$g = state => {};
-const refresh$4 = () => {};
+const dispose$f = state => {};
+const refresh$3 = () => {};
 const setTime = (state, time) => {
   object(state);
   string(time);
@@ -5533,9 +5544,9 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$s,
-  dispose: dispose$g,
-  refresh: refresh$4,
+  create: create$q,
+  dispose: dispose$f,
+  refresh: refresh$3,
   setTime
 };
 
@@ -5562,7 +5573,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$r = (pointerDown, pointerMove, pointerUp) => {
+const create$p = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -5595,7 +5606,7 @@ const create$r = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$r(event => {
+const handleSliderPointerDown = create$p(event => {
   const {
     clientX,
     clientY
@@ -5677,7 +5688,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$5
 };
 
-const create$q = () => {
+const create$o = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -5693,11 +5704,11 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$q,
+  create: create$o,
   setDom: setDom$9
 };
 
-const handleKeyDown$3 = event => {
+const handleKeyDown$2 = event => {
   preventDefault(event);
   stopPropagation(event);
   const uid = fromEvent(event);
@@ -5708,17 +5719,17 @@ const handleKeyDown$3 = event => {
     metaKey,
     shiftKey
   } = event;
-  handleKeyDown$4(uid, key, altKey, ctrlKey, shiftKey, metaKey);
+  handleKeyDown$3(uid, key, altKey, ctrlKey, shiftKey, metaKey);
 };
-const handleBlur$6 = event => {
+const handleBlur$5 = event => {
   const uid = fromEvent(event);
-  handleBlur$7(uid);
+  handleBlur$6(uid);
 };
 
 const ViewletDefineKeyBindingEvents = {
   __proto__: null,
-  handleBlur: handleBlur$6,
-  handleKeyDown: handleKeyDown$3
+  handleBlur: handleBlur$5,
+  handleKeyDown: handleKeyDown$2
 };
 
 const setValue$2 = (state, value) => {
@@ -5730,7 +5741,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector(':scope input');
   $Input.value = value;
 };
-const focus$d = state => {
+const focus$c = state => {
   const {
     $Viewlet
   } = state;
@@ -5741,7 +5752,7 @@ const focus$d = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$d,
+  focus: focus$c,
   setValue: setValue$2
 };
 
@@ -5754,7 +5765,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$p = icon => {
+const create$n = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -5764,7 +5775,7 @@ const create$p = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary HTML element)
-  const $Icon = create$p(icon);
+  const $Icon = create$n(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -5785,7 +5796,7 @@ const handleClick$4 = event => {
   handleClick$5(index);
 };
 
-const create$o = () => {
+const create$m = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -5866,7 +5877,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$o,
+  create: create$m,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -5929,7 +5940,7 @@ const handleContextMenu$4 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$r(event => {
+const handleSashCornerPointerDown = create$p(event => {
   const {
     clientX,
     clientY
@@ -6103,15 +6114,15 @@ const handleFocusIn$3 = event => {
   const uid = fromEvent(event);
   handleFocusIn$4(uid);
 };
-const handleBlur$5 = event => {
+const handleBlur$4 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleBlur$7(uid);
+  handleBlur$6(uid);
 };
 
 const ViewletEditorCodeGeneratorEvents = {
   __proto__: null,
-  handleBlur: handleBlur$5,
+  handleBlur: handleBlur$4,
   handleFocusIn: handleFocusIn$3
 };
 
@@ -6128,10 +6139,10 @@ const appendWidget$5 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$f = state => {
+const dispose$e = state => {
   remove$1(state.$Viewlet);
 };
-const focus$c = (state, key, source) => {
+const focus$b = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -6154,8 +6165,8 @@ const ViewletEditorCodeGenerator = {
   __proto__: null,
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
-  dispose: dispose$f,
-  focus: focus$c,
+  dispose: dispose$e,
+  focus: focus$b,
   setBounds: setBounds$9
 };
 
@@ -6272,7 +6283,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$n = () => {
+const create$l = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -6325,7 +6336,7 @@ const setDom$8 = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$e = state => {
+const dispose$d = state => {
   remove$1(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -6356,8 +6367,8 @@ const setBounds$8 = (state, x, y, width, height) => {
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$6,
-  create: create$n,
-  dispose: dispose$e,
+  create: create$l,
+  dispose: dispose$d,
   handleError: handleError$5,
   setBounds: setBounds$8,
   setContentHeight,
@@ -6379,7 +6390,7 @@ const ViewletEditorCompletionDetailsEvents = {
   returnValue: returnValue$4
 };
 
-const create$m = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -6405,7 +6416,7 @@ const appendWidget$4 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$d = state => {
+const dispose$c = state => {
   remove$1(state.$Viewlet);
 };
 const setBounds$7 = (state, x, y, width, height) => {
@@ -6420,8 +6431,8 @@ const ViewletEditorCompletionDetails = {
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
   attachEvents: attachEvents$5,
-  create: create$m,
-  dispose: dispose$d,
+  create: create$k,
+  dispose: dispose$c,
   setBounds: setBounds$7,
   setDom: setDom$7
 };
@@ -6439,7 +6450,7 @@ const ViewletEditorCompletionDetails = {
 
 // TODO aria alert
 
-const create$l = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -6461,13 +6472,13 @@ const setBounds$6 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$l,
+  create: create$j,
   setBounds: setBounds$6,
   setDom: setDom$6
 };
 
 const returnValue$3 = true;
-const handleSashPointerDown$2 = create$r(event => {
+const handleSashPointerDown$2 = create$p(event => {
   const {
     clientX,
     clientY
@@ -6619,7 +6630,7 @@ const handleFocus$5 = event => {
   handleFocus$7(uid);
 };
 
-const create$k = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
@@ -6662,13 +6673,13 @@ const setDom$4 = (state, dom) => {
 const ViewletEditorImage = {
   __proto__: null,
   attachEvents: attachEvents$4,
-  create: create$k,
+  create: create$i,
   setDom: setDom$4,
   setDragging,
   setTransform
 };
 
-const create$j = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -6676,8 +6687,8 @@ const create$j = () => {
     $Viewlet
   };
 };
-const dispose$c = state => {};
-const refresh$3 = (state, context) => {
+const dispose$b = state => {};
+const refresh$2 = (state, context) => {
   object(state);
   string(context.content);
   state.$Viewlet.textContent = context.content;
@@ -6685,9 +6696,9 @@ const refresh$3 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$j,
-  dispose: dispose$c,
-  refresh: refresh$3
+  create: create$h,
+  dispose: dispose$b,
+  refresh: refresh$2
 };
 
 const handleFocusIn$2 = event => {
@@ -6714,7 +6725,7 @@ const appendWidget$2 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$b = state => {
+const dispose$a = state => {
   remove$1(state.$Viewlet);
 };
 
@@ -6722,11 +6733,11 @@ const ViewletEditorSourceActions = {
   __proto__: null,
   Events: ViewletEditorSourceActionsEvents,
   appendWidget: appendWidget$2,
-  dispose: dispose$b,
+  dispose: dispose$a,
   setBounds: setBounds$4
 };
 
-const create$i = () => {
+const create$g = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorTextError';
   return {
@@ -6742,11 +6753,11 @@ const setMessage$3 = (state, message) => {
 
 const ViewletEditorTextError = {
   __proto__: null,
-  create: create$i,
+  create: create$g,
   setMessage: setMessage$3
 };
 
-const create$h = () => {
+const create$f = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
@@ -6769,12 +6780,12 @@ const setBounds$3 = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$h,
+  create: create$f,
   setBounds: setBounds$3,
   setMessage: setMessage$2
 };
 
-const create$g = () => {
+const create$e = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -6782,19 +6793,19 @@ const create$g = () => {
     $Viewlet
   };
 };
-const refresh$2 = (state, context) => {};
-const focus$b = state => {};
-const dispose$a = state => {};
+const refresh$1 = (state, context) => {};
+const focus$a = state => {};
+const dispose$9 = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$g,
-  dispose: dispose$a,
-  focus: focus$b,
-  refresh: refresh$2
+  create: create$e,
+  dispose: dispose$9,
+  focus: focus$a,
+  refresh: refresh$1
 };
 
-const create$f = () => {
+const create$d = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -6804,10 +6815,10 @@ const create$f = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create: create$f
+  create: create$d
 };
 
-const create$e = () => {
+const create$c = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
@@ -6823,7 +6834,7 @@ const setMessage$1 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$e,
+  create: create$c,
   setMessage: setMessage$1
 };
 
@@ -6976,7 +6987,7 @@ const ViewletFindWidgetEvents = {
   returnValue: returnValue$2
 };
 
-const create$d = () => {
+const create$b = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -6984,7 +6995,7 @@ const create$d = () => {
     $Viewlet
   };
 };
-const focus$a = (state, key, source) => {
+const focus$9 = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -7030,7 +7041,7 @@ const setBounds$2 = (state, x, y, width, height) => {
   } = state;
   setBounds$a($Viewlet, x, y, width, height);
 };
-const dispose$9 = state => {
+const dispose$8 = state => {
   remove$1(state.$Viewlet);
 };
 const Events$3 = ViewletFindWidgetEvents;
@@ -7039,9 +7050,9 @@ const ViewletFindWidget = {
   __proto__: null,
   Events: Events$3,
   appendWidget: appendWidget$1,
-  create: create$d,
-  dispose: dispose$9,
-  focus: focus$a,
+  create: create$b,
+  dispose: dispose$8,
+  focus: focus$9,
   setBounds: setBounds$2,
   setDom: setDom$3,
   setValue: setValue$1
@@ -7088,7 +7099,7 @@ const handleError$3 = (state, message) => {
   } = state;
   $Message.textContent = message;
 };
-const focus$9 = state => {
+const focus$8 = state => {
   const {
     $Locations
   } = state;
@@ -7100,7 +7111,7 @@ const focus$9 = state => {
 const ViewletImplementations = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$8,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -7248,7 +7259,7 @@ const isMatchingKeyBinding = (identifiers, identifier) => {
 const handleMatchingKeyBinding = identifier => {
   send(/* KeyBindings.handleKeyBinding */'KeyBindings.handleKeyBinding', /* keyBinding */identifier);
 };
-const handleKeyDown$2 = event => {
+const handleKeyDown$1 = event => {
   const identifier = getKeyBindingIdentifier(event);
   const identifiers = getIdentifiers();
   const matchingKeyBinding = isMatchingKeyBinding(identifiers, identifier);
@@ -7280,7 +7291,7 @@ const handleResize$1 = (width, height) => {
 const handleFocus$3 = () => {
   send('Layout.handleFocus');
 };
-const handleBlur$4 = () => {
+const handleBlur$3 = () => {
   send('Layout.handleBlur');
 };
 
@@ -7326,13 +7337,13 @@ const handleResize = () => {
 const handleFocus$2 = () => {
   handleFocus$3();
 };
-const handleBlur$3 = () => {
-  handleBlur$4();
+const handleBlur$2 = () => {
+  handleBlur$3();
 };
-const handleKeyDown$1 = handleKeyDown$2;
+const handleKeyDown = handleKeyDown$1;
 const handleKeyUp = handleKeyUp$1;
 
-const create$c = () => {
+const create$a = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSidebar = document.createElement('div');
   $SashSidebar.className = 'Viewlet Sash SashVertical';
@@ -7367,9 +7378,9 @@ const attachEvents$3 = state => {
     [PointerDown]: handleSashPointerDown
   });
   attachEvents$7(window, {
-    [Blur]: handleBlur$3,
+    [Blur]: handleBlur$2,
     [Focus]: handleFocus$2,
-    [KeyDown]: handleKeyDown$1,
+    [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
   });
@@ -7388,7 +7399,7 @@ const setSashes = (state, sashSidebar, sashPanel) => {
 const ViewletLayout = {
   __proto__: null,
   attachEvents: attachEvents$3,
-  create: create$c,
+  create: create$a,
   setSashes
 };
 
@@ -7426,7 +7437,6 @@ const SimpleBrowser = 'SimpleBrowser';
 const SourceControl = 'Source Control';
 const StatusBar$1 = 'StatusBar';
 const Storage = 'Storage';
-const Terminal = 'Terminal';
 const Terminal2 = 'Terminal2';
 const Terminals = 'Terminals';
 const TitleBar = 'TitleBar';
@@ -7444,7 +7454,7 @@ const EditorTextError = 'EditorTextError';
 const EditorRename = 'EditorRename';
 const EditorCodeGenerator = 'EditorCodeGenerator';
 
-const create$b = () => {
+const create$9 = () => {
   const $ViewletOutputContent = document.createElement('div');
   $ViewletOutputContent.className = 'OutputContent';
   $ViewletOutputContent.role = Log;
@@ -7476,9 +7486,9 @@ const handleError$2 = (state, error) => {
   string(error);
   state.content.textContent = error;
 };
-const focus$8 = state => {
+const focus$7 = state => {
   object(state);
-  focus$e(state.$ViewletOutputContent);
+  focus$d(state.$ViewletOutputContent);
   send('Focus.setFocus', FocusOutput);
 };
 
@@ -7491,15 +7501,15 @@ const disposeFindWidget = state => {
     return;
   }
 };
-const dispose$8 = state => {};
+const dispose$7 = state => {};
 
 const ViewletOutput = {
   __proto__: null,
   clear: clear$1,
-  create: create$b,
-  dispose: dispose$8,
+  create: create$9,
+  dispose: dispose$7,
   disposeFindWidget,
-  focus: focus$8,
+  focus: focus$7,
   handleError: handleError$2,
   openFindWidget,
   setText
@@ -7551,7 +7561,7 @@ const UiStrings = {
   Close: 'Close',
   Maximize: 'Maximize'
 };
-const create$a = () => {
+const create$8 = () => {
   const $PanelTabs = document.createElement('div');
   $PanelTabs.className = 'PanelTabs';
   $PanelTabs.role = TabList;
@@ -7613,14 +7623,14 @@ const setTabsDom$1 = (state, dom) => {
 };
 
 // TODO add test for focus method
-const focus$7 = state => {
+const focus$6 = state => {
   object(state);
   if (!state.currentViewlet) {
     return;
   }
   state.currentViewlet.factory.focus(state.currentViewlet.state);
 };
-const dispose$7 = state => {
+const dispose$6 = state => {
   if (state.$PanelContent) {
     state.$PanelContent.remove();
     state.$PanelContent = undefined;
@@ -7652,7 +7662,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
   const {
     $PanelActions
   } = state;
-  const instance = get$a(childUid);
+  const instance = get$8(childUid);
   if (!instance) {
     throw new Error(`child instance not found`);
   }
@@ -7665,9 +7675,9 @@ const setActionsDom$1 = (state, actions, childUid) => {
 const ViewletPanel = {
   __proto__: null,
   attachEvents: attachEvents$2,
-  create: create$a,
-  dispose: dispose$7,
-  focus: focus$7,
+  create: create$8,
+  dispose: dispose$6,
+  focus: focus$6,
   setActionsDom: setActionsDom$1,
   setSelectedIndex,
   setTabsDom: setTabsDom$1
@@ -7676,7 +7686,7 @@ const ViewletPanel = {
 const ViewletReferences = {
   __proto__: null,
   Events: ViewletLocationsEvents,
-  focus: focus$9,
+  focus: focus$8,
   handleError: handleError$3,
   setFocusedIndex: setFocusedIndex$1
 };
@@ -7693,7 +7703,7 @@ const handleLoadedMetadata = event => {
   target.play();
 };
 
-const create$9 = () => {
+const create$7 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet ScreenCapture';
   return {
@@ -7713,7 +7723,7 @@ const setScreenCapture = (state, id) => {
 
 const ViewletScreenCapture = {
   __proto__: null,
-  create: create$9,
+  create: create$7,
   setScreenCapture
 };
 
@@ -7737,7 +7747,7 @@ const handleHeaderClick = event => {
   }
 };
 
-const create$8 = () => {
+const create$6 = () => {
   const $SidebarTitleAreaTitle = document.createElement('h2');
   $SidebarTitleAreaTitle.className = 'SideBarTitleAreaTitle';
   const $SidebarTitleArea = document.createElement('div');
@@ -7766,7 +7776,7 @@ const attachEvents$1 = state => {
     [Click]: handleHeaderClick
   });
 };
-const dispose$6 = state => {
+const dispose$5 = state => {
   object(state);
   state.$Sidebar.replaceChildren();
 };
@@ -7794,16 +7804,16 @@ const setActionsDom = (state, actions, parentId, eventMap = {}) => {
   }
   state.$Actions = $NewViewlet;
 };
-const focus$6 = async () => {
+const focus$5 = async () => {
   // await
 };
 
 const ViewletSidebar = {
   __proto__: null,
   attachEvents: attachEvents$1,
-  create: create$8,
-  dispose: dispose$6,
-  focus: focus$6,
+  create: create$6,
+  dispose: dispose$5,
+  focus: focus$5,
   setActionsDom,
   setTitle
 };
@@ -7845,7 +7855,7 @@ const handleFocus$1 = event => {
     target.select();
   });
 };
-const handleBlur$2 = event => {
+const handleBlur$1 = event => {
   const {
     target
   } = event;
@@ -7875,7 +7885,7 @@ const handleClickOpenExternal = () => {
 
 const ViewletSimpleBrowserEvents = {
   __proto__: null,
-  handleBlur: handleBlur$2,
+  handleBlur: handleBlur$1,
   handleClickBackward,
   handleClickForward,
   handleClickOpenExternal,
@@ -7984,7 +7994,7 @@ const ViewletSourceControlEvents = {
   handleWheel: handleWheel$2
 };
 
-const focus$5 = state => {
+const focus$4 = state => {
   const {
     $Viewlet
   } = state;
@@ -7994,7 +8004,7 @@ const focus$5 = state => {
 const ViewletSourceControl = {
   __proto__: null,
   Events: ViewletSourceControlEvents,
-  focus: focus$5
+  focus: focus$4
 };
 
 const handleClick$2 = event => {
@@ -8011,7 +8021,7 @@ const ViewletStatusBarEvents = {
   handleClick: handleClick$2
 };
 
-const create$7 = () => {
+const create$5 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.id = 'StatusBar';
   $Viewlet.className = 'Viewlet StatusBar';
@@ -8030,7 +8040,7 @@ const setDom$2 = (state, dom) => {
   } = state;
   renderInto($Viewlet, dom, ViewletStatusBarEvents);
 };
-const focus$4 = state => {
+const focus$3 = state => {
   object(state);
   const {
     $Viewlet
@@ -8040,8 +8050,8 @@ const focus$4 = state => {
 
 const ViewletStatusBar = {
   __proto__: null,
-  create: create$7,
-  focus: focus$4,
+  create: create$5,
+  focus: focus$3,
   setDom: setDom$2
 };
 
@@ -8071,7 +8081,7 @@ const handleClickTab = event => {
   handleClickTab$2(uid, index);
 };
 
-const create$6 = () => {
+const create$4 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Terminals';
   return {
@@ -8098,7 +8108,7 @@ const setTabsDom = (state, dom) => {
 
 const ViewletTerminals = {
   __proto__: null,
-  create: create$6,
+  create: create$4,
   setTabsDom
 };
 
@@ -8199,8 +8209,8 @@ const ViewletTitleBarMenuBarEvents = {
 };
 
 const activeId = 'TitleBarEntryActive';
-const dispose$5 = state => {};
-const focus$3 = state => {
+const dispose$4 = state => {};
+const focus$2 = state => {
   const {
     $TitleBarMenuBar
   } = state;
@@ -8436,8 +8446,8 @@ const ViewletTitleBarMenuBar = {
   __proto__: null,
   Events: ViewletTitleBarMenuBarEvents,
   closeMenu,
-  dispose: dispose$5,
-  focus: focus$3,
+  dispose: dispose$4,
+  focus: focus$2,
   openMenu,
   setFocusedIndex,
   setMenus
@@ -8455,8 +8465,8 @@ const ViewletTitleBar = {
   __proto__: null,
   Events: ViewletTitleBarMenuBarEvents,
   closeMenu,
-  dispose: dispose$5,
-  focus: focus$3,
+  dispose: dispose$4,
+  focus: focus$2,
   openMenu,
   setFocused,
   setFocusedIndex,
@@ -8493,7 +8503,7 @@ const ViewletTitleBarIcon = {
   Events
 };
 
-const create$5 = () => {
+const create$3 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet TitleBarTitle';
   return {
@@ -8509,7 +8519,7 @@ const setDom$1 = (state, dom) => {
 
 const ViewletTitleBarTitle = {
   __proto__: null,
-  create: create$5,
+  create: create$3,
   setDom: setDom$1
 };
 
@@ -8671,7 +8681,6 @@ const moduleLoaders = {
   [SourceControl]: () => ViewletSourceControl,
   [StatusBar$1]: () => ViewletStatusBar,
   [Storage]: () => ViewletStorage,
-  [Terminal]: () => Promise.resolve().then(function () { return ViewletTerminal; }),
   [Terminal2]: () => Promise.resolve().then(function () { return ViewletTerminal2; }),
   [Terminals]: () => ViewletTerminals,
   [TitleBar]: () => ViewletTitleBar,
@@ -8696,12 +8705,12 @@ const state$1 = {
   modules: Object.create(null)
 };
 
-const create$4 = (id, uid = id) => {
+const create$2 = (id, uid = id) => {
   const module = state$1.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$a(id);
+  const existing = get$8(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
@@ -8723,7 +8732,7 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$a(id);
+  const existing = get$8(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
@@ -8753,7 +8762,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8766,12 +8775,12 @@ const invoke = (viewletId, method, ...args) => {
   }
   return instance.factory[method](instance.state, ...args);
 };
-const focus$2 = viewletId => {
+const focus$1 = viewletId => {
   if (location.search.includes('traceFocus')) {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -8787,7 +8796,7 @@ const focusElementByName = (viewletId, name) => {
     // eslint-disable-next-line no-console
     console.trace(`focusByName ${viewletId} ${name}`);
   }
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8802,7 +8811,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8831,7 +8840,7 @@ const setCheckboxValue = (viewletId, name, value) => {
 };
 const setSelectionByName = (viewletId, name, start, end) => {
   const selector = `[name="${name}"]`;
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8846,7 +8855,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8864,7 +8873,7 @@ const resetFocusCallback = () => {
   focusCallback.selector = '';
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8888,8 +8897,8 @@ const focusSelector = (viewletId, selector) => {
 /**
  * @deprecated
  */
-const refresh$1 = (viewletId, viewletContext) => {
-  const instance = get$a(viewletId);
+const refresh = (viewletId, viewletContext) => {
+  const instance = get$8(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -8908,7 +8917,7 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $Placeholder.id = viewletId;
   }
-  const parentInstance = get$a(parentId);
+  const parentInstance = get$8(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($Placeholder);
   set$a(viewletId, {
@@ -8921,7 +8930,7 @@ const setDragData = (viewletId, dragData) => {
   set$2(viewletId, dragData);
 };
 const setDom = (viewletId, dom) => {
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8934,7 +8943,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = get$a(viewletId);
+  const instance = get$8(viewletId);
   if (!instance) {
     return;
   }
@@ -8965,7 +8974,7 @@ const setDom2 = (viewletId, dom) => {
   });
 };
 const setPatches = (uid, patches) => {
-  const instance = get$a(uid);
+  const instance = get$8(uid);
   if (!instance) {
     return;
   }
@@ -9015,9 +9024,9 @@ const move = async (uid, selector, target) => {
 };
 const attachWindowEvents = () => {
   attachEvents$7(window, {
-    [Blur]: handleBlur$3,
+    [Blur]: handleBlur$2,
     [Focus]: handleFocus$2,
-    [KeyDown]: handleKeyDown$1,
+    [KeyDown]: handleKeyDown,
     [KeyUp]: handleKeyUp,
     [Resize]: handleResize
   });
@@ -9027,10 +9036,10 @@ const attachWindowEvents = () => {
 const sendMultiple = commands => {
   executeCommands(commands);
 };
-const dispose$4 = id => {
+const dispose$3 = id => {
   try {
     number(id);
-    const instance = get$a(id);
+    const instance = get$8(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9049,7 +9058,7 @@ const dispose$4 = id => {
 };
 const handleError$1 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = get$a(id);
+  const instance = get$8(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9061,7 +9070,7 @@ const handleError$1 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = String(message);
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = get$a(parentId);
+  const parentInstance = get$8(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9075,9 +9084,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = get$a(parentId); // TODO must ensure that parent is already created
+  const parentInstanceState = get$8(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = get$a(childId);
+  const childInstance = get$8(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9101,7 +9110,7 @@ const prependChild = ($Parent, $Child) => {
 const appendAfterPreviousReference = (referenceNodes, childIndex, $Child) => {
   for (let i = childIndex - 1; i >= 0; i--) {
     const beforeId = referenceNodes[i];
-    const beforeInstance = get$a(beforeId);
+    const beforeInstance = get$8(beforeId);
     if (beforeInstance) {
       const $ReferenceNode = beforeInstance.state.$Viewlet;
       $ReferenceNode.after($Child);
@@ -9113,7 +9122,7 @@ const appendAfterPreviousReference = (referenceNodes, childIndex, $Child) => {
 const appendBeforeNextReference = (referenceNodes, childIndex, $Child) => {
   for (let i = childIndex + 1; i < referenceNodes.length; i++) {
     const afterId = referenceNodes[i];
-    const afterInstance = get$a(afterId);
+    const afterInstance = get$8(afterId);
     if (afterInstance) {
       const $ReferenceNode = afterInstance.state.$Viewlet;
       $ReferenceNode.before($Child);
@@ -9143,12 +9152,12 @@ const appendWithReferenceNodes = ($Parent, $Child, childId, referenceNodes) => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = get$a(parentId);
+  const parentInstance = get$8(parentId);
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = get$a(childId);
+  const childInstance = get$8(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -9167,11 +9176,11 @@ const append = (parentId, childId, referenceNodes) => {
   applyLateFocusMaybe();
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = get$a(parentId);
+  const parentInstance = get$8(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = get$a(childId);
+    const childInstance = get$8(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9186,7 +9195,7 @@ const applyLateFocusMaybe = () => {
     selector
   } = focusCallback;
   resetFocusCallback();
-  const instance = get$a(id);
+  const instance = get$8(id);
   if (instance) {
     const {
       $Viewlet
@@ -9199,7 +9208,7 @@ const applyLateFocusMaybe = () => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = get$a(childId);
+  const childInstance = get$8(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
   applyLateFocusMaybe();
@@ -9212,7 +9221,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = get$a(id);
+  const instance = get$8(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9222,7 +9231,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = get$a(id);
+  const instance = get$8(id);
   if (!instance) {
     return;
   }
@@ -9230,7 +9239,7 @@ const setBounds$1 = (id, left, top, width, height) => {
   setBounds$a($Viewlet, left, top, width, height);
 };
 const setProperty = (id, selector, property, value) => {
-  const instance = get$a(id);
+  const instance = get$8(id);
   if (!instance) {
     return;
   }
@@ -9250,11 +9259,11 @@ const commandHandlers = {
   'Viewlet.appendViewlet': appendViewlet,
   'Viewlet.ariaAnnounce': ariaAnnounce,
   'Viewlet.attachWindowEvents': attachWindowEvents,
-  'Viewlet.create': create$4,
+  'Viewlet.create': create$2,
   'Viewlet.createFunctionalRoot': createFunctionalRoot,
   'Viewlet.createPlaceholder': createPlaceholder,
-  'Viewlet.dispose': dispose$4,
-  'Viewlet.focus': focus$2,
+  'Viewlet.dispose': dispose$3,
+  'Viewlet.focus': focus$1,
   'Viewlet.focusElementByName': focusElementByName,
   'Viewlet.focusSelector': focusSelector,
   'Viewlet.handleError': handleError$1,
@@ -9387,7 +9396,7 @@ const getFilePathElectron = async file => {
 };
 
 const handleMessagePort = async port => {
-  await create$z({
+  await create$x({
     commandMap: {},
     messagePort: port
   });
@@ -9412,7 +9421,7 @@ const waitForFrameToLoad = $Frame => {
 };
 
 // TODO could use browser view when running in electron
-const create$3 = async (uid, src, sandbox, csp, credentialless, permissionPolicy, title) => {
+const create$1 = async (uid, src, sandbox, csp, credentialless, permissionPolicy, title) => {
   const $Iframe = document.createElement('iframe');
   setIframeCredentialless($Iframe, credentialless);
   setIframeCsp($Iframe, csp);
@@ -9465,7 +9474,7 @@ const setPort = (uid, port, origin, portType) => {
     params: [port, portType]
   }, origin, [port]);
 };
-const dispose$3 = uid => {
+const dispose$2 = uid => {
   const $Iframe = get$1(uid);
   $Iframe.remove();
   remove(uid);
@@ -9476,7 +9485,7 @@ const commandMap = {
   'ClipBoard.execCopy': execCopy,
   'ClipBoard.read': read,
   'ClipBoard.readText': readText,
-  'ClipBoard.write': write$2,
+  'ClipBoard.write': write$1,
   'ClipBoard.writeImage': writeImage,
   'ClipBoard.writeText': writeText,
   'ConfirmPrompt.prompt': confirm,
@@ -9484,7 +9493,7 @@ const commandMap = {
   'Css.getSelectionText': getSelectionText,
   'Developer.showState': showState,
   'Download.downloadFile': downloadFile,
-  'FileHandles.get': get$8,
+  'FileHandles.get': get$6,
   'FilePicker.showDirectoryPicker': showDirectoryPicker,
   'FilePicker.showFilePicker': showFilePicker,
   'FilePicker.showSaveFilePicker': showSaveFilePicker,
@@ -9494,8 +9503,8 @@ const commandMap = {
   'GetFilePathElectron.getFilePathElectron': getFilePathElectron,
   'HandleMessagePort.handleMessagePort': handleMessagePort,
   'InitData.getInitData': getInitData,
-  'IpcParent.create': create$w,
-  'IpcParent.dispose': dispose$j,
+  'IpcParent.create': create$u,
+  'IpcParent.dispose': dispose$i,
   'KeyBindings.setIdentifiers': setIdentifiers,
   'Layout.getBounds': getBounds,
   'Location.getHref': getHref,
@@ -9510,10 +9519,10 @@ const commandMap = {
   'Menu.showControlled': showControlled,
   'Menu.showMenu': showMenu,
   'Meta.setThemeColor': setThemeColor,
-  'Notification.create': create$v,
+  'Notification.create': create$t,
   'Notification.createWithOptions': createWithOptions,
-  'Notification.dispose': dispose$i,
-  'OffscreenCanvas.create': create$u,
+  'Notification.dispose': dispose$h,
+  'OffscreenCanvas.create': create$s,
   'OffscreenCanvas.create2': create2,
   'Open.openUrl': openUrl,
   'Open.redirectToUrl': redirectToUrl,
@@ -9535,15 +9544,15 @@ const commandMap = {
   'TestFrameWork.transferToWebView': transferToWebView,
   'Viewlet.addKeyBindings': addKeyBindings,
   'Viewlet.appendViewlet': appendViewlet,
-  'Viewlet.dispose': dispose$4,
+  'Viewlet.dispose': dispose$3,
   'Viewlet.executeCommands': executeCommands,
-  'Viewlet.focus': focus$2,
+  'Viewlet.focus': focus$1,
   'Viewlet.focusElementByName': focusElementByName,
   'Viewlet.focusSelector': focusSelector,
   'Viewlet.handleError': handleError$1,
   'Viewlet.invoke': invoke,
   'Viewlet.loadModule': loadModule,
-  'Viewlet.refresh': refresh$1,
+  'Viewlet.refresh': refresh,
   'Viewlet.registerEventListeners': registerEventListeners,
   'Viewlet.removeKeyBindings': removeKeyBindings,
   'Viewlet.send': invoke,
@@ -9555,8 +9564,8 @@ const commandMap = {
   'WebStorage.setItem': setItem,
   'WebStorage.setJsonObjects': setJsonObjects,
   'WebView.appendOnly': appendOnly,
-  'WebView.create': create$3,
-  'WebView.dispose': dispose$3,
+  'WebView.create': create$1,
+  'WebView.dispose': dispose$2,
   'WebView.load': load,
   'WebView.loadOnly': loadOnly,
   'WebView.setPort': setPort,
@@ -9850,7 +9859,7 @@ const editorWorkerUrl = getConfiguredEditorWorkerUrl() || `${assetDir}/packages/
 
 const launchEditorWorker = async port => {
   try {
-    await create$w({
+    await create$u({
       method: ModuleWorkerWithMessagePort,
       name: 'Editor Worker',
       port,
@@ -9887,7 +9896,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
   try {
-    await create$w({
+    await create$u({
       method: ModuleWorkerWithMessagePort,
       name,
       port,
@@ -9924,7 +9933,7 @@ const syntaxHighlightingWorkerUrl = getConfiguredSyntaxHighlightingWorkerUrl() |
 
 const launchSyntaxHighlightingWorker = async port => {
   try {
-    await create$w({
+    await create$u({
       method: ModuleWorkerWithMessagePort,
       name: 'Syntax Highlighting Worker',
       port,
@@ -9972,7 +9981,7 @@ const handleFocusIn = event => {
   const uid = fromEvent(event);
   handleFocusIn$4(uid);
 };
-const handleBlur$1 = event => {
+const handleBlur = event => {
   const uid = fromEvent(event);
   executeViewletCommand(uid, 'EditorRename.handleBlur');
 };
@@ -9989,7 +9998,7 @@ const handleInput = event => {
 
 const ViewletEditorRenameEvents = {
   __proto__: null,
-  handleBlur: handleBlur$1,
+  handleBlur,
   handleFocusIn,
   handleInput
 };
@@ -10007,7 +10016,7 @@ const appendWidget = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$2 = state => {
+const dispose$1 = state => {
   remove$1(state.$Viewlet);
 };
 
@@ -10015,7 +10024,7 @@ const ViewletEditorRename = {
   __proto__: null,
   Events: ViewletEditorRenameEvents,
   appendWidget,
-  dispose: dispose$2,
+  dispose: dispose$1,
   setBounds
 };
 
@@ -10079,227 +10088,46 @@ const main = async () => {
 
 main();
 
-const isUint8Array = value => {
-  return value instanceof Uint8Array;
-};
-
-const CHAR_WIDTH = 12;
-const CHAR_HEIGHT = 15;
-
-const tmpCanvas = new OffscreenCanvas(CHAR_WIDTH, CHAR_HEIGHT) ;
-tmpCanvas.getContext("2d", {
-  // desynchronized: true, // perf
-  alpha: false // perf
-});
-
-const noop = () => {};
-const createOffscreenTerminalDom = (root, {
-  handleMouseDown = noop,
-  handleKeyDown = noop,
-  handleBlur = noop,
-  canvasText = document.createElement("canvas"),
-  canvasCursor = document.createElement("canvas")
-}) => {
-  root.onmousedown = event => {
-    event.preventDefault();
-    textarea.focus();
-    handleMouseDown();
-  };
-  canvasText.className = "TerminalCanvasText";
-  canvasCursor.className = "TerminalCanvasCursor";
-  const $Layers = document.createElement("div");
-  $Layers.className = "TerminalLayers";
-  const textarea = document.createElement("textarea");
-  textarea.className = "TerminalTextArea";
-  textarea.name = "terminal-input";
-  $Layers.append(canvasText, canvasCursor);
-  root.append(textarea, $Layers);
-  const wrappedKeyDown = event => {
-    // @ts-ignore
-    handleKeyDown({
-      key: event.key,
-      shiftKey: event.shiftKey,
-      altKey: event.altKey,
-      ctrlKey: event.ctrlKey,
-      metaKey: event.metaKey
-    });
-  };
-  textarea.onkeydown = wrappedKeyDown;
-  const handleBeforeInput = event => {
-    event.preventDefault();
-  };
-  textarea.addEventListener("beforeinput", handleBeforeInput);
-  textarea.onblur = handleBlur;
-  const focusTextArea = () => {
-    textarea.focus();
-  };
-  return {
-    /**
-     * @deprecated
-     */
-    get offscreenCanvasCursor() {
-      return canvasCursor.transferControlToOffscreen();
-    },
-    /**
-     * @deprecated
-     */
-    get offscreenCanvasText() {
-      return canvasText.transferControlToOffscreen();
-    },
-    focusTextArea
-  };
-};
-
-const create$2 = ({
-  $Element,
-  ...options
-}) => {
-  const terminal = createOffscreenTerminalDom($Element, options);
-  return terminal;
-};
-
-const handleBlur = event => {
-  const uid = fromEvent(event);
-  handleBlur$7(uid);
-};
-const handleMouseDown$1 = (event, ...args) => {
-  const uid = fromEvent(event);
-  handleMouseDown$2(uid, ...args);
-};
-const handleKeyDown = (event, ...args) => {
-  const uid = fromEvent(event);
-  handleKeyDown$4(uid, ...args);
-};
-
-const create$1 = () => {
-  const $Viewlet = document.createElement('div');
-  $Viewlet.className = 'Viewlet Terminal';
-  return {
-    $Viewlet,
-    terminal: undefined
-  };
-};
-const setTerminal$1 = (state, canvasCursorId, canvasTextId) => {
-  const canvasText = get$4(canvasTextId);
-  const canvasCursor = get$4(canvasCursorId);
-  const {
-    $Viewlet
-  } = state;
-  const terminal = create$2({
-    $Element: $Viewlet,
-    background: `#1b2020`,
-    canvasCursor,
-    canvasText,
-    foreground: 'white',
-    handleBlur: (...args) => {
-      // @ts-ignore
-      handleBlur({
-        target: $Viewlet
-      }, ...args);
-    },
-    handleKeyDown: (...args) => {
-      handleKeyDown({
-        target: $Viewlet
-      }, ...args);
-    },
-    handleMouseDown: (...args) => {
-      handleMouseDown$1({
-        target: $Viewlet
-      }, ...args);
-    }
-  });
-  state.terminal = terminal;
-};
-const focusTextArea = state => {
-  const {
-    terminal
-  } = state;
-  terminal.focusTextArea();
-};
-const refresh = (state, context) => {
-  // state.element.textContent = context.text
-};
-const dispose$1 = state => {
-  // TODO unregister callback
-  // SharedProcess.unregisterChannel(channel )
-
-  window.removeEventListener('resize', state.handleUpdate);
-};
-const focus$1 = state => {
-  object(state);
-  const {
-    terminal
-  } = state;
-  terminal.focus();
-};
-const reduceFocus = (state, action) => {};
-
-// TODO what is this
-const reduceWrite = (state, action) => {
-};
-const reduce = (state, action) => {
-  switch (action.type) {
-    case 'focus':
-      {
-        return;
-      }
-    case 'write':
-      {
-        return;
-      }
-  }
-};
-const write$1 = (state, data) => {
-  if (!isUint8Array(data)) {
-    throw new TypeError(`data must be of type Uint8Array`);
-  }
-};
-const Commands = {
-  9922: write$1
-};
-
-const ViewletTerminal = {
-  __proto__: null,
-  Commands,
-  create: create$1,
-  dispose: dispose$1,
-  focus: focus$1,
-  focusTextArea,
-  reduce,
-  reduceFocus,
-  reduceWrite,
-  refresh,
-  setTerminal: setTerminal$1,
-  write: write$1
-};
-
 const defaultColumns = 80;
 const defaultRows = 24;
 const createTerminal = async () => {
-  const {
+  const [{
+    FitAddon
+  }, {
     Terminal
-  } = await import('./xterm.js');
-  return new Terminal({
+  }] = await Promise.all([import('./xterm.js'), import('./xterm.js')]);
+  const terminal = new Terminal({
     cols: defaultColumns,
     convertEol: true,
     cursorBlink: true,
     rows: defaultRows
   });
-};
-const create = () => {
-  const $Viewlet = document.createElement('div');
-  $Viewlet.className = 'Viewlet Terminal XtermTerminal';
+  const fitAddon = new FitAddon();
+  terminal.loadAddon(fitAddon);
   return {
-    $Viewlet,
-    disposables: [],
-    terminal: undefined
+    fitAddon,
+    terminal
   };
 };
-const setTerminal = async (state, uid) => {
-  if (state.terminal) {
+const flushPendingData = state => {
+  const {
+    pendingData,
+    terminal
+  } = state;
+  for (const data of pendingData) {
+    terminal.write(data);
+  }
+  pendingData.length = 0;
+};
+const mountTerminal = async (state, uid) => {
+  const {
+    fitAddon,
+    terminal
+  } = await createTerminal();
+  if (state.disposed) {
+    terminal.dispose();
     return;
   }
-  const terminal = await createTerminal();
   const inputDisposable = terminal.onData(data => {
     handleInput$6(uid, data);
   });
@@ -10313,14 +10141,49 @@ const setTerminal = async (state, uid) => {
     });
   });
   terminal.open(state.$Viewlet);
+  const resizeObserver = new ResizeObserver(() => {
+    fitAddon.fit();
+  });
+  resizeObserver.observe(state.$Viewlet);
+  state.fitAddon = fitAddon;
+  state.resizeObserver = resizeObserver;
   state.terminal = terminal;
   state.disposables = [inputDisposable, resizeDisposable];
+  fitAddon.fit();
+  flushPendingData(state);
+};
+const create = () => {
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet Terminal XtermTerminal';
+  return {
+    $Viewlet,
+    disposables: [],
+    disposed: false,
+    fitAddon: undefined,
+    mountPromise: undefined,
+    mouseDownListener: undefined,
+    pendingData: [],
+    resizeObserver: undefined,
+    terminal: undefined
+  };
+};
+const setTerminal = (state, uid) => {
+  if (state.terminal) {
+    return Promise.resolve();
+  }
+  if (!state.mountPromise) {
+    state.mountPromise = mountTerminal(state, uid);
+  }
+  return state.mountPromise;
 };
 const write = (state, data) => {
   const {
     terminal
   } = state;
   if (!terminal) {
+    if (!state.disposed) {
+      state.pendingData.push(data);
+    }
     return;
   }
   terminal.write(data);
@@ -10339,15 +10202,27 @@ const handleMouseDown = state => {
   focus(state);
 };
 const attachEvents = state => {
-  state.$Viewlet.addEventListener('mousedown', () => {
+  if (state.mouseDownListener) {
+    return;
+  }
+  state.mouseDownListener = () => {
     handleMouseDown(state);
-  });
+  };
+  state.$Viewlet.addEventListener('mousedown', state.mouseDownListener);
 };
 const dispose = state => {
+  state.disposed = true;
+  if (state.mouseDownListener) {
+    state.$Viewlet.removeEventListener('mousedown', state.mouseDownListener);
+    state.mouseDownListener = undefined;
+  }
   for (const disposable of state.disposables) {
     disposable.dispose();
   }
   state.disposables = [];
+  state.pendingData.length = 0;
+  state.resizeObserver?.disconnect();
+  state.resizeObserver = undefined;
   state.terminal?.dispose();
   state.terminal = undefined;
 };