@lvce-editor/static-server 0.84.18 → 0.85.1

package/static/{dfd5b2f → 6f0f9b3}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/dfd5b2f';
+    return '/6f0f9b3';
   }
 };
 const assetDir = getAssetDir$1();
@@ -129,7 +129,7 @@ const Dash = '-';
 const Dot = '.';
 const EmptyString = '';
 const NewLine$2 = '\n';
-const Slash$1 = '/';
+const Slash$2 = '/';
 
 /**
  *
@@ -221,7 +221,7 @@ const getCss$2 = async relativePath => {
 };
 
 const getCssId$1 = path => {
-  return 'Css' + path.replace('/css/parts/', '').replaceAll(Slash$1, Dash).replace('.css', EmptyString);
+  return 'Css' + path.replace('/css/parts/', '').replaceAll(Slash$2, Dash).replace('.css', EmptyString);
 };
 
 // @ts-nocheck
@@ -692,9 +692,9 @@ const create$n$1 = (id, method, params) => {
   };
   return message;
 };
-let id$5 = 0;
+let id$6 = 0;
 const create$m$1 = () => {
-  return ++id$5;
+  return ++id$6;
 };
 
 /* eslint-disable n/no-unsupported-features/es-syntax */
@@ -890,7 +890,7 @@ const CacheStorage = 5;
 const Callback = 6;
 const ClipBoard = 7;
 const ColorTheme = 9;
-const ContextMenu = 11;
+const ContextMenu$1 = 11;
 const Developer = 12;
 const Dialog$1 = 13;
 const Download = 14;
