@lvce-editor/static-server 0.115.4 → 0.115.6

package/static/{c7dd482 → 80d7faf}/packages/source-control-worker/dist/sourceControlWorkerMain.js

@@ -541,7 +541,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$4 = id => {
+const get$3 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -651,6 +651,9 @@ const restoreExistingError = (error, currentStack) => {
 };
 const restoreMethodNotFoundError = (error, currentStack) => {
   const restoredError = new JsonRpcError(error.message);
+  Object.assign(restoredError, {
+    code: error.code
+  });
   const parentStack = getParentStack(error);
   setStack(restoredError, `${parentStack}${NewLine}${currentStack}`);
   return restoredError;
@@ -670,9 +673,13 @@ const applyDataProperties = (restoredError, error) => {
     // @ts-ignore
     restoredError.codeFrame = error.data.codeFrame;
   }
-  if (error.data.code) {
+  if (typeof error.data.code === 'string' || typeof error.data.code === 'number') {
     // @ts-ignore
-    restoredError.code = error.data.code;
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.data.code,
+      writable: true
+    });
   }
   if (error.data.type) {
     // @ts-ignore
@@ -694,6 +701,13 @@ const applyDirectProperties = (restoredError, error) => {
 };
 const restoreMessageError = (error, _currentStack) => {
   const restoredError = constructError(error.message, error.type, error.name);
+  if (typeof error.code === 'string' || typeof error.code === 'number') {
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.code,
+      writable: true
+    });
+  }
   if (error.data) {
     applyDataProperties(restoredError, error);
   } else {
@@ -731,7 +745,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$4(id);
+  const fn = get$3(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -772,7 +786,7 @@ const getErrorProperty = (error, prettyError) => {
   return {
     code: Custom,
     data: {
-      code: prettyError.code,
+      code: prettyError.code ?? error?.code,
       codeFrame: prettyError.codeFrame,
       name: prettyError.name,
       stack: getStack(prettyError),
@@ -794,7 +808,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$8 = (message, result) => {
+const create$9 = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -803,13 +817,18 @@ const create$8 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$8(message, resultProperty);
+  return create$9(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
     error: {
       code: Custom,
-      data: error,
+      data: error instanceof Error ? {
+        ...error,
+        code: 'code' in error ? error.code : undefined,
+        stack: error.stack,
+        type: error.name
+      } : error,
       // @ts-ignore
       message: error.message
     },
@@ -897,7 +916,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$7 = (method, params) => {
+const create$8 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -905,7 +924,7 @@ const create$7 = (method, params) => {
   };
 };
 
-const create$6 = (id, method, params) => {
+const create$7 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -916,12 +935,12 @@ const create$6 = (id, method, params) => {
 };
 
 let id = 0;
-const create$5 = () => {
+const create$6 = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$5();
+  const id = create$6();
   const {
     promise,
     resolve
@@ -938,7 +957,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$6(id, method, params);
+  const message = create$7(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -974,7 +993,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$7(method, params);
+      const message = create$8(method, params);
       ipc.send(message);
     }
   };
@@ -1014,7 +1033,35 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$4 = async ({
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
+const create$5 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -1032,7 +1079,7 @@ const create$4 = async ({
   return rpc;
 };
 
-const create$3 = async ({
+const create$4 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -1042,13 +1089,27 @@ const create$3 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$4({
+  return create$5({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
   });
 };
 
+const create$3 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$4({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
+};
+
 const create$2 = async ({
   commandMap
 }) => {
@@ -1081,10 +1142,10 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$7 = (id, rpc) => {
+const set$9 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$3 = id => {
+const get$2 = id => {
   return rpcs[id];
 };
 const remove = id => {
@@ -1095,18 +1156,18 @@ const remove = id => {
 const create$1 = rpcId => {
   return {
     async dispose() {
-      const rpc = get$3(rpcId);
+      const rpc = get$2(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$3(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$3(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1114,7 +1175,7 @@ const create$1 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$7(rpcId, mockRpc);
+      set$9(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1123,7 +1184,7 @@ const create$1 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$7(rpcId, rpc);
+      set$9(rpcId, rpc);
     }
   };
 };
@@ -1174,6 +1235,7 @@ const Remote = 3;
 
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
+const IconThemeWorker = 7009;
 const RendererProcess = 1670;
 const RendererWorker = 1;
 const TextMeasurementWorker = 7011;
@@ -1189,41 +1251,45 @@ const Tree = 2;
 const FocusSourceControlInput = 24;
 
 const {
-  invoke: invoke$5,
-  set: set$6
+  invoke: invoke$8,
+  set: set$8
 } = create$1(ExtensionHostWorker);
 
 const {
-  invoke: invoke$4,
-  set: set$5
+  invoke: invoke$7,
+  set: set$7
 } = create$1(ExtensionManagementWorker);
 
 const {
-  invoke: invoke$3,
-  set: set$4
+  invoke: invoke$6,
+  set: set$6
+} = create$1(IconThemeWorker);
+const getIcons = async iconRequests => {
+  // @ts-ignore
+  return invoke$6('IconTheme.getIcons', iconRequests);
+};
+
+const {
+  invoke: invoke$5,
+  set: set$5
 } = create$1(RendererProcess);
 
 const {
-  set: set$3
+  invoke: invoke$4,
+  set: set$4
 } = create$1(TextMeasurementWorker);
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   invokeAndTransfer,
-  set: set$2
+  set: set$3
 } = create$1(RendererWorker);
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  await invoke$2('ContextMenu.show2', uid, menuId, x, y, args);
+const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
+  const command = 'IconTheme.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
 };
 const readFile$1 = async uri => {
-  return invoke$2('FileSystem.readFile', uri);
-};
-const activateByEvent$1 = (event, assetDir, platform) => {
-  return invoke$2('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
+  return invoke$3('FileSystem.readFile', uri);
 };
 const sendMessagePortToTextMeasurementWorker$1 = async port => {
   const command = 'TextMeasurement.handleMessagePort';
@@ -1234,10 +1300,10 @@ const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
 const getPreference = async key => {
-  return await invoke$2('Preferences.get', key);
+  return await invoke$3('Preferences.get', key);
 };
 const openUri$1 = async (uri, focus, options) => {
-  await invoke$2('Main.openUri', {
+  await invoke$3('Main.openUri', {
     ...options,
     focus,
     uri
@@ -1626,7 +1692,7 @@ const getMissingIconRequests = (dirents, fileIconCache) => {
 };
 
 const requestFileIcons = async requests => {
-  const results = await invoke$2('IconTheme.getIcons', requests);
+  const results = await getIcons(requests);
   return results;
 };
 
@@ -1662,11 +1728,11 @@ const activateByEvent = (event, assetDir, platform) => {
   string(event);
   string(assetDir);
   number(platform);
-  return activateByEvent$1(event, assetDir, platform);
+  return invoke$7('Extensions.activateByEvent', event, assetDir, platform);
 };
 
-const invoke$1 = async (applicationId, method, ...args) => {
-  return applicationId === undefined ? invoke$4(method, ...args) : invoke$4('Extensions.invokeForApplication', applicationId, method, ...args);
+const invoke$2 = async (applicationId, method, ...args) => {
+  return applicationId === undefined ? invoke$7(method, ...args) : invoke$7('Extensions.invokeForApplication', applicationId, method, ...args);
 };
 
 const executeProvider = async ({
@@ -1678,12 +1744,12 @@ const executeProvider = async ({
   platform
 }) => {
   if (applicationId !== undefined) {
-    await invoke$1(applicationId, 'Extensions.activateByEvent', event);
-    return invoke$1(applicationId, method, ...params);
+    await invoke$2(applicationId, 'Extensions.activateByEvent', event);
+    return invoke$2(applicationId, method, ...params);
   }
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  const result = await invoke$5(method, ...params);
+  const result = await invoke$8(method, ...params);
   return result;
 };
 
@@ -1709,7 +1775,7 @@ const acceptInput$2 = async (providerId, text, assetDir, platform, applicationId
     // noProviderFoundMessage: 'No source control provider found',
   });
 };
-const generateCommitMessage$2 = async (providerId, assetDir, platform, applicationId) => {
+const generateCommitMessage$1 = async (providerId, assetDir, platform, applicationId) => {
   return executeProvider({
     applicationId,
     assetDir,
@@ -1797,7 +1863,7 @@ const getEnabledProviderIds$1 = (scheme, root, assetDir, platform, applicationId
 };
 
 const getExtensions = async (assetDir, platform, applicationId) => {
-  const extensions = await invoke$1(applicationId, 'Extensions.getAllExtensions', assetDir, platform);
+  const extensions = await invoke$2(applicationId, 'Extensions.getAllExtensions', assetDir, platform);
   return extensions.filter(extension => platform !== Web || extension?.compatibility?.web !== false);
 };
 
@@ -1835,9 +1901,9 @@ const acceptInput$1 = (providerId, text, assetDir, platform, applicationId) => {
   string(text);
   return acceptInput$2(providerId, text, assetDir, platform, applicationId);
 };
-const generateCommitMessage$1 = (providerId, assetDir, platform, applicationId) => {
+const generateCommitMessage = (providerId, assetDir, platform, applicationId) => {
   string(providerId);
-  return generateCommitMessage$2(providerId, assetDir, platform, applicationId);
+  return generateCommitMessage$1(providerId, assetDir, platform, applicationId);
 };
 const getShowGenerateCommitMessageButton = async (providerId, assetDir, platform, applicationId) => {
   string(providerId);
@@ -1937,12 +2003,17 @@ const getGroups = async (enabledProviderIds, root, assetDir, platform, applicati
   };
 };
 
-const inputPaddingBlock = 11;
-const buttonBlockHeight = 34;
-const getHeaderHeight = (inputBoxHeight, sourceControlButtons) => {
+const getHeaderHeight = (inputBoxHeight, sourceControlButtons, inputPaddingBlock, buttonBlockHeight) => {
   return inputBoxHeight + inputPaddingBlock + sourceControlButtons.length * buttonBlockHeight;
 };
 
+const getIndents = (oldIndents, visibleItems) => {
+  if (oldIndents.length === visibleItems.length && visibleItems.every((item, index) => item.indent === oldIndents[index])) {
+    return oldIndents;
+  }
+  return visibleItems.map(item => item.indent);
+};
+
 const getTextHeight = async (input, width, fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, inputPadding) => {
   try {
     if (!input) {
@@ -1951,8 +2022,7 @@ const getTextHeight = async (input, width, fontFamily, fontSize, fontWeight, let
     const actualInput = input;
     // TODO line height could also be like 1.5
     const lineHeightPx = `${lineHeight}px`;
-    // @ts-ignore
-    const height = await invoke$2(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+    const height = await invoke$4(`TextMeasurement.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
     return height + inputPadding * 2;
   } catch {
     // fallback
@@ -2001,14 +2071,10 @@ const i18nString = (key, placeholders = emptyObject) => {
 const OpenChanges = 'Open Changes';
 const OpenFile = 'Open File';
 const OpenFileHead = 'Open File (HEAD)';
-const DiscardChanges = 'Discard Changes';
-const StageChanges = 'Stage Changes';
-const AddToGitignore = 'Add to gitignore';
 const RevealInExplorerView = 'Reveal in Explorer View';
 const OpenContainingFolder = 'Open Containing Folder';
 const ViewAsTree$1 = 'View As Tree';
 const CommitAndPush$1 = 'Commit and Push';
-const GenerateCommitMessage$1 = 'Generate Commit Message';
 const Refresh$2 = 'Refresh';
 const MessageEnterToCommitOnMaster = `Message (Enter) to commit on 'master'`;
 const SourceControlInput$1 = 'Source Control Input';
@@ -2017,28 +2083,19 @@ const NoSourceControlExtensionsInstalled = 'No source control extensions are ins
 const SourceControlExtensionsDisabled = 'All installed source control extensions are disabled.';
 const NoSourceControlProviderForWorkspace = 'No source control provider is available for this workspace.';
 
-const openChanges = () => {
+const openChanges$1 = () => {
   return i18nString(OpenChanges);
 };
-const openFile = () => {
+const openFile$1 = () => {
   return i18nString(OpenFile);
 };
-const openFileHead = () => {
+const openFileHead$1 = () => {
   return i18nString(OpenFileHead);
 };
-const discardChanges = () => {
-  return i18nString(DiscardChanges);
-};
-const stageChanges = () => {
-  return i18nString(StageChanges);
-};
-const addToGitignore = () => {
-  return i18nString(AddToGitignore);
-};
 const revealInExplorerView = () => {
   return i18nString(RevealInExplorerView);
 };
-const openContainingFolder = () => {
+const openContainingFolder$1 = () => {
   return i18nString(OpenContainingFolder);
 };
 const viewAsTree$1 = () => {
@@ -2047,9 +2104,6 @@ const viewAsTree$1 = () => {
 const commitAndPush = () => {
   return i18nString(CommitAndPush$1);
 };
-const generateCommitMessage = () => {
-  return i18nString(GenerateCommitMessage$1);
-};
 const refresh$1 = () => {
   return i18nString(Refresh$2);
 };
@@ -2080,7 +2134,7 @@ const isSourceControlExtension = extension => {
 };
 const getSourceControlUnavailableMessage = async (assetDir, platform, applicationId) => {
   try {
-    const extensions = await invoke$1(applicationId, 'Extensions.getAllExtensions', assetDir, platform);
+    const extensions = await invoke$2(applicationId, 'Extensions.getAllExtensions', assetDir, platform);
     const sourceControlExtensions = extensions.filter(isSourceControlExtension);
     if (sourceControlExtensions.length === 0) {
       return noSourceControlExtensionsInstalled();
@@ -2130,10 +2184,31 @@ const getVisibleSourceControlItems = (items, minLineY, maxLineY, actionsCache, f
   return visible;
 };
 
-const get$2 = key => {
+const get$1 = key => {
   return getPreference(key);
 };
 
+const requestInputActions = async (assetDir, platform, applicationId) => {
+  const extensions = await getExtensions(assetDir, platform, applicationId);
+  const actions = [];
+  for (const extension of extensions) {
+    const contributed = extension?.['source-control-input-actions'];
+    if (!Array.isArray(contributed)) {
+      continue;
+    }
+    for (const action of contributed) {
+      if (action && typeof action.command === 'string' && action.command && typeof action.label === 'string' && action.label && typeof action.icon === 'string') {
+        actions.push({
+          command: action.command,
+          icon: action.icon,
+          label: action.label
+        });
+      }
+    }
+  }
+  return actions;
+};
+
 const requestSourceActions = async (assetDir = '', platform = 0, applicationId) => {
   const extensions = await getExtensions(assetDir, platform, applicationId);
   const newCache = Object.create(null);
@@ -2141,9 +2216,10 @@ const requestSourceActions = async (assetDir = '', platform = 0, applicationId)
     if (!extension || !extension['source-control-actions']) {
       continue;
     }
-    const sourceControlActions = Object.entries(extension['source-control-actions']);
+    const sourceControlActions = Object.entries(extension['source-control-actions']).filter(([, value]) => Array.isArray(value));
     for (const [key, value] of sourceControlActions) {
-      newCache[key] = value;
+      const actions = value.filter(action => action && typeof action.command === 'string' && typeof action.label === 'string');
+      newCache[key] = [...(newCache[key] || []), ...actions];
     }
   }
   return newCache;
@@ -2161,14 +2237,12 @@ const requestSourceControlButtons = async (assetDir = '', platform = 0, applicat
   return buttons;
 };
 
-/* eslint-disable unicorn/no-array-reduce */
 const restoreExpandedGroups = groups => {
-  return groups.map(group => group.id).reduce((total, current) => {
-    return {
-      ...total,
-      [current]: true
-    };
-  }, Object.create(null));
+  const expandedGroups = Object.create(null);
+  for (const group of groups) {
+    expandedGroups[group.id] = true;
+  }
+  return expandedGroups;
 };
 
 const getRestoredInputValue = savedState => {
@@ -2223,14 +2297,17 @@ const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
 const loadContentActual = async (state, savedState) => {
   const {
     applicationId,
+    buttonBlockHeight,
     fileIconCache,
     height,
+    indents,
     inputFontFamily,
     inputFontSize,
     inputFontWeight,
     inputLetterSpacing,
     inputLineHeight,
     inputPadding,
+    inputPaddingBlock,
     itemHeight,
     minimumSliderSize,
     width,
@@ -2256,14 +2333,15 @@ const loadContentActual = async (state, savedState) => {
   const expandedGroups = restoreExpandedGroups(allGroups);
   const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
   const actionsCache = enabledProviderIds.length === 0 ? Object.create(null) : await requestSourceActions(assetDir, platform, applicationId);
+  const inputActions = enabledProviderIds.length === 0 ? [] : await requestInputActions(assetDir, platform, applicationId);
   const sourceControlButtons = enabledProviderIds.length === 0 ? [] : await requestSourceControlButtons(assetDir, platform, applicationId);
 
   // TODO make preferences async and more functional
-  const splitButtonEnabled = await get$2('sourceControl.splitButtonEnabled');
+  const splitButtonEnabled = await get$1('sourceControl.splitButtonEnabled');
   const badgeCount = await getBadgeCount$1(enabledProviderIds, assetDir, platform, applicationId);
   const inputPlaceholder = messageEnterToCommitOnMaster();
   const inputBoxHeight = await getInputHeight(inputValue, width, inputFontFamily, inputFontSize, inputFontWeight, inputLetterSpacing, inputLineHeight, inputPadding);
-  const headerHeight = getHeaderHeight(inputBoxHeight, sourceControlButtons);
+  const headerHeight = getHeaderHeight(inputBoxHeight, sourceControlButtons, inputPaddingBlock, buttonBlockHeight);
   const total = displayItems.length;
   const contentHeight = total * itemHeight;
   const availableListHeight = Math.max(height - headerHeight, 0);
@@ -2287,6 +2365,8 @@ const loadContentActual = async (state, savedState) => {
     gitRoot,
     headerHeight,
     iconDefinitions,
+    indents: getIndents(indents, visibleItems),
+    inputActions,
     inputBoxHeight,
     inputPlaceholder,
     inputValue,
@@ -2349,6 +2429,7 @@ const createDefaultState = () => ({
   allGroups: [],
   assetDir: '',
   badgeCount: 0,
+  buttonBlockHeight: 34,
   decorationIcons: [],
   deltaY: 0,
   enabledProviderIds: [],
@@ -2363,8 +2444,11 @@ const createDefaultState = () => ({
   history: [],
   iconDefinitions: [],
   id: 1,
+  indents: [],
   index: [],
   initial: false,
+  inlineDiffEditorBreakpoint: 800,
+  inputActions: [],
   inputBoxHeight: 30,
   inputBoxMaxHeight: 214,
   inputFontFamily: '',
@@ -2374,6 +2458,7 @@ const createDefaultState = () => ({
   inputLineHeight: 14.95,
   inputMessage: '',
   inputPadding: 2,
+  inputPaddingBlock: 11,
   inputPlaceholder: '',
   inputSource: 0,
   inputValue: '',
@@ -2407,10 +2492,11 @@ const createDefaultState = () => ({
 
 const {
   dispose,
-  get: get$1,
+  get,
   getCommandIds,
   registerCommands,
-  set: set$1,
+  set: set$2,
+  wrapAsyncCommand,
   wrapCommand,
   wrapGetter
 } = create();
@@ -2433,20 +2519,15 @@ const create2 = (id, _uri, x, y, width, height, workspacePath, platform, assetDi
     x,
     y
   };
-  set$1(id, {
+  set$2(id, {
     ...state,
     initial: true,
     loading: false
   }, state);
 };
 
-const haveSameIndents = (oldState, newState) => {
-  const oldItems = oldState.visibleItems;
-  const newItems = newState.visibleItems;
-  return oldItems.length === newItems.length && oldItems.every((item, index) => item.indent === newItems[index].indent);
-};
 const isEqual$4 = (oldState, newState) => {
-  return oldState.deltaY === newState.deltaY && oldState.finalDeltaY === newState.finalDeltaY && oldState.headerHeight === newState.headerHeight && oldState.height === newState.height && oldState.inputBoxHeight === newState.inputBoxHeight && oldState.itemHeight === newState.itemHeight && oldState.scrollBarHeight === newState.scrollBarHeight && haveSameIndents(oldState, newState);
+  return oldState.deltaY === newState.deltaY && oldState.finalDeltaY === newState.finalDeltaY && oldState.headerHeight === newState.headerHeight && oldState.height === newState.height && oldState.inputBoxHeight === newState.inputBoxHeight && oldState.itemHeight === newState.itemHeight && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.indents === newState.indents;
 };
 
 const isEqual$3 = (oldState, newState) => {
@@ -2454,7 +2535,7 @@ const isEqual$3 = (oldState, newState) => {
 };
 
 const isEqual$2 = (oldState, newState) => {
-  return oldState.allGroups === newState.allGroups && oldState.deltaY === newState.deltaY && oldState.items === newState.items && oldState.loading === newState.loading && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.providerUnavailableMessage === newState.providerUnavailableMessage && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.sourceControlButtons === newState.sourceControlButtons && oldState.visibleItems === newState.visibleItems;
+  return oldState.allGroups === newState.allGroups && oldState.deltaY === newState.deltaY && oldState.items === newState.items && oldState.inputActions === newState.inputActions && oldState.inputMessage === newState.inputMessage && oldState.loading === newState.loading && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.providerUnavailableMessage === newState.providerUnavailableMessage && oldState.scrollBarActive === newState.scrollBarActive && oldState.scrollBarHeight === newState.scrollBarHeight && oldState.sourceControlButtons === newState.sourceControlButtons && oldState.visibleItems === newState.visibleItems;
 };
 
 const RenderItems = 4;
@@ -2485,11 +2566,93 @@ const diff2 = uid => {
   const {
     newState,
     oldState
-  } = get$1(uid);
+  } = get(uid);
   const result = diff(oldState, newState);
   return result;
 };
 
+const executeCommandForApplication = (applicationId, id, assetDir, platform, ...args) => {
+  return executeProvider({
+    applicationId,
+    assetDir,
+    event: 'onCommand:' + id,
+    method: CommandExecute,
+    params: [id, ...args],
+    platform
+  });
+};
+
+const refresh = async state => {
+  const {
+    actionsCache,
+    applicationId,
+    assetDir,
+    enabledProviderIds,
+    fileIconCache,
+    headerHeight,
+    height,
+    iconDefinitions,
+    indents,
+    itemHeight,
+    minimumSliderSize,
+    platform,
+    root,
+    splitButtonEnabled
+  } = state;
+  const {
+    allGroups,
+    gitRoot
+  } = await getGroups(enabledProviderIds, root, assetDir, platform, applicationId);
+  const expandedGroups = restoreExpandedGroups(allGroups);
+  const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
+  const badgeCount = await getBadgeCount$1(enabledProviderIds, assetDir, platform, applicationId);
+  const total = displayItems.length;
+  const contentHeight = total * itemHeight;
+  const availableListHeight = Math.max(height - headerHeight, 0);
+  const listHeight = getListHeight(total, itemHeight, availableListHeight);
+  const scrollBarHeight = getScrollBarSize(availableListHeight, contentHeight, minimumSliderSize);
+  const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
+  const minLineY = 0;
+  const maxLineY = Math.min(numberOfVisible, total);
+  const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
+  const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
+  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  return {
+    ...state,
+    actionsCache,
+    allGroups,
+    badgeCount,
+    deltaY: 0,
+    enabledProviderIds,
+    fileIconCache: newFileIconCache,
+    finalDeltaY,
+    gitRoot,
+    indents: getIndents(indents, visibleItems),
+    items: displayItems,
+    maxLineY,
+    minLineY,
+    scrollBarHeight,
+    splitButtonEnabled,
+    visibleItems
+  };
+};
+
+const executeMenuAction = async (state, file, groupId, command) => {
+  const {
+    actionsCache,
+    applicationId,
+    assetDir,
+    items,
+    platform
+  } = state;
+  const item = items.find(item => item.file === file && item.groupId === groupId);
+  if (!item || !actionsCache[getContextId(item.groupId, item.type)]?.some(action => action.command === command)) {
+    return state;
+  }
+  await executeCommandForApplication(applicationId, command, assetDir, platform, file);
+  return refresh(state);
+};
+
 const getBadgeCount = ({
   badgeCount
 }) => {
@@ -2497,13 +2660,13 @@ const getBadgeCount = ({
 };
 
 const getComponentState = id => {
-  return get$1(id).newState;
+  return get(id).newState;
 };
 
 const getInfo = uid => {
   const {
     newState
-  } = get$1(uid);
+  } = get(uid);
   return newState.allGroups;
 };
 
@@ -2852,53 +3015,64 @@ const getKeyBindings = () => {
   }];
 };
 
-const getMenuEntries = uri => {
-  return [{
-    command: /* TODO */'-1',
-    flags: None,
-    id: '',
-    label: openChanges()
-  }, {
-    command: /* TODO */'-1',
-    flags: None,
-    id: '',
-    label: openFile()
-  }, {
-    command: /* TODO */'-1',
-    flags: None,
-    id: '',
-    label: openFileHead()
-  }, {
-    command: /* TODO */'-1',
+const getMenuEntries = (uri, native = false) => {
+  const entries = [{
+    args: [uri],
+    command: 'Source Control.openChanges',
     flags: None,
-    id: '',
-    label: discardChanges()
+    id: 'openChanges',
+    label: openChanges$1()
   }, {
-    command: /* TODO */'-1',
+    args: [uri],
+    command: 'Source Control.openFile',
     flags: None,
-    id: '',
-    label: stageChanges()
+    id: 'openFile',
+    label: openFile$1()
   }, {
-    command: /* TODO */'-1',
+    args: [uri],
+    command: 'Source Control.openFileHead',
     flags: None,
-    id: '',
-    label: addToGitignore()
+    id: 'openFileHead',
+    label: openFileHead$1()
   }, {
     args: [uri],
     command: 'Source Control.revealInExplorer',
     flags: None,
     id: 'revealInExplorerView',
     label: revealInExplorerView()
-  }, {
-    command: /* TODO */'-1',
-    flags: None,
-    id: '',
-    label: openContainingFolder()
   }];
+  if (native) {
+    entries.push({
+      args: [uri],
+      command: 'Source Control.openContainingFolder',
+      flags: None,
+      id: 'openContainingFolder',
+      label: openContainingFolder$1()
+    });
+  }
+  return entries;
 };
 
 const getMenuEntries2 = (state, props) => {
-  return getMenuEntries(props.uri);
+  const {
+    actionsCache,
+    items,
+    platform
+  } = state;
+  const item = items[props.index];
+  if (!item) {
+    return [];
+  }
+  const entries = item.type === File ? getMenuEntries(props.uri, platform !== Web) : [];
+  const actions = actionsCache[getContextId(item.groupId, item.type)] || [];
+  const contributed = actions.filter(action => entries.every(entry => entry.label !== action.label)).map(action => ({
+    args: [item.file, item.groupId, action.command],
+    command: 'Source Control.executeMenuAction',
+    flags: None,
+    id: action.command,
+    label: action.label
+  }));
+  return [...entries, ...contributed];
 };
 
 const getMenuIds = () => {
@@ -2907,17 +3081,21 @@ const getMenuIds = () => {
 
 const handleInput = async (state, value, inputSource = User) => {
   const {
+    buttonBlockHeight,
     inputFontFamily,
     inputFontSize,
     inputFontWeight,
     inputLetterSpacing,
     inputLineHeight,
     inputPadding,
+    inputPaddingBlock,
+    sourceControlButtons,
     width
   } = state;
   const inputBoxHeight = await getInputHeight(value, width, inputFontFamily, inputFontWeight, inputFontSize, inputLetterSpacing, inputLineHeight, inputPadding);
   return {
     ...state,
+    headerHeight: getHeaderHeight(inputBoxHeight, sourceControlButtons, inputPaddingBlock, buttonBlockHeight),
     inputBoxHeight,
     inputMessage: '',
     inputSource,
@@ -2945,7 +3123,7 @@ const handleGenerateCommitMessage = async state => {
     };
   }
   try {
-    const inputValue = await generateCommitMessage$1(enabledProviderIds[0], assetDir, platform, applicationId);
+    const inputValue = await generateCommitMessage(enabledProviderIds[0], assetDir, platform, applicationId);
     const newState = await handleInput(state, inputValue, Script);
     return {
       ...newState,
@@ -2965,59 +3143,6 @@ const CommitAndPush = 'CommitAndPush';
 const Refresh$1 = 'Refresh';
 const GenerateCommitMessage = 'GenerateCommitMessage';
 
-const refresh = async state => {
-  const {
-    actionsCache,
-    applicationId,
-    assetDir,
-    enabledProviderIds,
-    fileIconCache,
-    headerHeight,
-    height,
-    iconDefinitions,
-    itemHeight,
-    minimumSliderSize,
-    platform,
-    root,
-    splitButtonEnabled
-  } = state;
-  const {
-    allGroups,
-    gitRoot
-  } = await getGroups(enabledProviderIds, root, assetDir, platform, applicationId);
-  const expandedGroups = restoreExpandedGroups(allGroups);
-  const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
-  const badgeCount = await getBadgeCount$1(enabledProviderIds, assetDir, platform, applicationId);
-  const total = displayItems.length;
-  const contentHeight = total * itemHeight;
-  const availableListHeight = Math.max(height - headerHeight, 0);
-  const listHeight = getListHeight(total, itemHeight, availableListHeight);
-  const scrollBarHeight = getScrollBarSize(availableListHeight, contentHeight, minimumSliderSize);
-  const numberOfVisible = getNumberOfVisibleItems(listHeight, itemHeight);
-  const minLineY = 0;
-  const maxLineY = Math.min(numberOfVisible, total);
-  const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
-  const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
-  const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
-  return {
-    ...state,
-    actionsCache,
-    allGroups,
-    badgeCount,
-    deltaY: 0,
-    enabledProviderIds,
-    fileIconCache: newFileIconCache,
-    finalDeltaY,
-    gitRoot,
-    items: displayItems,
-    maxLineY,
-    minLineY,
-    scrollBarHeight,
-    splitButtonEnabled,
-    visibleItems
-  };
-};
-
 const viewAsTree = state => {
   return {
     ...state,
@@ -3042,20 +3167,11 @@ const handleActionClick = async (state, actionName) => {
   }
 };
 
-const executeCommandForApplication = (applicationId, id, assetDir, platform, ...args) => {
-  return executeProvider({
-    applicationId,
-    assetDir,
-    event: 'onCommand:' + id,
-    method: CommandExecute,
-    params: [id, ...args],
-    platform
-  });
-};
-
 const handleButtonClick = async (state, clickedIndex) => {
   const {
     applicationId,
+    assetDir,
+    platform,
     visibleItems
   } = state;
   const item = visibleItems[clickedIndex];
@@ -3063,7 +3179,7 @@ const handleButtonClick = async (state, clickedIndex) => {
   if (!button) {
     return state;
   }
-  await executeCommandForApplication(applicationId, button.command, state.assetDir, state.platform, item.file);
+  await executeCommandForApplication(applicationId, button.command, assetDir, platform, item.file);
   const newState = await loadContent(state, {});
   return newState;
 };
@@ -3083,6 +3199,8 @@ const getIndex = (state, eventX, eventY) => {
 const handleClickSourceControlButtons = async (state, index, name) => {
   const {
     applicationId,
+    assetDir,
+    platform,
     visibleItems
   } = state;
   const item = visibleItems[index];
@@ -3100,7 +3218,7 @@ const handleClickSourceControlButtons = async (state, index, name) => {
   const {
     file
   } = item;
-  await executeCommandForApplication(applicationId, button.command, state.assetDir, state.platform, file);
+  await executeCommandForApplication(applicationId, button.command, assetDir, platform, file);
   const newState = await refresh(state);
   return newState;
 };
@@ -3113,6 +3231,7 @@ const updateVisibleItems = async (state, expandedGroups) => {
     headerHeight,
     height,
     iconDefinitions,
+    indents,
     itemHeight,
     minimumSliderSize
   } = state;
@@ -3134,6 +3253,7 @@ const updateVisibleItems = async (state, expandedGroups) => {
     deltaY: 0,
     expandedGroups,
     finalDeltaY,
+    indents: getIndents(indents, visibleItems),
     items: displayItems,
     maxLineY,
     minLineY,
@@ -3164,30 +3284,18 @@ const handleClickDirectoryExpanded = async (state, item) => {
   return updateVisibleItems(state, newExpandedGroups);
 };
 
-const state$1 = {
-  height: 0,
-  width: 0
-};
-const get = () => {
-  return {
-    height: state$1.height,
-    width: state$1.width
-  };
-};
-
 const readFile = async (uri, encoding = 'utf8', applicationId) => {
-  const content = await (applicationId === undefined ? readFile$1(uri) : invoke$2('Application.execute', applicationId, 'FileSystem.readFile', uri));
+  const content = await (applicationId === undefined ? readFile$1(uri) : invoke$3('Application.execute', applicationId, 'FileSystem.readFile', uri));
   return content;
 };
 
 const openUri = (uri, applicationId) => {
-  return applicationId === undefined ? openUri$1(uri) : invoke$2('Application.execute', applicationId, 'Main.openUri', {
+  return applicationId === undefined ? openUri$1(uri) : invoke$3('Application.execute', applicationId, 'Main.openUri', {
     uri
   });
 };
 
-const inlineDiffEditorBreakpoint = 800;
-const openDiffEditor = async (before, afterPath, width, applicationId) => {
+const openDiffEditor = async (before, afterPath, width, inlineDiffEditorBreakpoint, applicationId) => {
   // TODO handle error
   // TODO should only pass uris to diff editor, diff editor should then resolve file contents
   if (width < inlineDiffEditorBreakpoint) {
@@ -3202,8 +3310,10 @@ const handleClickFile = async (state, item) => {
     applicationId,
     assetDir,
     enabledProviderIds,
+    inlineDiffEditorBreakpoint,
     platform,
-    root
+    root,
+    width
   } = state;
   const providerId = enabledProviderIds[0];
   const absolutePath = `${root}/${item.file}`;
@@ -3211,7 +3321,7 @@ const handleClickFile = async (state, item) => {
   const [fileBefore] = await Promise.all([getFileBefore(providerId, item.file, assetDir, platform, applicationId), readFile(absolutePath, 'utf8', applicationId)]);
 
   // TODO diff editor should determine width by itself
-  await openDiffEditor(fileBefore, absolutePath, (applicationId === undefined ? get() : state).width, applicationId);
+  await openDiffEditor(fileBefore, absolutePath, width, inlineDiffEditorBreakpoint, applicationId);
   return state;
 };
 
@@ -3247,26 +3357,50 @@ const handleClickAt = async (state, eventX, eventY, name) => {
   return selectIndex(state, index);
 };
 
+const state$1 = {};
+const set$1 = value => {
+  state$1.rpc = value;
+};
+const invoke$1 = (method, ...args) => {
+  const {
+    rpc
+  } = state$1;
+  return rpc.invoke(method, ...args);
+};
+
 const show2 = async (uid, menuId, x, y, args) => {
-  await showContextMenu2(uid, menuId, x, y, args);
+  await invoke$1('Menu.show2', uid, menuId, x, y, args);
 };
 
-const handleContextMenu = async (state, button, x, y) => {
+const showContextMenu = async (state, index, menuX, menuY) => {
   const {
+    deltaY,
+    headerHeight,
     id,
+    itemHeight,
     items,
-    root
+    root,
+    x,
+    y
   } = state;
-  const index = getIndex(state, x, y);
   const item = items[index];
-  const uri = item?.file ? `${root}/${item.file}` : '';
-  await show2(id, SourceControl$1, x, y, {
+  if (!item) {
+    return state;
+  }
+  const uri = item.file ? `${root}/${item.file}` : '';
+  await show2(id, SourceControl$1, menuX ?? x, menuY ?? y + headerHeight + index * itemHeight - deltaY, {
+    index,
     menuId: SourceControl$1,
     uri
   });
   return state;
 };
 
+const handleContextMenu = async (state, button, x, y) => {
+  const index = getIndex(state, x, y);
+  return showContextMenu(state, index, x, y);
+};
+
 const handleInputFocus = async state => {
   return {
     ...state,
@@ -3275,13 +3409,40 @@ const handleInputFocus = async state => {
   };
 };
 
+const handleInputActionClick = async (state, name) => {
+  const {
+    applicationId,
+    assetDir,
+    inputActions,
+    inputValue,
+    platform
+  } = state;
+  const index = Number(name);
+  const action = Number.isSafeInteger(index) && String(index) === name ? inputActions[index] : undefined;
+  if (!action) {
+    return state;
+  }
+  try {
+    const result = await executeCommandForApplication(applicationId, action.command, assetDir, platform, inputValue);
+    if (typeof result === 'string') {
+      return await handleInput(state, result, Script);
+    }
+    return state;
+  } catch (error) {
+    return {
+      ...state,
+      inputMessage: error instanceof Error ? error.message : String(error)
+    };
+  }
+};
+
 const handleInputBlur = async state => {
   // TODO reset focus
   return state;
 };
 
 const handleMessagePort = async port => {
-  await create$4({
+  await create$5({
     commandMap: {},
     messagePort: port
   });
@@ -3332,10 +3493,10 @@ const isConnected = () => {
   return connected;
 };
 const invoke = (method, ...params) => {
-  return invoke$3(method, ...params);
+  return invoke$5(method, ...params);
 };
 const set = rpc => {
-  set$4(rpc);
+  set$5(rpc);
   state.connected = true;
 };
 
@@ -3346,9 +3507,9 @@ const handleRendererProcessMessagePort = async (port, viewletCommandMap, setAsRe
       throw new TypeError(`Viewlet command not found: ${command}`);
     }
     await fn(uid, ...args);
-    await invoke$2('Viewlet.requestRender', uid);
+    await invoke$3('Viewlet.requestRender', uid);
   };
-  const rpc = await create$4({
+  const rpc = await create$5({
     commandMap: {
       'Viewlet.executeViewletCommand': executeViewletCommand
     },
@@ -3373,6 +3534,7 @@ const setDeltaY = async (state, newDeltaY) => {
     finalDeltaY,
     headerHeight,
     height,
+    indents,
     itemHeight,
     items
   } = state;
@@ -3386,6 +3548,7 @@ const setDeltaY = async (state, newDeltaY) => {
   return {
     ...state,
     deltaY: normalizedDeltaY,
+    indents: getIndents(indents, visible),
     maxLineY,
     minLineY: newMinLineY,
     visibleItems: visible
@@ -3445,14 +3608,18 @@ const handleScrollBarMove = async (state, eventY) => {
 
 const handleSourceControlButtonClick = async (state, name) => {
   const {
-    applicationId
+    applicationId,
+    assetDir,
+    inputValue,
+    platform,
+    sourceControlButtons
   } = state;
-  const button = state.sourceControlButtons.find(button => button.label === name);
+  const button = sourceControlButtons.find(button => button.label === name);
   if (!button) {
     warn(`[source-control-worker] Source control button not found ${name}`);
     return state;
   }
-  await executeCommandForApplication(applicationId, button.command, state.assetDir, state.platform, state.inputValue);
+  await executeCommandForApplication(applicationId, button.command, assetDir, platform, inputValue);
   const newState = await loadContent(state, {});
   return {
     ...newState,
@@ -3462,7 +3629,10 @@ const handleSourceControlButtonClick = async (state, name) => {
 };
 
 const handleWheel = async (state, deltaMode, deltaY) => {
-  return setDeltaY(state, state.deltaY + deltaY);
+  const {
+    deltaY: oldDeltaY
+  } = state;
+  return setDeltaY(state, oldDeltaY + deltaY);
 };
 
 const isEqual = (oldProviderIds, newProviderIds) => {
@@ -3481,6 +3651,7 @@ const handleWorkspaceRefresh = async state => {
     applicationId,
     assetDir,
     enabledProviderIds,
+    inputValue,
     platform,
     workspacePath
   } = state;
@@ -3490,7 +3661,32 @@ const handleWorkspaceRefresh = async state => {
     return refresh(state);
   }
   return loadContent(state, {
-    inputValue: state.inputValue
+    inputValue
+  });
+};
+
+const send$1 = port => {
+  return sendMessagePortToIconThemeWorker(port, 0);
+};
+const createIconThemeWorkerRpc = async () => {
+  try {
+    const rpc = await create$3({
+      commandMap: {},
+      send: send$1
+    });
+    return rpc;
+  } catch (error) {
+    throw new VError(error, `Failed to create icon theme worker rpc`);
+  }
+};
+
+const send = port => {
+  return invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMenuWorker', port);
+};
+const createMenuWorkerRpc = () => {
+  return create$3({
+    commandMap: {},
+    send
   });
 };
 
@@ -3525,16 +3721,91 @@ const createExtensionManagementWorkerRpc = async () => {
 const initializeExtensionManagementWorker = async () => {
   try {
     const rpc = await createExtensionManagementWorkerRpc();
-    set$5(rpc);
-    set$6(rpc);
+    set$7(rpc);
+    set$8(rpc);
   } catch {
     // ignore
   }
 };
 
 const initialize = async () => {
-  const [textRpc] = await Promise.all([createTextMeasurementWorkerRpc(), initializeExtensionManagementWorker()]);
-  set$3(textRpc);
+  const [textRpc, iconRpc, menuRpc] = await Promise.all([createTextMeasurementWorkerRpc(), createIconThemeWorkerRpc(), createMenuWorkerRpc(), initializeExtensionManagementWorker()]);
+  set$1(menuRpc);
+  set$4(textRpc);
+  set$6(iconRpc);
+};
+
+const loadContentCommand = wrapAsyncCommand(async (context, savedState) => {
+  const state = context.getState();
+  const {
+    inputValue: previousInputValue,
+    loading
+  } = state;
+  const loadedState = await loadContent(state, savedState);
+  await context.updateState(current => {
+    if (loading && current.inputValue === previousInputValue) {
+      return loadedState;
+    }
+    const {
+      inputBoxHeight,
+      inputMessage,
+      inputSource,
+      inputValue
+    } = current;
+    const {
+      buttonBlockHeight,
+      inputPaddingBlock,
+      sourceControlButtons
+    } = loadedState;
+    return {
+      ...loadedState,
+      headerHeight: getHeaderHeight(inputBoxHeight, sourceControlButtons, inputPaddingBlock, buttonBlockHeight),
+      inputBoxHeight,
+      inputMessage,
+      inputSource,
+      inputValue
+    };
+  });
+});
+
+const openChanges = async (state, uri) => {
+  const {
+    items,
+    root
+  } = state;
+  const item = items.find(item => `${root}/${item.file}` === uri);
+  return item ? handleClickFile(state, item) : state;
+};
+
+const openContainingFolder = async (state, uri) => {
+  await invoke$3('OpenNativeFolder.openNativeFolder', uri);
+  return state;
+};
+
+const openFile = async (state, uri) => {
+  const {
+    applicationId
+  } = state;
+  await openUri(uri, applicationId);
+  return state;
+};
+
+const openFileHead = async (state, uri) => {
+  const {
+    applicationId,
+    assetDir,
+    enabledProviderIds,
+    items,
+    platform,
+    root
+  } = state;
+  const item = items.find(item => `${root}/${item.file}` === uri);
+  if (!item || enabledProviderIds.length === 0) {
+    return state;
+  }
+  const before = await getFileBefore(enabledProviderIds[0], item.file, assetDir, platform, applicationId);
+  await openUri(`data://${before}`, applicationId);
+  return state;
 };
 
 const getIndentRule = indent => {
@@ -3560,12 +3831,11 @@ const renderCss = (oldState, newState) => {
     headerHeight,
     height,
     id,
+    indents,
     inputBoxHeight,
     itemHeight,
-    scrollBarHeight,
-    visibleItems
+    scrollBarHeight
   } = newState;
-  const indents = visibleItems.map(item => item.indent);
   const uniqueIndents = getUnique(indents);
   const indentRules = uniqueIndents.map(getIndentRule).join('\n');
   const listHeight = Math.max(height - headerHeight, 0);
@@ -3576,6 +3846,35 @@ const renderCss = (oldState, newState) => {
   --SourceControlInputHeight: ${inputBoxHeight}px;
 }
 
+.SourceControl .ViewSourceControlInput {
+  display: flex;
+  align-items: flex-start;
+}
+
+.SourceControl .ViewSourceControlInput > textarea {
+  flex: 1;
+  min-width: 0;
+}
+
+.SourceControlInputAction {
+  background: transparent;
+  color: inherit;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+}
+
+.SourceControlInputAction > .MaskIcon {
+  pointer-events: none;
+  width: 16px;
+  height: 16px;
+}
+
+.SourceControl > .Message {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
 .SourceControl .SplitButtonContent > .MaskIcon {
   width: 16px;
   height: 16px;
@@ -3640,6 +3939,7 @@ const TreeItem = 'TreeItem';
 const Viewlet = 'Viewlet';
 const ViewSourceControlInput = 'ViewSourceControlInput';
 
+const HandleInputActionClick = 15;
 const HandleClickAt = 1;
 const HandleContextMenu = 2;
 const HandleFocus = 3;
@@ -3677,6 +3977,8 @@ const getIconVirtualDom = (icon, type = Div) => {
   };
 };
 
+const disabledClassName = mergeClassNames(SplitButton, SplitButtonDisabled);
+const disabledContentClassName = mergeClassNames(SplitButtonContent, SplitButtonContentDisabled);
 const getSourceControlButtonVirtualDom = (button, disabled) => {
   const {
     icon,
@@ -3685,12 +3987,12 @@ const getSourceControlButtonVirtualDom = (button, disabled) => {
   } = button;
   return [{
     childCount: 1,
-    className: mergeClassNames(SplitButton, disabled ? SplitButtonDisabled : ''),
+    className: disabled ? disabledClassName : SplitButton,
     type: Div
   }, {
     ariaDisabled: disabled,
     childCount: 2,
-    className: mergeClassNames(SplitButtonContent, disabled ? SplitButtonContentDisabled : ''),
+    className: disabled ? disabledContentClassName : SplitButtonContent,
     name: label,
     tabIndex: disabled ? -1 : 0,
     title: id,
@@ -3704,6 +4006,19 @@ const getSourceControlButtonVirtualDom = (button, disabled) => {
   }, text(label)];
 };
 
+const getInputActionsVirtualDom = actions => {
+  return actions.flatMap((action, index) => [{
+    ariaLabel: action.label,
+    childCount: 1,
+    className: 'SourceControlInputAction',
+    name: String(index),
+    onClick: HandleInputActionClick,
+    title: action.label,
+    type: Button$2
+  }, getIconVirtualDom(action.icon, Span)]);
+};
+
+const inputClassName = mergeClassNames(InputBox, 'MultilineInputBox');
 const messageNode$1 = {
   childCount: 1,
   className: Message,
@@ -3714,20 +4029,23 @@ const inputWrapperNode = {
   className: ViewSourceControlInput,
   type: Div
 };
-const getSourceControlInputDom = (inputPlaceholder, inputMessage) => {
-  const dom = [inputWrapperNode, {
+const getSourceControlInputDom = (inputPlaceholder, inputMessage, inputActions = []) => {
+  const dom = [{
+    ...inputWrapperNode,
+    childCount: 1 + inputActions.length
+  }, {
     ariaLabel: sourceControlInput(),
     autocapitalize: 'off',
     autocorrect: 'off',
     childCount: 0,
-    className: mergeClassNames(InputBox, 'MultilineInputBox'),
+    className: inputClassName,
     name: SourceControlInput,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: inputPlaceholder,
     spellcheck: false,
     type: TextArea
-  }];
+  }, ...getInputActionsVirtualDom(inputActions)];
   if (inputMessage) {
     dom.push(messageNode$1, {
       text: inputMessage,
@@ -3737,8 +4055,8 @@ const getSourceControlInputDom = (inputPlaceholder, inputMessage) => {
   return dom;
 };
 
-const getSourceControlHeaderVirtualDom = (inputPlaceholder, inputMessage) => {
-  const inputDom = getSourceControlInputDom(inputPlaceholder, inputMessage);
+const getSourceControlHeaderVirtualDom = (inputPlaceholder, inputMessage, inputActions = []) => {
+  const inputDom = getSourceControlInputDom(inputPlaceholder, inputMessage, inputActions);
   return [{
     childCount: inputMessage ? 2 : 1,
     className: SourceControlHeader,
@@ -3937,15 +4255,17 @@ const getSourceControlItemVirtualDom = item => {
   }
 };
 
+const listClassName = mergeClassNames(Viewlet, List);
+const itemsClassName = mergeClassNames(ListItems, SourceControlItems);
 const getSourceControlListVirtualDom = (items, scrollBarHeight, scrollBarActive) => {
   const scrollBarDom = getScrollBarVirtualDom(scrollBarHeight, scrollBarActive);
   return [{
     childCount: scrollBarDom.length > 0 ? 2 : 1,
-    className: mergeClassNames(Viewlet, List),
+    className: listClassName,
     type: Div
   }, {
     childCount: items.length,
-    className: mergeClassNames(ListItems, SourceControlItems),
+    className: itemsClassName,
     onClick: HandleClickAt,
     onPointerOut: HandleMouseOutAt,
     onPointerOver: HandleMouseOverAt,
@@ -3958,31 +4278,39 @@ const className = mergeClassNames(Viewlet, SourceControl);
 const messageNode = {
   childCount: 1,
   className: Message,
-  paddingLeft: '20px',
-  paddingRight: '20px',
   type: Div
 };
-const getSourceControlVirtualDom = (items, buttons, disabled, placeholder, inputMessage, message, loading, scrollBarHeight, scrollBarActive) => {
-  const content = message ? [messageNode, text(message)] : [...getSourceControlHeaderVirtualDom(placeholder, inputMessage), ...buttons.flatMap(button => getSourceControlButtonVirtualDom(button, disabled)), ...getSourceControlListVirtualDom(items, scrollBarHeight, scrollBarActive)];
-  return [{
+const getSourceControlVirtualDom = (items, buttons, disabled, placeholder, inputMessage, message, loading, scrollBarHeight, scrollBarActive, inputActions = []) => {
+  const dom = [{
     ariaBusy: loading,
     childCount: (message ? 1 : 2 + buttons.length) + (loading ? 1 : 0),
     className: className,
     onContextMenu: HandleContextMenu,
     onMouseOver: HandleMouseOver,
-    // onMouseOut: DomEventListenerFunctions.HandleMouseOut,
     onWheel: HandleWheel,
     tabIndex: 0,
     type: Div
-  },
-  // eslint-disable-next-line virtual-dom/no-conditional-spread
-  ...(loading ? getProgressVirtualDom() : []), ...content];
+  }];
+  if (loading) {
+    dom.push(...getProgressVirtualDom());
+  }
+  if (message) {
+    dom.push(messageNode, text(message));
+    return dom;
+  }
+  dom.push(...getSourceControlHeaderVirtualDom(placeholder, inputMessage, inputActions));
+  for (const button of buttons) {
+    dom.push(...getSourceControlButtonVirtualDom(button, disabled));
+  }
+  dom.push(...getSourceControlListVirtualDom(items, scrollBarHeight, scrollBarActive));
+  return dom;
 };
 
 const renderItems = (oldState, newState) => {
   const {
     id,
     initial,
+    inputActions,
     inputMessage,
     inputPlaceholder,
     items,
@@ -3996,7 +4324,7 @@ const renderItems = (oldState, newState) => {
   if (initial) {
     return [SetDom2, id, []];
   }
-  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, items.length === 0, inputPlaceholder, inputMessage, loading ? '' : providerUnavailableMessage, loading, scrollBarHeight, scrollBarActive);
+  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, items.length === 0, inputPlaceholder, inputMessage, loading ? '' : providerUnavailableMessage, loading, scrollBarHeight, scrollBarActive, inputActions);
   return [SetDom2, id, dom];
 };
 
@@ -4060,8 +4388,8 @@ const render2 = (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get$1(uid);
-  set$1(uid, newState, newState);
+  } = get(uid);
+  set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   if (!isConnected()) {
     return commands;
@@ -4072,12 +4400,15 @@ const render2 = (uid, diffResult) => {
 const Button = 1;
 
 const Check = 'Check';
-const DebugAlt2 = 'DebugAlt2';
 const ListFlat = 'ListFlat';
 const Refresh = 'Refresh';
 
 const getActions = state => {
-  if (state.platform === Web && state.enabledProviderIds.length === 0) {
+  const {
+    enabledProviderIds,
+    platform
+  } = state;
+  if (platform === Web && enabledProviderIds.length === 0) {
     return [{
       command: '',
       icon: Refresh,
@@ -4105,15 +4436,6 @@ const getActions = state => {
     name: Refresh$1,
     type: Button
   }];
-  if (state.showGenerateCommitMessageButton) {
-    actions.splice(2, 0, {
-      command: '',
-      icon: DebugAlt2,
-      id: generateCommitMessage(),
-      name: GenerateCommitMessage,
-      type: Button
-    });
-  }
   return actions;
 };
 
@@ -4166,6 +4488,9 @@ const renderActions = state => {
 
 const renderEventListeners = () => {
   return [{
+    name: HandleInputActionClick,
+    params: ['handleInputActionClick', TargetName]
+  }, {
     name: HandleWheel,
     params: ['handleWheel', DeltaMode, DeltaY],
     passive: true
@@ -4218,16 +4543,11 @@ const renderEventListeners = () => {
 const timerGlobal = globalThis;
 const revealInExplorerActual = async (uri, applicationId, uid) => {
   if (applicationId !== undefined) {
-    await invoke$2('Application.executeForView', uid, 'SideBar.show', 'Explorer');
-    await invoke$2('Application.executeForView', uid, 'Explorer.reveal', uri);
+    await invoke$3('Application.executeForView', uid, 'SideBar.show', 'Explorer');
+    await invoke$3('Application.executeForView', uid, 'Explorer.reveal', uri);
     return;
   }
-  await invoke$2('SideBar.show', 'Explorer');
-  const states = await invoke$2('Viewlet.getAllStates');
-  const viewlets = Object.values(states);
-  const sideBar = viewlets.find(viewlet => viewlet.currentViewletId === 'Explorer');
-  const explorerUid = Math.max(...viewlets.filter(viewlet => viewlet.parentUid === sideBar.uid).map(viewlet => viewlet.uid));
-  await invoke$2('Viewlet.executeViewletCommand', explorerUid, 'reveal', uri);
+  await invoke$3('RevealInExplorer.reveal', uri);
 };
 const revealInExplorer = (state, uri) => {
   const {
@@ -4242,7 +4562,7 @@ const revealInExplorer = (state, uri) => {
 
 const saveState = uid => {
   number(uid);
-  const value = get$1(uid);
+  const value = get(uid);
   const {
     newState
   } = value;
@@ -4308,6 +4628,7 @@ const commandMap = {
   'SourceControl.create2': create2,
   'SourceControl.diff2': diff2,
   'SourceControl.dispose': dispose,
+  'SourceControl.executeMenuAction': wrapCommand(executeMenuAction),
   'SourceControl.getBadgeCount': wrapGetter(getBadgeCount),
   'SourceControl.getCommandIds': getCommandIds,
   'SourceControl.getComponentState': getComponentState,
@@ -4326,6 +4647,7 @@ const commandMap = {
   'SourceControl.handleFocus': wrapCommand(handleInputFocus),
   'SourceControl.handleGenerateCommitMessage': wrapCommand(handleGenerateCommitMessage),
   'SourceControl.handleInput': wrapCommand(handleInput),
+  'SourceControl.handleInputActionClick': wrapCommand(handleInputActionClick),
   'SourceControl.handleInputBlur': wrapCommand(handleInputBlur),
   'SourceControl.handleMessagePort': handleMessagePort,
   'SourceControl.handleMouseOut': wrapCommand(handleMouseOut),
@@ -4339,7 +4661,11 @@ const commandMap = {
   'SourceControl.handleSourceControlButtonClick': wrapCommand(handleSourceControlButtonClick),
   'SourceControl.handleWheel': wrapCommand(handleWheel),
   'SourceControl.handleWorkspaceRefresh': wrapCommand(handleWorkspaceRefresh),
-  'SourceControl.loadContent': wrapCommand(loadContent),
+  'SourceControl.loadContent': loadContentCommand,
+  'SourceControl.openChanges': wrapCommand(openChanges),
+  'SourceControl.openContainingFolder': wrapCommand(openContainingFolder),
+  'SourceControl.openFile': wrapCommand(openFile),
+  'SourceControl.openFileHead': wrapCommand(openFileHead),
   'SourceControl.refresh': wrapCommand(refresh),
   'SourceControl.render2': render2,
   'SourceControl.renderActions': wrapGetter(renderActions),
@@ -4350,6 +4676,7 @@ const commandMap = {
   'SourceControl.selectIndex': wrapCommand(selectIndex),
   'SourceControl.setComponentState': setComponentState,
   'SourceControl.setDeltaY': wrapCommand(setDeltaY),
+  'SourceControl.showContextMenu': wrapCommand(showContextMenu),
   'SourceControl.terminate': terminate,
   'SourceControl.updateIcons': wrapCommand(updateIcons),
   'SourceControl.viewAsList': wrapCommand(viewAsList),
@@ -4361,7 +4688,7 @@ const listen = async () => {
   const rpc = await create$2({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$3(rpc);
 };
 
 const main = async () => {