@lvce-editor/static-server 0.115.6 → 0.115.7

package/static/{80d7faf → 51b05f1}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -5496,6 +5496,55 @@ const getNewDirentType = editingType => {
   }
 };
 
+const scrollInto = (index, minLineY, maxLineY) => {
+  const diff = maxLineY - minLineY;
+  const smallerHalf = Math.floor(diff / 2);
+  const largerHalf = diff - smallerHalf;
+  if (index < minLineY) {
+    return {
+      newMaxLineY: index + largerHalf,
+      newMinLineY: index - smallerHalf
+    };
+  }
+  if (index >= maxLineY) {
+    return {
+      newMaxLineY: index + largerHalf,
+      newMinLineY: index - smallerHalf
+    };
+  }
+  return {
+    newMaxLineY: maxLineY,
+    newMinLineY: minLineY
+  };
+};
+
+const revealItemVisible = (state, index) => {
+  const {
+    deltaY: currentDeltaY,
+    height,
+    itemHeight,
+    items,
+    maxLineY,
+    minLineY
+  } = state;
+  const {
+    newMinLineY: requestedMinLineY
+  } = scrollInto(index, minLineY, maxLineY);
+  const requestedDeltaY = requestedMinLineY === minLineY ? currentDeltaY : requestedMinLineY * itemHeight;
+  const maxDeltaY = Math.max(items.length * itemHeight - height, 0);
+  const deltaY = Math.min(Math.max(requestedDeltaY, 0), maxDeltaY);
+  const newMinLineY = Math.round(deltaY / itemHeight);
+  const newMaxLineY = getExplorerMaxLineY(newMinLineY, height, itemHeight, items.length);
+  return {
+    ...state,
+    deltaY,
+    focused: true,
+    focusedIndex: index,
+    maxLineY: newMaxLineY,
+    minLineY: newMinLineY
+  };
+};
+
 const newDirent = async (state, editingType, editingIcon = '') => {
   const {
     applicationId
@@ -5515,7 +5564,7 @@ const newDirent = async (state, editingType, editingIcon = '') => {
   const direntType = getNewDirentType(editingType);
   const newDirents = await getNewDirentsForNewDirent(items, index, direntType, root, excluded, focusedIndex === -1, applicationId);
   const newEditingIndex = newDirents.findIndex(item => item.type === EditingFile || item.type === EditingFolder);
-  return {
+  const newState = {
     ...state,
     editingIcon,
     editingIndex: newEditingIndex,
@@ -5526,6 +5575,16 @@ const newDirent = async (state, editingType, editingIcon = '') => {
     focusedIndex: newEditingIndex,
     items: newDirents
   };
+  const {
+    deltaY,
+    height,
+    itemHeight
+  } = newState;
+  const inputTop = newEditingIndex * itemHeight;
+  if (inputTop < deltaY || inputTop + itemHeight > deltaY + height) {
+    return revealItemVisible(newState, newEditingIndex);
+  }
+  return newState;
 };
 
 // TODO much shared logic with newFolder
@@ -7193,28 +7252,6 @@ const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess =
   }
 };
 
-const scrollInto = (index, minLineY, maxLineY) => {
-  const diff = maxLineY - minLineY;
-  const smallerHalf = Math.floor(diff / 2);
-  const largerHalf = diff - smallerHalf;
-  if (index < minLineY) {
-    return {
-      newMaxLineY: index + largerHalf,
-      newMinLineY: index - smallerHalf
-    };
-  }
-  if (index >= maxLineY) {
-    return {
-      newMaxLineY: index + largerHalf,
-      newMinLineY: index - smallerHalf
-    };
-  }
-  return {
-    newMaxLineY: maxLineY,
-    newMinLineY: minLineY
-  };
-};
-
 const adjustScrollAfterPaste = (state, focusedIndex) => {
   const {
     height,
@@ -7931,6 +7968,7 @@ const getCss = (scrollBarHeight, scrollBarTop, uniqueIndents, errorMessageLeft,
 }
 .Explorer .ScrollBarThumb {
   height: var(--ScrollBarThumbHeight);
+  top: 0;
   translate: 0px var(--ScrollBarThumbTop);
 }`, ...uniqueIndents.map(getIndentRule)];
   const css = rules.join('\n');
@@ -8423,33 +8461,6 @@ const mergeVisibleWithHiddenItems = (visibleItems, hiddenItems) => {
   return unique;
 };
 
-const revealItemVisible = (state, index) => {
-  const {
-    deltaY: currentDeltaY,
-    height,
-    itemHeight,
-    items,
-    maxLineY,
-    minLineY
-  } = state;
-  const {
-    newMinLineY: requestedMinLineY
-  } = scrollInto(index, minLineY, maxLineY);
-  const requestedDeltaY = requestedMinLineY === minLineY ? currentDeltaY : requestedMinLineY * itemHeight;
-  const maxDeltaY = Math.max(items.length * itemHeight - height, 0);
-  const deltaY = Math.min(Math.max(requestedDeltaY, 0), maxDeltaY);
-  const newMinLineY = Math.round(deltaY / itemHeight);
-  const newMaxLineY = getExplorerMaxLineY(newMinLineY, height, itemHeight, items.length);
-  return {
-    ...state,
-    deltaY,
-    focused: true,
-    focusedIndex: index,
-    maxLineY: newMaxLineY,
-    minLineY: newMinLineY
-  };
-};
-
 // TODO maybe just insert items into explorer and refresh whole explorer
 const revealItemHidden = async (state, uri) => {
   const {

package/static/{80d7faf → 51b05f1}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -1411,12 +1411,6 @@ const getType = value => {
       return Unknown;
   }
 };
-const number = value => {
-  const type = getType(value);
-  if (type !== Number$1) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
 const string = value => {
   const type = getType(value);
   if (type !== String$1) {
@@ -1972,6 +1966,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;
@@ -1991,9 +1988,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
@@ -2015,6 +2016,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 {
@@ -2093,7 +2101,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),
@@ -2130,7 +2138,12 @@ 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
     },
@@ -2444,7 +2457,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$e = (id, rpc) => {
+const set$f = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$3 = id => {
@@ -2477,7 +2490,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$e(rpcId, mockRpc);
+      set$f(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -2486,14 +2499,14 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$e(rpcId, rpc);
+      set$f(rpcId, rpc);
     }
   };
 };
 
 const {
   invoke: invoke$8,
-  set: set$d
+  set: set$e
 } = create$2(ClipBoardWorker);
 const writeText$1 = async text => {
   return invoke$8('ClipBoard.writeText', text);
@@ -2504,16 +2517,16 @@ const writeImage = async image => {
 
 const {
   invoke: invoke$7,
-  set: set$c
+  set: set$d
 } = create$2(DialogWorker);
 
 const {
-  set: set$b
+  set: set$c
 } = create$2(ExtensionHostWorker);
 
 const {
   invoke: invoke$6,
-  set: set$a
+  set: set$b
 } = create$2(ExtensionManagementWorker);
 const enable2 = (id, platform) => {
   return invoke$6(`Extensions.enable2`, id, platform);
@@ -2533,7 +2546,7 @@ const uninstall = id => {
 
 const {
   invoke: invoke$5,
-  set: set$9
+  set: set$a
 } = create$2(FileSystemWorker$1);
 const readFile$2 = async uri => {
   return invoke$5('FileSystem.readFile', uri);
@@ -2550,13 +2563,13 @@ const FileSystemWorker = {
   exists: exists$1,
   invoke: invoke$5,
   readFile: readFile$2,
-  set: set$9,
+  set: set$a,
   writeFile
 };
 
 const {
   invoke: invoke$4,
-  set: set$8
+  set: set$9
 } = create$2(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
   // @ts-ignore
@@ -2572,26 +2585,19 @@ const MarkdownWorker = {
   getVirtualDom: getVirtualDom$1,
   invoke: invoke$4,
   render: render$1,
-  set: set$8
+  set: set$9
 };
 
 const {
   invoke: invoke$3,
-  set: set$7
+  set: set$8
 } = create$2(RendererProcess);
 
 const {
   invoke: invoke$2,
   invokeAndTransfer,
-  set: set$6
+  set: set$7
 } = create$2(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 setColorTheme$1 = async id => {
   return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
@@ -2650,7 +2656,7 @@ const {
   exists,
   invoke: invoke$1,
   readFile: readFile$1,
-  set: set$5
+  set: set$6
 } = FileSystemWorker;
 const readFileAsBlob = async uri => {
   // TODO maybe readAsObjectUrl?
@@ -4209,7 +4215,7 @@ const {
   get: get$2,
   getCommandIds,
   registerCommands,
-  set: set$4,
+  set: set$5,
   wrapCommand,
   wrapGetter
 } = create$1();
@@ -4331,7 +4337,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     webViews: [],
     width
   };
-  set$4(uid, state, state);
+  set$5(uid, state, state);
 };
 
 const isEqual$3 = (oldState, newState) => {
@@ -5405,8 +5411,16 @@ const handleResetGithubApiMock = state => {
   return state;
 };
 
+let rpc;
+const set$4 = value => {
+  rpc = value;
+};
+const show2$1 = async (uid, menuId, x, y, args) => {
+  await rpc.invoke('Menu.show2', uid, menuId, x, y, args);
+};
+
 const show2 = async (uid, menuId, x, y, args) => {
-  await showContextMenu2(uid, menuId, x, y, args);
+  await show2$1(uid, menuId, x, y, args);
 };
 
 const handleAdditionalDetailContextMenu = async (state, x, y, nodeName, href) => {
@@ -7407,7 +7421,7 @@ const invoke = (method, ...params) => {
   return invoke$3(method, ...params);
 };
 const set = rpc => {
-  set$7(rpc);
+  set$8(rpc);
   state.connected = true;
 };
 
@@ -7477,6 +7491,10 @@ const openExternal = async (uri, platform) => {
   }
 };
 
+const openSimpleBrowser = async href => {
+  await invoke$2('Layout.showPreview', 'simple-browser://');
+  await invoke$2('SimpleBrowser.setUrl', href);
+};
 const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
   // TODO what to do about relative links? open them in editor?
   // TODO what to do about mail links?
@@ -7487,6 +7505,12 @@ const handleReadmeLinkClick = async (linkProtectionEnabled, platform, href) => {
       return;
     }
   }
+  const browser = await getPreference('extensions.linkBrowser');
+  if (browser === 'simpleBrowser') {
+    // Showing the preview resizes this view. Let the click finish so the resize can run.
+    void openSimpleBrowser(href).catch(error);
+    return;
+  }
   await openExternal(href, platform);
 };
 
@@ -7877,7 +7901,7 @@ const render2 = async (uid, diffResult) => {
     newState,
     oldState
   } = get$2(uid);
-  set$4(uid, newState, newState);
+  set$5(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   if (!isConnected()) {
     return commands;
@@ -8106,7 +8130,7 @@ const createRpc = async () => {
 };
 const initializeClipBoardWorker = async () => {
   const rpc = await createRpc();
-  set$d(rpc);
+  set$e(rpc);
 };
 
 const sendMessagePortToExtensionHostWorker = async port => {
@@ -8122,7 +8146,7 @@ const createExtensionHostWorkerRpc = async () => {
 
 const initializeExtensionHostWorker = async () => {
   const rpc = await createExtensionHostWorkerRpc();
-  set$b(rpc);
+  set$c(rpc);
 };
 
 const createExtensionManagementWorkerRpc = async () => {
@@ -8135,7 +8159,7 @@ const createExtensionManagementWorkerRpc = async () => {
 const initializeExtensionManagementWorker = async () => {
   try {
     const rpc = await createExtensionManagementWorkerRpc();
-    set$a(rpc);
+    set$b(rpc);
   } catch {
     // ignore
   }
@@ -8154,7 +8178,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set$5(rpc);
+  set$6(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -8179,12 +8203,18 @@ const listen = async () => {
   const rpc = await create$3({
     commandMap: commandMap
   });
-  set$6(rpc);
-  const [dialogRpc] = await Promise.all([create$4({
+  set$7(rpc);
+  const [dialogRpc, menuRpc] = await Promise.all([create$4({
     commandMap: {},
     send: sendMessagePortToDialogWorker
+  }), create$4({
+    commandMap: {},
+    send: async port => {
+      await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMenuWorker', port);
+    }
   }), initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker(), initializeExtensionManagementWorker(), initializeClipBoardWorker()]);
-  set$c(dialogRpc);
+  set$d(dialogRpc);
+  set$4(menuRpc);
 };
 
 const main = async () => {

package/static/{80d7faf → 51b05f1}/packages/extension-management-worker/dist/extensionManagementWorkerMain.js

@@ -6151,6 +6151,7 @@ const commandMap = {
   'ExtensionHostSourceControl.getFileDecorations': wrapSourceControlProviderCommand('executeSourceControlGetFileDecorations'),
   'ExtensionHostSourceControl.getGroups': wrapSourceControlProviderCommand('executeSourceControlGetGroups'),
   'ExtensionHostSourceControl.getIconDefinitions': async () => [],
+  'ExtensionHostSourceControl.getProgress': wrapSourceControlProviderCommand('executeSourceControlGetProgress'),
   'Extensions.activateByEvent': activateByEvent,
   'Extensions.addExtension': addExtension,
   'Extensions.addWebExtension': addWebExtension,

package/static/{80d7faf → 51b05f1}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js

@@ -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 {
@@ -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),
@@ -809,7 +823,12 @@ 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
     },
@@ -1383,6 +1402,12 @@ const disableWorkspace$2 = id => {
 const uninstall$2 = id => {
   return invoke$3(`Extensions.uninstall`, id);
 };
+const enableWorkspace$2 = id => {
+  return invoke$3('Extensions.enableWorkspace', id);
+};
+const getAllExtensions$1 = (assetDir, platform) => {
+  return invoke$3('Extensions.getAllExtensions', assetDir, platform);
+};
 
 const {
   invoke: invoke$2,
@@ -2664,7 +2689,7 @@ const enableWorkspace = async state => {
   if (!item) {
     return state;
   }
-  await invoke$3('Extensions.enableWorkspace', item.id);
+  await enableWorkspace$2(item.id);
   return setExtensionStatus(state, item.id, Enabled);
 };
 
@@ -4210,9 +4235,9 @@ const Web = 1;
 const Electron = 2;
 const Remote = 3;
 
-const getAllExtensions$1 = async (assetDir, platform) => {
+const getAllExtensions = async (assetDir, platform) => {
   try {
-    return await invoke$3('Extensions.getAllExtensions', assetDir, platform);
+    return await getAllExtensions$1(assetDir, platform);
   } catch (error) {
     if (platform === Web) {
       return [];
@@ -4221,10 +4246,6 @@ const getAllExtensions$1 = async (assetDir, platform) => {
   }
 };
 
-const getAllExtensions = (assetDir, platform) => {
-  return getAllExtensions$1(assetDir, platform);
-};
-
 const getBuiltin = extension => {
   if (extension === null || typeof extension !== 'object') {
     return false;
@@ -4711,10 +4732,6 @@ const initializeExtensionManagementWorker = async () => {
   }
 };
 
-const initialize = async () => {
-  await initializeExtensionManagementWorker();
-};
-
 const installAnotherVersion = async state => {
   await invoke$4('ConfirmPrompt.prompt', 'not implemented', undefined);
   return state;
@@ -5150,8 +5167,10 @@ const render3 = async (uid, diffResult) => {
     newState,
     oldState
   } = get(uid);
+  // Commands can update state while the renderer worker is sending the diff back.
+  const currentDiffResult = [...new Set([...diff2(uid), ...diffResult])];
   set$1(uid, newState, newState);
-  const commands = applyRender(oldState, newState, diffResult);
+  const commands = applyRender(oldState, newState, currentDiffResult);
   if (!isConnected()) {
     return commands;
   }
@@ -5462,7 +5481,7 @@ const commandMap = {
   'SearchExtensions.handleSettingsButtonClick': wrapCommand(handleSettingsButtonClick),
   'SearchExtensions.handleUninstall': wrapCommand(handleUninstall),
   'SearchExtensions.handleWheel': wrapCommand(handleWheel),
-  'SearchExtensions.initialize': initialize,
+  'SearchExtensions.initialize': initializeExtensionManagementWorker,
   'SearchExtensions.installAnotherVersion': wrapCommand(installAnotherVersion),
   'SearchExtensions.loadContent': wrapAsyncCommand(loadContentWithContext),
   'SearchExtensions.openSuggest': wrapCommand(openSuggest),

package/static/{80d7faf → 51b05f1}/packages/file-system-worker/dist/fileSystemWorkerMain.js

@@ -1995,6 +1995,12 @@ const isMemory = uri => {
   return uri.startsWith(Memory);
 };
 
+// Disk paths and built-in HTTP reads stay in this worker. Other URI schemes
+// need the renderer's filesystem dispatcher, which activates extension providers.
+const isProviderUri = uri => {
+  return /^[a-z][a-z\d+.-]*:\/\//i.test(uri) && !uri.startsWith('file:') && !isHttp(uri);
+};
+
 const remove = async dirent => {
   if (isMemory(dirent)) {
     return remove$1(dirent);
@@ -2008,7 +2014,7 @@ const readFile = async uri => {
   if (isHttp(uri)) {
     return readFile$3(uri);
   }
-  if (isMemory(uri)) {
+  if (isMemory(uri) || isProviderUri(uri)) {
     return invoke$2('FileSystem.readFile', uri);
   }
   return readFile$2(uri);
@@ -2026,7 +2032,7 @@ const readDirWithFileTypes = async uri => {
   if (isFetch(uri) || isHtml(uri)) {
     return invoke$2('FileSystem.readDirWithFileTypes', uri);
   }
-  if (isMemory(uri)) {
+  if (isMemory(uri) || isProviderUri(uri)) {
     return invoke$2('FileSystem.readDirWithFileTypes', uri);
   }
   return readDirWithFileTypes$2(uri);

package/static/{80d7faf → 51b05f1}/packages/keybindings-view-worker/dist/keyBindingsViewWorkerMain.js

@@ -4125,12 +4125,14 @@ const getSearchFieldActions = (isRecordingKeys, isSortingByPrecedence, hasValue)
   }];
 };
 
+const checkedClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonChecked);
+const disabledClassName = mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
 const getSearchFieldClassName = (checked, enabled) => {
   if (checked) {
-    return mergeClassNames(SearchFieldButton, SearchFieldButtonChecked);
+    return checkedClassName;
   }
   if (!enabled) {
-    return mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
+    return disabledClassName;
   }
   return SearchFieldButton;
 };
@@ -4160,6 +4162,7 @@ const getSearchFieldButtonVirtualDom = action => {
   }];
 };
 
+const searchButtonsClassName = mergeClassNames(SearchFieldButtons, KeyBindingsSearchButtons);
 const getKeyBindingsSearchActionsVirtualDom = (isRecordingKeys, isSortingByPrecedence, hasValue) => {
   const actions = getSearchFieldActions(isRecordingKeys, isSortingByPrecedence, hasValue);
   const childCount = isRecordingKeys ? 2 : 1;
@@ -4169,7 +4172,7 @@ const getKeyBindingsSearchActionsVirtualDom = (isRecordingKeys, isSortingByPrece
     type: Div
   }, ...getRecordingKeysBadgeVirtualDom(isRecordingKeys), {
     childCount: actions.length,
-    className: mergeClassNames(SearchFieldButtons, KeyBindingsSearchButtons),
+    className: searchButtonsClassName,
     type: Div
   }, ...actions.flatMap(getSearchFieldButtonVirtualDom)];
 };