@@ -1045,7 +1045,7 @@ const getModuleId$2 = commandId => {
     case 'ContentTracing':
       return ContentTracing;
     case 'ContextMenu':
-      return ContextMenu;
+      return ContextMenu$1;
     case 'DebugSharedProcess':
       return DebugSharedProcess;
     case 'Developer':
@@ -1321,9 +1321,9 @@ const get$g = id => {
 const remove$c = id => {
   delete callbacks[id];
 };
-let id$4 = 0;
+let id$5 = 0;
 const create$3$1 = () => {
-  return ++id$4;
+  return ++id$5;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -2083,7 +2083,7 @@ const getPreferences = async () => {
   const preferences = getPreferencesJson();
   return preferences;
 };
-const hydrate$a = async () => {
+const hydrate$b = async () => {
   try {
     // TODO should configuration be together with all other preferences (e.g. selecting color theme code is not needed on startup)
     // TODO probably not all preferences need to be kept in memory
@@ -2269,7 +2269,7 @@ const reload$4 = async () => {
 
 // TODO test this, and also the error case
 // TODO have icon theme, color theme together (maybe)
-const hydrate$9 = async () => {
+const hydrate$a = async () => {
   const preferredColorTheme = getPreferredColorTheme();
   const colorThemeId = preferredColorTheme || FALLBACK_COLOR_THEME_ID;
   try {
@@ -2289,7 +2289,7 @@ const getHref$1 = () => {
 const setPathName = pathName => {
   return invoke$G(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
 };
-const hydrate$8 = () => {
+const hydrate$9 = () => {
   return invoke$G(/* Location.hydrate */'Location.hydrate');
 };
 const getHost = () => {
@@ -2424,7 +2424,7 @@ const reload$2 = () => {
   return fn();
 };
 
-const hydrate$7 = async () => {
+const hydrate$8 = async () => {
   {
     return;
   }
@@ -2679,7 +2679,7 @@ const FocusDebugConsoleInput = 29;
 const FocusSimpleBrowser = 37;
 const FocusConfirm = 40;
 
-let contexts = Object.create(null);
+let contexts$1 = Object.create(null);
 
 // TODO all context keys should be numeric
 // comparing numbers is faster and more efficient than comparing strings every time
@@ -2688,24 +2688,24 @@ let contexts = Object.create(null);
 // Context.get(1), Context.get(2)
 
 const get$a = key => {
-  return contexts[key];
+  return contexts$1[key];
 };
 const toKeep = [BrowserChromium, BrowserElectron, BrowserFirefox];
 const reset = () => {
-  const oldContexts = contexts;
-  contexts = Object.create(null);
+  const oldContexts = contexts$1;
+  contexts$1 = Object.create(null);
   for (const key of toKeep) {
     if (oldContexts[key]) {
-      contexts = {
-        ...contexts,
+      contexts$1 = {
+        ...contexts$1,
         [key]: true
       };
     }
   }
 };
 const set$b = (key, value) => {
-  contexts = {
-    ...contexts,
+  contexts$1 = {
+    ...contexts$1,
     [key]: value
   };
 };
@@ -2713,8 +2713,8 @@ const remove$a = key => {
   const {
     [key]: _,
     ...rest
-  } = contexts;
-  contexts = rest;
+  } = contexts$1;
+  contexts$1 = rest;
 };
 
 const state$r = {
@@ -2786,6 +2786,12 @@ const addKeyBindings = (id, keyBindings) => {
   state$q.keyBindingSets[id] = keyBindings;
   update();
 };
+const setKeyBindings = (id, keyBindings) => {
+  string(id);
+  array(keyBindings);
+  state$q.keyBindingSets[id] = keyBindings;
+  update();
+};
 const removeKeyBindings = id => {
   const {
     keyBindingSets
@@ -3001,7 +3007,7 @@ const getBrowserContextString = browser => {
       return Empty;
   }
 };
-const hydrate$6 = async () => {
+const hydrate$7 = async () => {
   // TODO is this the right place for browser context ?
   // maybe in env file / env service
   const browser = getBrowser();
@@ -3185,7 +3191,7 @@ const serializeInstances = async instances => {
   return serialized;
 };
 
-const Slash = Slash$1;
+const Slash$1 = Slash$2;
 
 const SharedProcessCliArgSource = 'shared-process-cli-arg';
 const getResolvedRootFromSharedProcess = async () => {
@@ -3209,7 +3215,7 @@ const getResolvedRootFromRendererProcess = async href => {
     return {
       path: href,
       homeDir: '',
-      pathSeparator: Slash,
+      pathSeparator: Slash$1,
       source: 'test'
     };
   }
@@ -3218,7 +3224,7 @@ const getResolvedRootFromRendererProcess = async href => {
     return {
       path,
       homeDir: '',
-      pathSeparator: Slash,
+      pathSeparator: Slash$1,
       source: 'renderer-process'
     };
   }
@@ -3227,7 +3233,7 @@ const getResolvedRootFromRendererProcess = async href => {
     const resolvedRoot = {
       path: defaultWorkspace,
       homeDir: '',
-      pathSeparator: Slash,
+      pathSeparator: Slash$1,
       source: 'renderer-process'
     };
     return resolvedRoot;
@@ -3323,7 +3329,7 @@ const onWorkspaceChange = async () => {
   }
   await emitEvent('workspace.change', state$n.workspacePath);
 };
-const hydrate$5 = async ({
+const hydrate$6 = async ({
   href
 }) => {
   if (state$n.workspacePath) {
@@ -3678,7 +3684,7 @@ const saveViewletState = async id => {
     await Promise.all(childIds.map(saveViewletState));
   }
 };
-const hydrate$4 = async () => {
+const hydrate$5 = async () => {
   // TODO should set up listener in renderer process
   if (!get$d('workbench.saveStateOnVisibilityChange')) {
     console.info('[info] not saving state on visibility change - disabled by settings');
@@ -3780,7 +3786,7 @@ const Error$4 = 'Error';
 const EmptyEditor = 'EmptyEditor';
 const Explorer$1 = 'Explorer';
 const ExtensionDetail = 'ExtensionDetail';
-const ExtensionView = 'ExtensionView';
+const ExtensionView$1 = 'ExtensionView';
 const ChatDebug = 'ChatDebug';
 const Extensions = 'Extensions';
 const Iframe = 'Iframe';
@@ -3796,7 +3802,7 @@ const Noop = 'Noop';
 const Output = 'Output';
 const Panel$2 = 'Panel';
 const Problems = 'Problems';
-const ProcessExplorer = 'ProcessExplorer';
+const ProcessExplorer$1 = 'ProcessExplorer';
 const QuickPick = 'QuickPick';
 const References = 'References';
 const RunAndDebug = 'Run And Debug';
@@ -3856,7 +3862,7 @@ const ViewletModuleId = {
   Error: Error$4,
   Explorer: Explorer$1,
   ExtensionDetail,
-  ExtensionView,
+  ExtensionView: ExtensionView$1,
   Extensions,
   Iframe,
   IframeInspector,
@@ -3876,7 +3882,7 @@ const ViewletModuleId = {
   Panel: Panel$2,
   Preview: Preview$3,
   Problems,
-  ProcessExplorer,
+  ProcessExplorer: ProcessExplorer$1,
   QuickPick,
   References,
   RunAndDebug,
@@ -4330,7 +4336,7 @@ const load$4 = async (viewlet, focus = false, restore = false, restoreState = un
     const commands = [];
     if (module.renderEventListeners) {
       // TODO reuse event listeners between components
-      const eventListeners = await module.renderEventListeners();
+      const eventListeners = await module.renderEventListeners(newState);
       if (shouldRenderEvents === false) {
         commands.push(['Viewlet.registerEventListeners', viewletUid, eventListeners]);
       } else {
@@ -4575,6 +4581,397 @@ const disposeBrowserViewQuickPick = () => {
   return invoke$D('ElectronBrowserViewQuickPick.disposeBrowserViewQuickPick');
 };
 
+const Unknown$1 = 0;
+const Backspace = 1;
+const Tab = 2;
+const Enter$1 = 3;
+const Ctrl = 4;
+const Alt$2 = 5;
+const PauseBreak = 6;
+const CapsLock = 7;
+const Escape$1 = 8;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+const Insert = 17;
+const Delete = 18;
+const Digit0 = 19;
+const Digit1 = 20;
+const Digit2 = 21;
+const Digit3 = 22;
+const Digit4 = 23;
+const Digit5 = 24;
+const Digit6 = 25;
+const Digit7 = 26;
+const Digit8 = 27;
+const Digit9 = 28;
+const KeyA = 29;
+const KeyB = 30;
+const KeyC = 31;
+const KeyD = 32;
+const KeyE = 33;
+const KeyF = 34;
+const KeyG = 35;
+const KeyH = 36;
+const KeyI = 37;
+const KeyJ = 38;
+const KeyK = 39;
+const KeyL = 40;
+const KeyM = 41;
+const KeyN = 42;
+const KeyO = 43;
+const KeyP = 44;
+const KeyQ = 45;
+const KeyR = 46;
+const KeyS = 47;
+const KeyT = 48;
+const KeyU = 49;
+const KeyV = 50;
+const KeyW = 51;
+const KeyX = 52;
+const KeyY = 53;
+const KeyZ = 54;
+const Meta = 55;
+const ContextMenu = 56;
+const F1 = 57;
+const F2 = 58;
+const F3 = 59;
+const F4 = 60;
+const F5 = 61;
+const F6 = 62;
+const F7 = 63;
+const F8 = 64;
+const F9 = 65;
+const F10 = 66;
+const F11 = 67;
+const F12 = 68;
+const F13 = 69;
+const F14 = 70;
+const F15 = 71;
+const F16 = 72;
+const F17 = 72;
+const F18 = 74;
+const F19 = 75;
+const F20 = 76;
+const F21 = 77;
+const F22 = 78;
+const F23 = 79;
+const F24 = 80;
+const NumLock = 81;
+const ScrollLock = 82;
+const SemiColon = 83;
+const Equal = 84;
+const Comma = 85;
+const Minus = 86;
+const Period = 87;
+const Slash = 88;
+const Backquote = 89;
+const BracketLeft = 90;
+const Backslash = 91;
+const BracketRight = 92;
+const Quote = 93;
+const OEM_8 = 94;
+const IntlBackslash = 95;
+const Numpad0 = 96;
+const Numpad1 = 97;
+const Numpad2 = 98;
+const Numpad3 = 99;
+const Numpad4 = 100;
+const Numpad5 = 101;
+const Numpad6 = 102;
+const Numpad7 = 103;
+const Numpad8 = 104;
+const Numpad9 = 105;
+const NumpadMultiply = 106;
+const NumpadAdd = 107;
+const NumpadSeparator = 108;
+const NumpadSubtract = 109;
+const NumpadDecimal = 110;
+const NumpadDivide = 111;
+const KeyInComposition = 112;
+const ABNT_C1 = 113;
+const ABNT_C2 = 114;
+const AudioVolumeMute = 115;
+const AudioVolumeUp = 116;
+const AudioVolumeDown = 117;
+const BrowserSearch = 118;
+const BrowserHome = 119;
+const BrowserBack = 120;
+const BrowserForward = 121;
+const MediaTrackNext = 122;
+const MediaTrackPrevious = 123;
+const MediaStop = 124;
+const MediaPlayPause = 125;
+const LaunchMediaPlayer = 126;
+const LaunchMail = 127;
+const LaunchApp2 = 128;
+const Clear = 129;
+const MaxValue = 130;
+const Star = 131;
+const Plus = 132;
+
+const KeyCode = {
+  __proto__: null,
+  ABNT_C1,
+  ABNT_C2,
+  Alt: Alt$2,
+  AudioVolumeDown,
+  AudioVolumeMute,
+  AudioVolumeUp,
+  Backquote,
+  Backslash,
+  Backspace,
+  BracketLeft,
+  BracketRight,
+  BrowserBack,
+  BrowserForward,
+  BrowserHome,
+  BrowserSearch,
+  CapsLock,
+  Clear,
+  Comma,
+  ContextMenu,
+  Ctrl,
+  Delete,
+  Digit0,
+  Digit1,
+  Digit2,
+  Digit3,
+  Digit4,
+  Digit5,
+  Digit6,
+  Digit7,
+  Digit8,
+  Digit9,
+  DownArrow,
+  End,
+  Enter: Enter$1,
+  Equal,
+  Escape: Escape$1,
+  F1,
+  F10,
+  F11,
+  F12,
+  F13,
+  F14,
+  F15,
+  F16,
+  F17,
+  F18,
+  F19,
+  F2,
+  F20,
+  F21,
+  F22,
+  F23,
+  F24,
+  F3,
+  F4,
+  F5,
+  F6,
+  F7,
+  F8,
+  F9,
+  Home,
+  Insert,
+  IntlBackslash,
+  KeyA,
+  KeyB,
+  KeyC,
+  KeyD,
+  KeyE,
+  KeyF,
+  KeyG,
+  KeyH,
+  KeyI,
+  KeyInComposition,
+  KeyJ,
+  KeyK,
+  KeyL,
+  KeyM,
+  KeyN,
+  KeyO,
+  KeyP,
+  KeyQ,
+  KeyR,
+  KeyS,
+  KeyT,
+  KeyU,
+  KeyV,
+  KeyW,
+  KeyX,
+  KeyY,
+  KeyZ,
+  LaunchApp2,
+  LaunchMail,
+  LaunchMediaPlayer,
+  LeftArrow,
+  MaxValue,
+  MediaPlayPause,
+  MediaStop,
+  MediaTrackNext,
+  MediaTrackPrevious,
+  Meta,
+  Minus,
+  NumLock,
+  Numpad0,
+  Numpad1,
+  Numpad2,
+  Numpad3,
+  Numpad4,
+  Numpad5,
+  Numpad6,
+  Numpad7,
+  Numpad8,
+  Numpad9,
+  NumpadAdd,
+  NumpadDecimal,
+  NumpadDivide,
+  NumpadMultiply,
+  NumpadSeparator,
+  NumpadSubtract,
+  OEM_8,
+  PageDown,
+  PageUp,
+  PauseBreak,
+  Period,
+  Plus,
+  Quote,
+  RightArrow,
+  ScrollLock,
+  SemiColon,
+  Slash,
+  Space,
+  Star,
+  Tab,
+  Unknown: Unknown$1,
+  UpArrow
+};
+
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift$1 = 1 << 10 >>> 0;
+const Alt$1 = 1 << 9 >>> 0;
+
+const keyAliases = {
+  '`': Backquote,
+  ',': Comma,
+  '-': Minus,
+  '=': Equal,
+  '+': Plus,
+  '*': Star,
+  '\\': Backslash,
+  backquote: Backquote,
+  backslash: Backslash,
+  comma: Comma,
+  delete: Delete,
+  down: DownArrow,
+  downarrow: DownArrow,
+  end: End,
+  enter: Enter$1,
+  escape: Escape$1,
+  f1: F1,
+  f2: F2,
+  f3: F3,
+  f4: F4,
+  f5: F5,
+  f6: F6,
+  f7: F7,
+  f8: F8,
+  f9: F9,
+  f10: F10,
+  f11: F11,
+  f12: F12,
+  home: Home,
+  insert: Insert,
+  left: LeftArrow,
+  leftarrow: LeftArrow,
+  minus: Minus,
+  pagedown: PageDown,
+  pageup: PageUp,
+  plus: Plus,
+  right: RightArrow,
+  rightarrow: RightArrow,
+  space: Space,
+  tab: Tab,
+  up: UpArrow,
+  uparrow: UpArrow
+};
+const getKeyCode = part => {
+  const normalized = part.toLowerCase();
+  if (normalized.length === 1 && normalized >= 'a' && normalized <= 'z') {
+    return KeyCode[`Key${normalized.toUpperCase()}`];
+  }
+  if (normalized.length === 1 && normalized >= '0' && normalized <= '9') {
+    return KeyCode[`Digit${normalized}`];
+  }
+  return keyAliases[normalized] || Unknown$1;
+};
+const parseKeyBindingString = keybinding => {
+  if (typeof keybinding !== 'string') {
+    return Unknown$1;
+  }
+  const parts = keybinding.split('+').map(part => part.trim()).filter(Boolean);
+  if (parts.length === 0) {
+    return Unknown$1;
+  }
+  let key = Unknown$1;
+  let modifiers = 0;
+  for (const part of parts) {
+    const normalized = part.toLowerCase();
+    switch (normalized) {
+      case 'alt':
+        modifiers |= Alt$1;
+        break;
+      case 'cmd':
+      case 'command':
+      case 'ctrl':
+      case 'ctrlcmd':
+      case 'meta':
+        modifiers |= CtrlCmd;
+        break;
+      case 'shift':
+        modifiers |= Shift$1;
+        break;
+      default:
+        key = getKeyCode(part);
+        break;
+    }
+  }
+  if (key === Unknown$1) {
+    return Unknown$1;
+  }
+  return modifiers | key;
+};
+
+const toKeyBinding = contribution => {
+  const key = parseKeyBindingString(contribution.key);
+  if (key === Unknown$1) {
+    warn(`ignoring extension keybinding with invalid key: ${contribution.key}`);
+    return undefined;
+  }
+  return {
+    key,
+    command: 'ExtensionHost.executeCommand',
+    args: [contribution.command, ...(contribution.args || [])],
+    ...(contribution.when && {
+      when: contribution.when
+    })
+  };
+};
+const getKeyBindings$s = async () => {
+  const contributions = await invoke$C('Extensions.getKeyBindings', assetDir, getPlatform$1());
+  if (!Array.isArray(contributions)) {
+    return [];
+  }
+  return contributions.map(toKeyBinding).filter(Boolean);
+};
+
 const handleKeyBinding$1 = async identifier => {
   number(identifier);
   const keyBinding = getKeyBinding(identifier);
@@ -4594,6 +4991,10 @@ const handleKeyBinding$1 = async identifier => {
   //   )
   // }
 };
+const hydrate$4 = async () => {
+  const keyBindings = await getKeyBindings$s();
+  setKeyBindings('extensions', keyBindings);
+};
 
 const state$j = {
   isQuickPickOpen: false
@@ -5619,7 +6020,7 @@ const load$1 = moduleId => {
       return Promise.resolve().then(function () { return ConfirmPrompt_ipc; });
     case ContentTracing:
       return Promise.resolve().then(function () { return ContentTracing_ipc; });
-    case ContextMenu:
+    case ContextMenu$1:
       return Promise.resolve().then(function () { return ContextMenu_ipc; });
     case Debug$1:
       return Promise.resolve().then(function () { return Debug_ipc; });
@@ -6271,7 +6672,7 @@ const map = {
   [EmptyEditor]: () => Promise.resolve().then(function () { return ViewletEmptyEditor_ipc; }),
   [Explorer$1]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
   [ExtensionDetail]: () => Promise.resolve().then(function () { return ViewletExtensionDetail_ipc; }),
-  [ExtensionView]: () => Promise.resolve().then(function () { return ViewletExtensionView_ipc; }),
+  [ExtensionView$1]: () => Promise.resolve().then(function () { return ViewletExtensionView_ipc; }),
   [Extensions]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
   [IframeInspector]: () => Promise.resolve().then(function () { return ViewletIframeInspector_ipc; }),
   [Implementations]: () => Promise.resolve().then(function () { return ViewletImplementations_ipc; }),
@@ -6284,7 +6685,7 @@ const map = {
   [Output]: () => Promise.resolve().then(function () { return ViewletOutput_ipc; }),
   [Panel$2]: () => Promise.resolve().then(function () { return ViewletPanel_ipc; }),
   [Problems]: () => Promise.resolve().then(function () { return ViewletProblems_ipc; }),
-  [ProcessExplorer]: () => Promise.resolve().then(function () { return ViewletProcessExplorer_ipc; }),
+  [ProcessExplorer$1]: () => Promise.resolve().then(function () { return ViewletProcessExplorer_ipc; }),
   [QuickPick]: () => Promise.resolve().then(function () { return ViewletQuickPick_ipc; }),
   [References]: () => Promise.resolve().then(function () { return ViewletReferences_ipc; }),
   [RunAndDebug]: () => Promise.resolve().then(function () { return ViewletRunAndDebug_ipc; }),
@@ -6406,7 +6807,7 @@ const startup = async (platform, assetDir) => {
   }
   if (initData.Location.href.startsWith('http://localhost:3001/tests/')) ;
   mark(WillLoadPreferences);
-  await hydrate$a();
+  await hydrate$b();
   mark(DidLoadPreferences);
 
   // TODO only load this if session replay is enabled in preferences
@@ -6422,12 +6823,12 @@ const startup = async (platform, assetDir) => {
   authState = await initializeAuth(platform, initData.Location.href);
   mark$1(Twelve);
   mark(WillOpenWorkspace);
-  await hydrate$5(initData.Location);
+  await hydrate$6(initData.Location);
   mark(DidOpenWorkspace);
-  await hydrate$6();
+  await hydrate$7();
   mark$1(Three);
   mark(WillLoadColorTheme);
-  await hydrate$9();
+  await hydrate$a();
   mark(DidLoadColorTheme);
   mark$1(Four);
   mark(WillShowLayout);
@@ -6470,7 +6871,7 @@ const startup = async (platform, assetDir) => {
     return;
   }
   mark(WillLoadSaveState);
-  await hydrate$4();
+  await hydrate$5();
   mark(DidLoadSaveState);
   mark$1(Sixteen);
   mark(WillLoadRecentlyOpened);
@@ -6480,9 +6881,9 @@ const startup = async (platform, assetDir) => {
   // TODO tree shake out service worker in electron build
 
   mark(WillLoadLocation);
-  await hydrate$8();
+  await hydrate$9();
   mark(DidLoadLocation);
-  const watcherPromises = Promise.all([hydrate$7(), watchFilesForHotReload()]);
+  const watcherPromises = Promise.all([hydrate$8(), watchFilesForHotReload()]);
   measure(OpenWorkspace, WillOpenWorkspace, DidOpenWorkspace);
   measure(LoadMain, WillLoadMain, DidLoadMain);
   measure(LoadSideBar, WillLoadSideBar, DidLoadSideBar);
@@ -6648,7 +7049,9 @@ const commandMap = {
   'ExtensionManagement.getExtensions': lazy('ExtensionManagement.getExtensions'),
   'ExtensionManagement.getExtensionsEtag': lazy('ExtensionManagement.getExtensionsEtag'),
   'ExtensionManagement.handleExtensionStatusUpdate': lazy('ExtensionManagement.handleExtensionStatusUpdate'),
+  'ExtensionManagement.handleViewContextChange': lazy('ExtensionManagement.handleViewContextChange'),
   'ExtensionManagement.invalidateExtensionsCache': lazy('ExtensionManagement.invalidateExtensionsCache'),
+  'ExtensionManagement.showViewContextMenu': lazy('ExtensionManagement.showViewContextMenu'),
   'ExtensionManagement.uninstall': lazy('ExtensionManagement.uninstall'),
   'ExtensionMeta.addNodeExtension': lazy('ExtensionMeta.addNodeExtension'),
   'ExtensionMeta.addWebExtension': lazy('ExtensionMeta.addWebExtension'),
@@ -7724,7 +8127,7 @@ const addWebExtension = async path => {
   // TODO avoid side effect here
   if (manifest.languages) {
     for (const language of manifest.languages) {
-      language.tokenize &&= manifest.path + Slash$1 + language.tokenize;
+      language.tokenize &&= manifest.path + Slash$2 + language.tokenize;
     }
   }
   manifest.status = Resolved;
@@ -7736,7 +8139,7 @@ const addWebExtension = async path => {
   if (manifest.webViews) {
     for (const webView of manifest.webViews) {
       if (webView.path) {
-        webView.path = manifest.path + Slash$1 + webView.path;
+        webView.path = manifest.path + Slash$2 + webView.path;
         webView.uri = webView.path;
       } else {
         webView.path = manifest.path;
@@ -8164,7 +8567,7 @@ const mkdir$7 = async path => {
   throw new Error('not allowed');
 };
 const getPathSeparator$7 = () => {
-  return Slash;
+  return Slash$1;
 };
 const canBeRestored$4 = true;
 
@@ -8255,7 +8658,7 @@ const mkdir$5 = uri => {
   return invoke$B('FileSystemMemory.mkdir', getPath$1(uri));
 };
 const getPathSeparator$5 = () => {
-  return Slash;
+  return Slash$1;
 };
 const remove$5 = uri => {
   return invoke$B('FileSystemMemory.remove', getPath$1(uri));
@@ -8549,10 +8952,10 @@ const writeFile$a = async (path, content) => {
 };
 const getDirent$1 = (path, relativePath) => {
   const rest = path.slice(relativePath.length + 1);
-  if (rest.includes(Slash)) {
+  if (rest.includes(Slash$1)) {
     return {
       type: Directory$1,
-      name: rest.slice(0, rest.indexOf(Slash))
+      name: rest.slice(0, rest.indexOf(Slash$1))
     };
   }
   return {
@@ -8588,7 +8991,7 @@ const onDidSave = listener => {
   throw new Error('not implemented');
 };
 const getPathSeparator$4 = () => {
-  return Slash;
+  return Slash$1;
 };
 const canBeRestored$3 = true;
 
@@ -8681,7 +9084,7 @@ const mkdir$3 = uri => {
   return invoke$B('FileSystemFetch.mkdir', uri);
 };
 const getPathSeparator$3 = () => {
-  return Slash;
+  return Slash$1;
 };
 const remove$3 = uri => {
   uri = normalizeUri(uri);
@@ -8788,7 +9191,7 @@ const getBlob$3 = async (path, type) => {
 };
 const getPathSeparator$2 = () => {
   if (getPlatform$1() === Web$1) {
-    return Slash;
+    return Slash$1;
   }
   return invoke$x('FileSystem.getPathSeparator');
 };
@@ -9294,7 +9697,7 @@ const mkdir = uri => {
   throw new Error('not implemented');
 };
 const getPathSeparator = () => {
-  return Slash;
+  return Slash$1;
 };
 const remove = uri => {
   throw new Error('not implemented');
@@ -9587,15 +9990,15 @@ const Exec_ipc = {
 };
 
 const cache = Object.create(null);
-const id$3 = 1;
+const id$4 = 1;
 const get$1 = () => {
-  return cache[id$3];
+  return cache[id$4];
 };
 const has$1 = () => {
-  return id$3 in cache;
+  return id$4 in cache;
 };
 const set$3 = value => {
-  cache[id$3] = value;
+  cache[id$4] = value;
 };
 
 const getExtensions = () => {
@@ -9803,7 +10206,7 @@ const getResponse = async key => {
   if (typeof caches === 'undefined') {
     return undefined;
   }
-  if (getPlatform$1() === Electron$1 && key.startsWith(Slash$1)) {
+  if (getPlatform$1() === Electron$1 && key.startsWith(Slash$2)) {
     // workaround for custom protocol not working with cache storage
     key = 'https://example.com' + key;
   }
@@ -9833,7 +10236,7 @@ const setResponse = async (key, value, contentType) => {
   // TODO cache the cache (maybe)
   if (getPlatform$1() === Remote &&
   // workaround for custom protocol not working with cache storage
-  key.startsWith(Slash$1)) {
+  key.startsWith(Slash$2)) {
     key = 'https://example.com' + key;
   }
   if (typeof value !== 'string') {
@@ -10075,7 +10478,7 @@ const getColorThemeNames = async (assetDir, platform) => {
 
 const name$23 = 'ColorTheme';
 const Commands$28 = {
-  hydrate: hydrate$9,
+  hydrate: hydrate$a,
   reload: reload$4,
   setColorTheme: setColorTheme,
   getColorThemeNames: getColorThemeNames
@@ -10379,8 +10782,8 @@ const attachDebugger = async pid => {
   await invoke$D('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.84.18';
-const commit$1 = 'dfd5b2f';
+const version = '0.85.1';
+const commit$1 = '6f0f9b3';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$D('Process.getPid');
@@ -10844,7 +11247,7 @@ const reloadIconTheme = async (platform, assetDir) => {
   await hydrate$3(platform, assetDir);
 };
 const reloadColorTheme = async () => {
-  await hydrate$9();
+  await hydrate$a();
 };
 const showColorThemeCss = async () => {
   // @ts-ignore
@@ -11698,7 +12101,7 @@ const Commands$1J = {
   // @ts-ignore
   setIdentifiers: undefined,
   // @ts-ignore
-  hydrate: undefined
+  hydrate: hydrate$4
 };
 
 const KeyBindings_ipc = {
@@ -11707,8 +12110,6 @@ const KeyBindings_ipc = {
   name: name$1F
 };
 
-// TODO extension key bindings
-
 const getViewletKeyBindings = module => {
   if (module.getKeyBindings) {
     return module.getKeyBindings();
@@ -11725,9 +12126,8 @@ const maybeLoad = async id => {
 const getKeyBindings$r = async () => {
   const ids = Object.keys(ViewletModuleId);
   const modules = await Promise.all(ids.map(maybeLoad));
-  const keyBindingsPromises = await Promise.all(modules.map(getViewletKeyBindings));
-  const keybindings = keyBindingsPromises.flat(1);
-  return keybindings;
+  const keyBindingsPromises = await Promise.all([...modules.map(getViewletKeyBindings), getKeyBindings$s()]);
+  return keyBindingsPromises.flat(1);
 };
 
 const name$1E = 'KeyBindingsInitial';
@@ -11813,7 +12213,7 @@ const getModule = id => {
   }
   throw new Error(`menu entries for ${id} not found`);
 };
-const getMenuEntries$3 = async (id, ...args) => {
+const getMenuEntries$5 = async (id, ...args) => {
   try {
     const module = await getModule(id);
     // @ts-ignore
@@ -11912,7 +12312,7 @@ const Commands$1E = {
   selectIndex: selectIndex$1,
   selectItem: selectItem,
   show: show$7,
-  getMenuEntries: getMenuEntries$3,
+  getMenuEntries: getMenuEntries$5,
   getMenuEntries2
 };
 
@@ -12302,7 +12702,7 @@ const name$1s = 'Preferences';
 const Commands$1v = {
   // TODO is this needed?
   // TODO rename to openKeyBindingsJson -> similar to openSettingsJson
-  hydrate: hydrate$a,
+  hydrate: hydrate$b,
   openKeyBindingsJson: openKeyBindingsJson,
   openSettingsJson: openSettingsJson,
   openSettingsUi: openSettingsUi,
@@ -12421,7 +12821,7 @@ const name$1m = 'SaveState';
 // prettier-ignore
 const Commands$1p = {
   handleVisibilityChange: handleVisibilityChange,
-  hydrate: hydrate$4
+  hydrate: hydrate$5
 };
 
 const SaveState_ipc = {
@@ -12583,7 +12983,7 @@ const Commands$1h = {
   close: close$3,
   getPath: getPath$4,
   getUri: getUri$1,
-  hydrate: hydrate$5,
+  hydrate: hydrate$6,
   setPath: setPath,
   setUri: setUri
 };
@@ -13968,17 +14368,69 @@ const Process_ipc = {
   name: name$L
 };
 
+const contexts = Object.create(null);
+const getAllKeys = () => {
+  const keys = new Set();
+  for (const context of Object.values(contexts)) {
+    for (const key of Object.keys(context)) {
+      keys.add(key);
+    }
+  }
+  return keys;
+};
+const removeKeys = keys => {
+  for (const key of keys) {
+    remove$a(key);
+  }
+};
+const addAllContexts = () => {
+  for (const context of Object.values(contexts)) {
+    for (const [key, value] of Object.entries(context)) {
+      if (value === true) {
+        set$b(key, true);
+      }
+    }
+  }
+};
+const handleViewContextChange$1 = (uid, viewId, context) => {
+  const oldKeys = getAllKeys();
+  removeKeys(oldKeys);
+  if (!context || Object.keys(context).length === 0) {
+    delete contexts[uid];
+  } else {
+    contexts[uid] = context;
+  }
+  addAllContexts();
+  update();
+};
+
+const Explorer = 4;
+const SimpleBrowser = 21;
+const E2eTests = 27;
+const ProcessExplorer = 29;
+const ExtensionView = 30;
+
 const handleExtensionStatusUpdate = async () => {
   // TODO inform all viewlets
 };
 const invalidateExtensionsCache = async () => {
   try {
     await invoke$C('Extensions.invalidateExtensionsCache');
+    await execute$3('KeyBindings.hydrate');
     await execute$3('Layout.handleExtensionsChanged');
   } catch {
     // ignore
   }
 };
+const handleViewContextChange = (uid, viewId, context) => {
+  handleViewContextChange$1(uid, viewId, context);
+};
+const showViewContextMenu = async (uid, viewId, menuId, x, y) => {
+  await show2$3(uid, ExtensionView, x, y, false, {
+    menuId,
+    viewId
+  });
+};
 const uninstall = async id => {
   await invoke$D(/* ExtensionManagement.uninstall */'ExtensionManagement.uninstall', /* id */id);
   invalidateExtensionsCache();
@@ -14041,6 +14493,8 @@ const Commands$N = {
   getExtensions: getAllExtensions,
   getExtensionsEtag: getExtensionsEtag,
   handleExtensionStatusUpdate: handleExtensionStatusUpdate,
+  handleViewContextChange: handleViewContextChange,
+  showViewContextMenu: showViewContextMenu,
   uninstall: uninstall,
   invalidateExtensionsCache: invalidateExtensionsCache
 };
@@ -14338,43 +14792,6 @@ const getCommands$p = async () => {
 const Css$I = [];
 const Variables$6 = ['ActivityBarForeground', 'ActivityBarActiveForeground', 'ActvityBarActiveBackground', 'BadgeBackground', 'BadgeForeground'];
 
-const Tab = 2;
-const Enter$1 = 3;
-const Escape$1 = 8;
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-const Digit0 = 19;
-const Digit1 = 20;
-const KeyB = 30;
-const KeyD = 32;
-const KeyE = 33;
-const KeyF = 34;
-const KeyG = 35;
-const KeyI = 37;
-const KeyM = 41;
-const KeyN = 42;
-const KeyP = 44;
-const KeyR = 46;
-const KeyS = 47;
-const KeyW = 51;
-const KeyX = 52;
-const KeyY = 53;
-const F1 = 57;
-const F6 = 62;
-const Equal = 84;
-const Comma = 85;
-const Minus = 86;
-const Backquote = 89;
-const Backslash = 91;
-const Plus = 132;
-
 const getKeyBindings$p = () => {
   return [{
     key: DownArrow,
@@ -14411,7 +14828,7 @@ const getKeyBindings$p = () => {
   }];
 };
 
-const menus$j = [];
+const menus$l = [];
 const getMenus$f = async () => {
   try {
     const ids = await invoke$j('ActivityBar.getMenuEntryIds');
@@ -14487,7 +14904,7 @@ const ViewletActivityBar_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$B,
   hotReload: hotReload$m,
   loadContent: loadContent$O,
-  menus: menus$j,
+  menus: menus$l,
   name: name$G,
   render: render$K,
   renderEventListeners: renderEventListeners$r
@@ -14862,7 +15279,7 @@ const renderEventListeners$q = async () => {
   return listeners;
 };
 
-const menus$i = [];
+const menus$k = [];
 const getQuickPickMenuEntries$4 = async () => {
   const entries = await invoke$i('Chat.getQuickPickMenuEntries');
   return entries;
@@ -14900,7 +15317,7 @@ const ViewletChat_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$z,
   hotReload: hotReload$l,
   loadContent: loadContent$L,
-  menus: menus$i,
+  menus: menus$k,
   name: name$E,
   render: render$H,
   renderDialog: renderDialog$3,
@@ -15002,7 +15419,7 @@ const getCommands$n = async () => {
 
 const Css$E = ["/css/parts/DebugChatDetails.css", "/css/parts/DebugChatImagePreview.css", "/css/parts/DebugChatDetailsClose.css", "/css/parts/DebugChatTable.css", "/css/parts/DebugChatTimeline.css", "/css/parts/DebugChatTop.css", "/css/parts/EditorMessage.css", "/css/parts/Table.css", "/css/parts/ViewletPanel.css", "/css/parts/ViewletPanelTabs.css"];
 
-const menus$h = [];
+const menus$j = [];
 const getMenus$d = async () => {
   try {
     const ids = await invoke$h('ChatDebug.getMenuIds');
@@ -15072,7 +15489,7 @@ const ViewletChatDebug_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$y,
   hotReload: hotReload$k,
   loadContent: loadContent$K,
-  menus: menus$h,
+  menus: menus$j,
   name: name$D,
   render: render$G,
   renderEventListeners: renderEventListeners$p,
@@ -15170,7 +15587,7 @@ const renderDialog$2 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const renderFocus$1 = {
+const renderFocus$2 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -15178,7 +15595,7 @@ const renderFocus$1 = {
     return ['setFocused', newState.focused];
   }
 };
-const render$F = [renderDialog$2, renderFocus$1];
+const render$F = [renderDialog$2, renderFocus$2];
 
 const name$B = 'Confirm';
 
@@ -15198,7 +15615,7 @@ const ViewletConfirm_ipc = {
   name: name$B,
   render: render$F,
   renderDialog: renderDialog$2,
-  renderFocus: renderFocus$1
+  renderFocus: renderFocus$2
 };
 
 const formatResult = result => {
@@ -15470,7 +15887,7 @@ const ViewletDebugConsole_ipc = {
 };
 
 const Control = 'Control';
-const Shift$1 = 'Shift';
+const Shift = 'Shift';
 const Alt = 'Alt';
 const Enter = 'Enter';
 const Escape = 'Escape';
@@ -15536,7 +15953,7 @@ const handleBlur$4 = state => {
 };
 const handleKeyDown$2 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   // TODO handle with keybindings?
-  if (key === Control || key === Shift$1 || key === Alt) {
+  if (key === Control || key === Shift || key === Alt) {
     return state;
   }
   if (key === Enter) {
@@ -15591,7 +16008,7 @@ const renderValue = {
     return ['setValue', newState.value];
   }
 };
-const renderFocus = {
+const renderFocus$1 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -15608,7 +16025,7 @@ const renderDom$8 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$D = [renderDom$8, renderValue, renderFocus];
+const render$D = [renderDom$8, renderValue, renderFocus$1];
 
 const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
@@ -15812,7 +16229,7 @@ const {
   restart: restart$c
 } = getOrCreateWorker(launchDiffViewWorker);
 
-const menus$g = [];
+const menus$i = [];
 const getMenus$c = async () => {
   try {
     const ids = await invoke$g('DiffView.getMenuIds');
@@ -15960,7 +16377,7 @@ const ViewletDiffEditor2_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$v,
   hotReload: hotReload$j,
   loadContent: loadContent$E,
-  menus: menus$g,
+  menus: menus$i,
   name: name$y,
   render: render$B,
   renderEventListeners: renderEventListeners$o,
@@ -16095,15 +16512,11 @@ const getKeyBindings$j = () => {
   return [];
 };
 
-const Explorer = 4;
-const SimpleBrowser = 21;
-const E2eTests = 27;
-
 const Separator$1 = 1;
 const None$5 = 0;
 
-const id$2 = E2eTests;
-const getMenuEntries$2 = () => {
+const id$3 = E2eTests;
+const getMenuEntries$4 = () => {
   return [{
     id: 'openInNewTab',
     label: 'Open in New Tab',
@@ -16114,11 +16527,11 @@ const getMenuEntries$2 = () => {
 
 const MenuEntriesE2eTests = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id: id$2
+  getMenuEntries: getMenuEntries$4,
+  id: id$3
 };
 
-const menus$f = [MenuEntriesE2eTests];
+const menus$h = [MenuEntriesE2eTests];
 
 const name$x = 'E2e Test';
 
@@ -16204,7 +16617,7 @@ const ViewletE2eTest_ipc = {
   hasFunctionalResize: hasFunctionalResize$m,
   hasFunctionalRootRender: hasFunctionalRootRender$u,
   loadContent: loadContent$D,
-  menus: menus$f,
+  menus: menus$h,
   name: name$x,
   render: render$A,
   renderActions: renderActions$b,
@@ -16272,7 +16685,7 @@ const hotReload$i = async state => {
     commands
   };
 };
-const menus$e = [];
+const menus$g = [];
 const getMenus$b = async () => {
   try {
     const ids = await invoke$f('LanguageModels.getMenuEntryIds');
@@ -16352,7 +16765,7 @@ const ViewletLanguageModels_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$t,
   hotReload: hotReload$i,
   loadContent: loadContent$C,
-  menus: menus$e,
+  menus: menus$g,
   render: render$z,
   renderDialog: renderDialog$1,
   renderEventListeners: renderEventListeners$n
@@ -16712,7 +17125,7 @@ const runAll = state => {
   console.log('run all');
   return state;
 };
-const handleContextMenu$2 = async (state, button, x, y) => {
+const handleContextMenu$3 = async (state, button, x, y) => {
   const index = getIndex(state.y, y);
   // @ts-ignore
   state.index = index;
@@ -16734,7 +17147,7 @@ const Commands$v = {
   handleClickAt: handleClickAt,
   handleLoad: handleLoad,
   runAll: runAll,
-  handleContextMenu: handleContextMenu$2,
+  handleContextMenu: handleContextMenu$3,
   openInNewTab: openInNewTab
 };
 
@@ -16744,7 +17157,7 @@ const getKeyBindings$h = () => {
   return [];
 };
 
-const menus$d = [MenuEntriesE2eTests];
+const menus$f = [MenuEntriesE2eTests];
 
 const name$u = 'E2e Tests';
 
@@ -16871,12 +17284,12 @@ const ViewletE2eTests_ipc = {
   executeTest,
   getKeyBindings: getKeyBindings$h,
   handleClickAt,
-  handleContextMenu: handleContextMenu$2,
+  handleContextMenu: handleContextMenu$3,
   handleLoad,
   hasFunctionalRender: hasFunctionalRender$t,
   hasFunctionalRootRender: hasFunctionalRootRender$r,
   loadContent: loadContent$z,
-  menus: menus$d,
+  menus: menus$f,
   name: name$u,
   openInNewTab,
   render: render$w,
@@ -17391,9 +17804,9 @@ const loadContent$y = async (state, savedState, context) => {
 
   // TODO send render commands directly from editor worker
   // to renderer process
-  return rerender(newState2);
+  return rerender$1(newState2);
 };
-const rerender = async state => {
+const rerender$1 = async state => {
   if (state.useFunctionalRendering) {
     const diffResult = await actualInvoke('Editor.diff2', state.id);
     const commands = await actualInvoke('Editor.render2', state.id, diffResult);
@@ -17563,7 +17976,7 @@ const getQuickPickMenuEntries$2 = async () => {
   const entries = await actualInvoke('Editor.getQuickPickMenuEntries');
   return entries;
 };
-const menus$c = [];
+const menus$e = [];
 const getMenus$a = async () => {
   try {
     // @ts-ignore
@@ -17632,11 +18045,11 @@ const ViewletEditorText_ipc = {
   hasFunctionalResize: hasFunctionalResize$j,
   hasFunctionalRootRender: hasFunctionalRootRender$q,
   loadContent: loadContent$y,
-  menus: menus$c,
+  menus: menus$e,
   name: name$t,
   render: render$u,
   renderEventListeners: renderEventListeners$l,
-  rerender,
+  rerender: rerender$1,
   resize: resize$j,
   saveState: saveState$g
 };
@@ -17942,19 +18355,19 @@ const getKeyBindings$f = () => {
   return invoke$e('Explorer.getKeyBindings');
 };
 
-const id$1 = Explorer;
-const getMenuEntries$1 = () => {
+const id$2 = Explorer;
+const getMenuEntries$3 = () => {
   const explorerState = getState('Explorer');
   return invoke$e('Explorer.getMenuEntries2', explorerState.uid);
 };
 
 const MenuEntriesExplorer = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$1,
-  id: id$1
+  getMenuEntries: getMenuEntries$3,
+  id: id$2
 };
 
-const menus$b = [MenuEntriesExplorer];
+const menus$d = [MenuEntriesExplorer];
 
 /**
  * @enum {string}
@@ -18046,7 +18459,7 @@ const ViewletExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$p,
   hotReload: hotReload$f,
   loadContent: loadContent$v,
-  menus: menus$b,
+  menus: menus$d,
   name: name$q,
   render: render$r,
   renderActions: renderActions$9,
@@ -18169,7 +18582,7 @@ const getKeyBindings$e = async () => {
   }
 };
 
-const menus$a = [];
+const menus$c = [];
 const getMenus$9 = async () => {
   try {
     const ids = await invoke$d('ExtensionDetail.getMenuIds');
@@ -18221,7 +18634,7 @@ const ViewletExtensionDetail_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   hotReload: hotReload$e,
   loadContent: loadContent$u,
-  menus: menus$a,
+  menus: menus$c,
   name: name$p,
   render: render$q,
   renderEventListeners: renderEventListeners$j,
@@ -18300,6 +18713,7 @@ const renderVirtualDomResult = (state, result) => {
     return {
       ...state,
       commands: [],
+      focusSelector: '',
       patches: []
     };
   }
@@ -18308,6 +18722,7 @@ const renderVirtualDomResult = (state, result) => {
     commands: [],
     dom: result.type === 'setDom' ? result.dom || [] : state.dom,
     error: undefined,
+    focusSelector: typeof result.focusSelector === 'string' ? result.focusSelector : '',
     patches: result.type === 'setPatches' ? result.patches || [] : []
   };
 };
@@ -18319,6 +18734,8 @@ const create$t = (id, uri, x, y, width, height) => {
     csp: '',
     credentialless: true,
     dom: [],
+    eventListeners: [],
+    focusSelector: '',
     height,
     iframeSandbox: [],
     iframeSrc: '',
@@ -18339,6 +18756,7 @@ const loadContent$t = async (state, savedState) => {
   }
   const css = await loadCss(view);
   const cssId = css ? getCssId(view) : '';
+  const eventListeners = view.eventListeners || [];
   if (view.kind === 'virtualDom') {
     const result = await invoke$C('Extensions.createViewInstance', state.uri, state.uid, createContext(state, savedState), assetDir, getPlatform$1());
     const createResult = result;
@@ -18349,6 +18767,7 @@ const loadContent$t = async (state, savedState) => {
         css,
         cssId,
         error: createResult.error,
+        eventListeners,
         kind: view.kind,
         patches: [],
         title: view.title
@@ -18359,6 +18778,7 @@ const loadContent$t = async (state, savedState) => {
       ...renderVirtualDomResult(state, renderResult),
       css,
       cssId,
+      eventListeners,
       kind: view.kind,
       title: view.title
     };
@@ -18372,6 +18792,7 @@ const loadContent$t = async (state, savedState) => {
     cssId,
     csp: view.iframe.csp,
     credentialless: view.iframe.credentialless,
+    eventListeners,
     iframeSandbox: view.iframe.sandbox,
     iframeSrc: view.iframe.src,
     kind: 'iframe',
@@ -18392,43 +18813,54 @@ const dispatchEvent = async (state, event) => {
   const result = await invoke$C('Extensions.dispatchViewEvent', state.uri, state.uid, event, assetDir, getPlatform$1());
   return renderVirtualDomResult(state, result);
 };
-const handleInput$2 = (state, name, value) => {
+const handleViewEvent = (state, type, name, value) => {
   return dispatchEvent(state, {
     name,
-    type: 'input',
-    value
+    type,
+    ...(value !== undefined && {
+      value
+    })
   });
 };
+const rerender = async state => {
+  if (state.kind !== 'virtualDom') {
+    return state;
+  }
+  const result = await invoke$C('Extensions.renderViewInstance', state.uri, state.uid, assetDir, getPlatform$1());
+  return renderVirtualDomResult(state, result);
+};
+const handleInput$2 = (state, name, value) => {
+  return handleViewEvent(state, 'input', name, value);
+};
 const handleClick = (state, name) => {
-  return dispatchEvent(state, {
-    name,
-    type: 'click'
-  });
+  return handleViewEvent(state, 'click', name);
 };
 const handleSubmit = (state, name) => {
-  return dispatchEvent(state, {
-    name,
-    type: 'submit'
-  });
+  return handleViewEvent(state, 'submit', name);
 };
 const handleFocus$1 = (state, name) => {
-  return dispatchEvent(state, {
-    name,
-    type: 'focus'
-  });
+  return handleViewEvent(state, 'focus', name);
 };
 const handleBlur$2 = (state, name) => {
+  return handleViewEvent(state, 'blur', name);
+};
+const handleContextMenu$2 = (state, name, x, y) => {
   return dispatchEvent(state, {
     name,
-    type: 'blur'
+    type: 'contextmenu',
+    x,
+    y
   });
 };
 const Commands$q = {
   handleBlur: handleBlur$2,
+  handleContextMenu: handleContextMenu$2,
   handleClick,
   handleFocus: handleFocus$1,
   handleInput: handleInput$2,
-  handleSubmit
+  handleSubmit,
+  handleViewEvent,
+  rerender
 };
 const dispose$k = async state => {
   if (state.kind !== 'virtualDom') {
@@ -18470,6 +18902,15 @@ const renderPatches = {
     return ['Viewlet.setPatches', newState.patches];
   }
 };
+const renderFocus = {
+  isEqual(oldState, newState) {
+    return newState.kind !== 'virtualDom' || !newState.focusSelector || oldState.focusSelector === newState.focusSelector;
+  },
+  apply(oldState, newState) {
+    return [['Viewlet.focusSelector', newState.uid, newState.focusSelector]];
+  },
+  multiple: true
+};
 const renderCss$1 = {
   isEqual(oldState, newState) {
     return !newState.css || oldState.css === newState.css && oldState.cssId === newState.cssId;
@@ -18488,26 +18929,61 @@ const renderCommands = {
   },
   multiple: true
 };
-const render$p = [renderIframe, renderDom$6, renderPatches, renderCss$1, renderCommands];
-const renderEventListeners$i = () => {
-  return [{
-    name: 'handleInput',
-    params: ['handleInput', 'event.target.name', 'event.target.value']
-  }, {
-    name: 'handleClick',
-    params: ['handleClick', 'event.target.name']
-  }, {
-    name: 'handleSubmit',
-    params: ['handleSubmit', 'event.target.name'],
-    preventDefault: true
-  }, {
-    name: 'handleFocus',
-    params: ['handleFocus', 'event.target.name']
-  }, {
-    name: 'handleBlur',
-    params: ['handleBlur', 'event.target.name']
-  }];
+const render$p = [renderIframe, renderDom$6, renderPatches, renderFocus, renderCss$1, renderCommands];
+const defaultEventListeners = [{
+  name: 'handleInput',
+  params: ['handleInput', 'event.target.name', 'event.target.value']
+}, {
+  name: 'handleClick',
+  params: ['handleClick', 'event.target.name']
+}, {
+  name: 'handleSubmit',
+  params: ['handleSubmit', 'event.target.name'],
+  preventDefault: true
+}, {
+  name: 'handleFocus',
+  params: ['handleFocus', 'event.target.name']
+}, {
+  name: 'handleBlur',
+  params: ['handleBlur', 'event.target.name']
+}, {
+  name: 'handleContextMenu',
+  params: ['handleContextMenu', 'event.target.name', 'event.clientX', 'event.clientY'],
+  preventDefault: true
+}, {
+  name: 'handleDragStart',
+  params: ['handleViewEvent', 'dragstart', 'event.target.name']
+}, {
+  name: 'handleDragEnd',
+  params: ['handleViewEvent', 'dragend', 'event.target.name']
+}, {
+  name: 'handleDragOver',
+  params: ['handleViewEvent', 'dragover', 'event.target.name'],
+  preventDefault: true
+}, {
+  name: 'handleDragLeave',
+  params: ['handleViewEvent', 'dragleave', 'event.target.name']
+}, {
+  name: 'handleDrop',
+  params: ['handleViewEvent', 'drop', 'event.target.name'],
+  preventDefault: true
+}];
+const renderEventListeners$i = state => {
+  return [...defaultEventListeners, ...(state?.eventListeners || [])];
+};
+
+const getMenuEntries$2 = async (uid, props = {}) => {
+  const instance = getByUid(uid);
+  const state = instance?.state;
+  if (!state || typeof state.uri !== 'string' || typeof props.menuId !== 'string') {
+    return [];
+  }
+  return invoke$C('Extensions.getViewMenuEntries', state.uri, uid, props.menuId, assetDir, getPlatform$1());
 };
+const menus$b = [{
+  getMenuEntries: getMenuEntries$2,
+  id: ExtensionView
+}];
 
 const ViewletExtensionView_ipc = {
   __proto__: null,
@@ -18516,16 +18992,20 @@ const ViewletExtensionView_ipc = {
   dispose: dispose$k,
   handleBlur: handleBlur$2,
   handleClick,
+  handleContextMenu: handleContextMenu$2,
   handleFocus: handleFocus$1,
   handleInput: handleInput$2,
   handleSubmit,
+  handleViewEvent,
   hasFunctionalEvents: hasFunctionalEvents$k,
   hasFunctionalRender: hasFunctionalRender$p,
   hasFunctionalResize: hasFunctionalResize$g,
   hasFunctionalRootRender: hasFunctionalRootRender$n,
   loadContent: loadContent$t,
+  menus: menus$b,
   render: render$p,
   renderEventListeners: renderEventListeners$i,
+  rerender,
   resize: resize$h,
   saveState: saveState$d
 };
@@ -18640,7 +19120,7 @@ const getKeyBindings$d = () => {
   return invoke$c('SearchExtensions.getKeyBindings');
 };
 
-const menus$9 = [];
+const menus$a = [];
 const getMenus$8 = async () => {
   try {
     const ids = await invoke$c('SearchExtensions.getMenuIds');
@@ -18746,7 +19226,7 @@ const ViewletExtensions_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$m,
   hotReload: hotReload$d,
   loadContent: loadContent$s,
-  menus: menus$9,
+  menus: menus$a,
   name: name$o,
   render: render$o,
   renderActions: renderActions$8,
@@ -19164,7 +19644,7 @@ const ViewletInlineDiffEditor_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$v,
   hotReload: hotReload$j,
   loadContent: loadContent$E,
-  menus: menus$g,
+  menus: menus$i,
   name: name$y,
   render: render$B,
   renderEventListeners: renderEventListeners$o,
@@ -19273,7 +19753,7 @@ const getKeyBindings$b = () => {
   return invoke$9('KeyBindings.getKeyBindings');
 };
 
-const menus$8 = [];
+const menus$9 = [];
 const getMenus$7 = async () => {
   try {
     const ids = await invoke$9('KeyBindings.getMenuEntryIds');
@@ -19346,7 +19826,7 @@ const ViewletKeyBindings_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$j,
   hotReload: hotReload$a,
   loadContent: loadContent$o,
-  menus: menus$8,
+  menus: menus$9,
   name: name$l,
   render: render$l,
   renderEventListeners: renderEventListeners$e,
@@ -19354,7 +19834,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$a
 };
 
-const commit = 'dfd5b2f';
+const commit = '6f0f9b3';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -19562,7 +20042,7 @@ const getModuleId$1 = async (uri, opener) => {
     return Settings;
   }
   if (uri.startsWith('process-explorer://')) {
-    return ProcessExplorer;
+    return ProcessExplorer$1;
   }
   if (uri.startsWith('simple-browser://')) {
     return SimpleBrowser$1;
@@ -21568,9 +22048,6 @@ const CommandsWithSideEffects = {
 
 const Css$l = [];
 
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
-
 const getKeyBindings$a = () => {
   return [{
     key: Escape$1,
@@ -21596,7 +22073,7 @@ const getKeyBindings$a = () => {
     command: 'Layout.togglePanel',
     args: ['Terminal']
   }, {
-    key: CtrlCmd | Shift | KeyM,
+    key: CtrlCmd | Shift$1 | KeyM,
     command: 'ViewService.toggleView',
     args: ['Output']
   }, {
@@ -21606,51 +22083,51 @@ const getKeyBindings$a = () => {
     key: CtrlCmd | KeyP,
     command: 'QuickPick.showFile'
   }, {
-    key: CtrlCmd | Shift | KeyP,
+    key: CtrlCmd | Shift$1 | KeyP,
     command: 'QuickPick.showEverything'
   }, {
     key: F1,
     command: 'QuickPick.showEverything'
   }, {
-    key: CtrlCmd | Shift | KeyX,
+    key: CtrlCmd | Shift$1 | KeyX,
     command: 'Layout.openSideBarViewlet',
     args: ['Extensions']
   }, {
-    key: CtrlCmd | Shift | KeyG,
+    key: CtrlCmd | Shift$1 | KeyG,
     command: 'Layout.openSideBarViewlet',
     args: ['Source Control']
   }, {
-    key: CtrlCmd | Shift | KeyE,
+    key: CtrlCmd | Shift$1 | KeyE,
     command: 'Layout.openSideBarViewlet',
     args: ['Explorer']
   }, {
-    key: CtrlCmd | Shift | KeyF,
+    key: CtrlCmd | Shift$1 | KeyF,
     command: 'Layout.openSideBarViewlet',
     args: ['Search']
   }, {
-    key: CtrlCmd | Shift | KeyY,
+    key: CtrlCmd | Shift$1 | KeyY,
     command: 'Focus.set',
     args: ['Debug Console']
   }, {
-    key: CtrlCmd | Shift | KeyM,
+    key: CtrlCmd | Shift$1 | KeyM,
     command: 'Focus.set',
     args: ['Problems']
   }, {
     key: CtrlCmd | Comma,
     command: 'Preferences.openSettingsJson'
   }, {
-    key: CtrlCmd | Shift | KeyD,
+    key: CtrlCmd | Shift$1 | KeyD,
     command: 'Focus.set',
     args: ['Run and Debug']
   }, {
-    key: CtrlCmd | Shift | KeyI,
+    key: CtrlCmd | Shift$1 | KeyI,
     command: 'Developer.toggleDeveloperTools',
     when: BrowserElectron
   }, {
     key: F6,
     command: 'Navigation.focusNextPart'
   }, {
-    key: Shift | F6,
+    key: Shift$1 | F6,
     command: 'Navigation.focusPreviousPart'
   }, {
     key: CtrlCmd | KeyG,
@@ -21688,7 +22165,7 @@ const getKeyBindings$a = () => {
     command: 'Menu.hide',
     when: FocusMenu
   }, {
-    key: CtrlCmd | Shift | KeyN,
+    key: CtrlCmd | Shift$1 | KeyN,
     command: 'ElectronWindow.openNew',
     when: BrowserElectron
   }, {
@@ -21696,20 +22173,20 @@ const getKeyBindings$a = () => {
     command: 'Menu.noop',
     when: FocusMenu
   }, {
-    key: Shift | Tab,
+    key: Shift$1 | Tab,
     command: 'Menu.noop',
     when: FocusMenu
   }, {
-    key: CtrlCmd | Shift | KeyR,
+    key: CtrlCmd | Shift$1 | KeyR,
     command: 'QuickPick.showRecent'
   }, {
     key: CtrlCmd | Digit0,
     command: 'SideBar.focus'
   }, {
-    key: Shift | UpArrow,
+    key: Shift$1 | UpArrow,
     command: 'Editor.selectUp'
   }, {
-    key: Shift | DownArrow,
+    key: Shift$1 | DownArrow,
     command: 'Editor.selectDown'
   }, {
     key: CtrlCmd | Equal,
@@ -23091,7 +23568,7 @@ const getKeyBindings$9 = () => {
     key: CtrlCmd | Tab,
     command: 'Main.focusNext'
   }, {
-    key: CtrlCmd | Shift | Tab,
+    key: CtrlCmd | Shift$1 | Tab,
     command: 'Main.focusPrevious'
   }, {
     key: CtrlCmd | Digit1,
@@ -23123,7 +23600,7 @@ const getQuickPickMenuEntries = () => {
     label: 'Main: Reopen Editor With'
   }];
 };
-const menus$7 = [];
+const menus$8 = [];
 const getMenus$6 = async () => {
   try {
     const ids = await invoke$7('MainArea.getMenuIds');
@@ -23240,7 +23717,7 @@ const ViewletMain_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$h,
   hotReload: hotReload$9,
   loadContent: loadContent$m,
-  menus: menus$7,
+  menus: menus$8,
   name: name$j,
   openEditorWithType,
   openKeyBindings,
@@ -23717,7 +24194,7 @@ const getKeyBindings$8 = () => {
   }];
 };
 
-const menus$6 = [];
+const menus$7 = [];
 const getMenus$5 = async () => {
   try {
     const ids = await invoke$5('Problems.getMenuIds');
@@ -23791,7 +24268,7 @@ const ViewletProblems_ipc = {
   hasFunctionalResize: hasFunctionalResize$a,
   hasFunctionalRootRender: hasFunctionalRootRender$e,
   loadContent: loadContent$h,
-  menus: menus$6,
+  menus: menus$7,
   name: name$f,
   render: render$g,
   renderActions: renderActions$5,
@@ -23870,7 +24347,7 @@ const wrapProcessExplorerCommand = key => {
     if (commands.length === 0) {
       return state;
     }
-    const latest = getState$1(ProcessExplorer);
+    const latest = getState$1(ProcessExplorer$1);
     return {
       ...latest,
       commands
@@ -23896,6 +24373,21 @@ const getKeyBindings$7 = () => {
   return invoke$4('ProcessExplorer.getKeyBindings');
 };
 
+const id$1 = ProcessExplorer;
+const getMenuEntries$1 = async () => {
+  const processExplorerState = getState('ProcessExplorer');
+  const r = await invoke$4('ProcessExplorer.getMenuEntries', processExplorerState.uid);
+  return r;
+};
+
+const MenuEntriesProcessExplorer = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$1,
+  id: id$1
+};
+
+const menus$6 = [MenuEntriesProcessExplorer];
+
 const name$e = 'ProcessExplorer';
 
 const hasFunctionalRender$f = true;
@@ -23926,6 +24418,7 @@ const ViewletProcessExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$d,
   hotReload: hotReload$6,
   loadContent: loadContent$g,
+  menus: menus$6,
   name: name$e,
   render: render$f,
   renderEventListeners: renderEventListeners$8
@@ -24987,7 +25480,7 @@ const getChildModuleId = moduleId => {
   if (!moduleId.includes('.')) {
     return moduleId;
   }
-  return ExtensionView;
+  return ExtensionView$1;
 };
 
 // TODO
@@ -25561,7 +26054,7 @@ const isValidFileUrl = input => {
   return input.startsWith('file://');
 };
 const isValidFilePath = input => {
-  return input.startsWith(Slash$1);
+  return input.startsWith(Slash$2);
 };
 const isLocalHostUrlWithOutHttp = input => {
   return input.startsWith('localhost:');
@@ -25939,7 +26432,7 @@ const Css$7 = ["/css/parts/ViewletSimpleBrowser.css"];
 
 const getKeyBindings$2 = () => {
   return [{
-    key: CtrlCmd | Shift | KeyI,
+    key: CtrlCmd | Shift$1 | KeyI,
     command: 'Developer.toggleDeveloperTools',
     when: FocusSimpleBrowser
   }];
@@ -26018,7 +26511,7 @@ const getMenuEntriesImage = (x, y, params) => {
   const {
     srcURL
   } = params;
-  const fileName = getBaseName(Slash, srcURL);
+  const fileName = getBaseName(Slash$1, srcURL);
   return [{
     id: 'save-image',
     label: saveImageAs(),
@@ -27785,7 +28278,7 @@ const getItem = (items, label) => {
  * @deprecated
  */
 const openContextMenu = async (x, y, id, ...args) => {
-  const entries = await getMenuEntries$3(id, ...args);
+  const entries = await getMenuEntries$5(id, ...args);
   const electronMenuItems = convertMenuItems(entries);
   const event = await invoke$D('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
   if (event.type === 'close') {