@lvce-editor/static-server 0.76.6 → 0.76.8

package/static/{0f871be → 10f95cc}/packages/text-search-worker/dist/textSearchWorkerMain.js

@@ -632,12 +632,12 @@ const getErrorConstructor = (message, type) => {
     switch (type) {
       case DomException:
         return DOMException;
-      case TypeError$1:
-        return TypeError;
-      case SyntaxError$1:
-        return SyntaxError;
       case ReferenceError$1:
         return ReferenceError;
+      case SyntaxError$1:
+        return SyntaxError;
+      case TypeError$1:
+        return TypeError;
       default:
         return Error;
     }
@@ -793,27 +793,27 @@ const getErrorProperty = (error, prettyError) => {
   if (error && error.code === E_COMMAND_NOT_FOUND) {
     return {
       code: MethodNotFound,
-      message: error.message,
-      data: error.stack
+      data: error.stack,
+      message: error.message
     };
   }
   return {
     code: Custom,
-    message: prettyError.message,
     data: {
-      stack: getStack(prettyError),
-      codeFrame: prettyError.codeFrame,
-      type: getErrorType(prettyError),
       code: prettyError.code,
-      name: prettyError.name
-    }
+      codeFrame: prettyError.codeFrame,
+      name: prettyError.name,
+      stack: getStack(prettyError),
+      type: getErrorType(prettyError)
+    },
+    message: prettyError.message
   };
 };
 const create$1$1 = (id, error) => {
   return {
-    jsonrpc: Two$1,
+    error,
     id,
-    error
+    jsonrpc: Two$1
   };
 };
 const getErrorResponse = (id, error, preparePrettyError, logError) => {
@@ -824,8 +824,8 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
 };
 const create$e = (message, result) => {
   return {
-    jsonrpc: Two$1,
     id: message.id,
+    jsonrpc: Two$1,
     result: result ?? null
   };
 };
@@ -835,14 +835,14 @@ const getSuccessResponse = (message, result) => {
 };
 const getErrorResponseSimple = (id, error) => {
   return {
-    jsonrpc: Two$1,
-    id,
     error: {
       code: Custom,
+      data: error,
       // @ts-ignore
-      message: error.message,
-      data: error
-    }
+      message: error.message
+    },
+    id,
+    jsonrpc: Two$1
   };
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
@@ -872,35 +872,35 @@ const normalizeParams = args => {
   if (args.length === 1) {
     const options = args[0];
     return {
+      execute: options.execute,
       ipc: options.ipc,
+      logError: options.logError || defaultLogError,
       message: options.message,
-      execute: options.execute,
-      resolve: options.resolve || defaultResolve,
       preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
-      logError: options.logError || defaultLogError,
-      requiresSocket: options.requiresSocket || defaultRequiresSocket
+      requiresSocket: options.requiresSocket || defaultRequiresSocket,
+      resolve: options.resolve || defaultResolve
     };
   }
   return {
+    execute: args[2],
     ipc: args[0],
+    logError: args[5],
     message: args[1],
-    execute: args[2],
-    resolve: args[3],
     preparePrettyError: args[4],
-    logError: args[5],
-    requiresSocket: args[6]
+    requiresSocket: args[6],
+    resolve: args[3]
   };
 };
 const handleJsonRpcMessage = async (...args) => {
   const options = normalizeParams(args);
   const {
-    message,
-    ipc,
     execute,
-    resolve,
-    preparePrettyError,
+    ipc,
     logError,
-    requiresSocket
+    message,
+    preparePrettyError,
+    requiresSocket,
+    resolve
   } = options;
   if ('id' in message) {
     if ('method' in message) {
@@ -961,7 +961,6 @@ const registerPromise = map => {
   };
 };
 
-// @ts-ignore
 const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
   const {
     id,
@@ -1043,6 +1042,41 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
+const create$a = async ({
+  commandMap,
+  isMessagePortOpen = true,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    isMessagePortOpen,
+    messagePort
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  messagePort.start();
+  return rpc;
+};
+
+const create$9 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$a({
+    commandMap,
+    isMessagePortOpen,
+    messagePort: port2
+  });
+};
+
 const createSharedLazyRpc = factory => {
   let rpcPromise;
   const getOrCreate = () => {
@@ -1071,13 +1105,13 @@ const createSharedLazyRpc = factory => {
   };
 };
 
-const create$a = async ({
+const create$8 = async ({
   commandMap,
   isMessagePortOpen,
   send
 }) => {
   return createSharedLazyRpc(() => {
-    return create$5({
+    return create$9({
       commandMap,
       isMessagePortOpen,
       send
@@ -1105,7 +1139,7 @@ const getProtocol$1 = () => {
   return location.protocol;
 };
 
-const create$9 = async ({
+const create$7 = async ({
   commandMap,
   webSocket
 }) => {
@@ -1120,7 +1154,7 @@ const create$9 = async ({
   return rpc;
 };
 
-const create$8 = async ({
+const create$6 = async ({
   commandMap,
   type
 }) => {
@@ -1128,60 +1162,25 @@ const create$8 = async ({
   const protocol = getProtocol$1();
   const wsUrl = getWebSocketUrl(type, host, protocol);
   const webSocket = new WebSocket(wsUrl);
-  const rpc = await create$9({
+  const rpc = await create$7({
     commandMap,
     webSocket
   });
   return rpc;
 };
 
-const create$7 = async ({
+const create$5 = async ({
   commandMap,
   type
 }) => {
   return createSharedLazyRpc(() => {
-    return create$8({
+    return create$6({
       commandMap,
       type
     });
   });
 };
 
-const create$6 = async ({
-  commandMap,
-  isMessagePortOpen = true,
-  messagePort
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const rawIpc = await IpcParentWithMessagePort$1.create({
-    isMessagePortOpen,
-    messagePort
-  });
-  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  messagePort.start();
-  return rpc;
-};
-
-const create$5 = async ({
-  commandMap,
-  isMessagePortOpen,
-  send
-}) => {
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  await send(port1);
-  return create$6({
-    commandMap,
-    isMessagePortOpen,
-    messagePort: port2
-  });
-};
-
 const create$4 = async ({
   commandMap
 }) => {
@@ -1193,141 +1192,6 @@ const create$4 = async ({
   return rpc;
 };
 
-const Alert = 'alert';
-const Button$3 = 'button';
-const CheckBox = 'checkbox';
-const None$2 = 'none';
-const ScrollBar$1 = 'scrollbar';
-const Status = 'status';
-const ToolBar = 'toolbar';
-const Tree$1 = 'tree';
-const TreeItem$1 = 'treeitem';
-
-const Actions = 'Actions';
-const Badge = 'Badge';
-const Chevron = 'Chevron';
-const CloseMaskIcon = 'MaskIcon MaskIconClose';
-const Empty$1 = '';
-const FileIcon = 'FileIcon';
-const FocusOutline = 'FocusOutline';
-const Grow = 'Grow';
-const Highlight = 'Highlight';
-const HighlightDeleted = 'HighlightDeleted';
-const HighlightInserted = 'HighlightInserted';
-const IconButton = 'IconButton';
-const IconButtonDisabled = 'IconButtonDisabled';
-const Label = 'Label';
-const List$1 = 'List';
-const MaskIcon = 'MaskIcon';
-const MaskIconBook = 'MaskIconBook';
-const MaskIconCaseSensitive = 'MaskIconCaseSensitive';
-const MaskIconChevronDown = 'MaskIconChevronDown';
-const MaskIconChevronRight = 'MaskIconChevronRight';
-const MaskIconEllipsis = 'MaskIconEllipsis';
-const MaskIconExclude = 'MaskIconExclude';
-const MaskIconPreserveCase = 'MaskIconPreserveCase';
-const MaskIconRegex = 'MaskIconRegex';
-const MaskIconReplaceAll = 'MaskIconReplaceAll';
-const MaskIconWholeWord = 'MaskIconWholeWord';
-const MultilineInputBox = 'MultilineInputBox';
-const ScrollBar = 'ScrollBar';
-const ScrollBarThumb = 'ScrollBarThumb';
-const ScrollBarVertical = 'ScrollBarVertical';
-const Search$2 = 'Search';
-const SearchField = 'SearchField';
-const SearchFieldButton = 'SearchFieldButton';
-const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
-const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
-const SearchFieldButtons = 'SearchFieldButtons';
-const SearchFieldContainer = 'SearchFieldContainer';
-const SearchFieldError = 'SearchFieldError';
-const SearchHeader = 'SearchHeader';
-const SearchHeaderDetails = 'SearchHeaderDetails';
-const SearchHeaderDetailsExpanded = 'SearchHeaderDetailsExpanded';
-const SearchHeaderDetailsExpandedTop = 'SearchHeaderDetailsExpandedTop';
-const SearchHeaderDetailsHeading = 'SearchHeaderDetailsHeading';
-const SearchHeaderTop = 'SearchHeaderTop';
-const SearchHeaderTopRight = 'SearchHeaderTopRight';
-const SearchInputError = 'SearchInputError';
-const SearchRemove = 'SearchRemove';
-const SearchToggleButton = 'SearchToggleButton';
-const SearchToggleButtonExpanded = 'SearchToggleButtonExpanded';
-const SourceControlBadge = 'SourceControlBadge';
-const ToggleDetails = 'ToggleDetails';
-const Tree = 'Tree';
-const TreeItem = 'TreeItem';
-const TreeItemActive = 'TreeItemActive';
-const TreeItems$1 = 'TreeItems';
-const Viewlet = 'Viewlet';
-const ViewletSearchMessage = 'ViewletSearchMessage';
-const ViewletSearchMessageIndented = 'ViewletSearchMessageIndented';
-
-const File$2 = 7;
-
-const Button$2 = 1;
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const Img = 17;
-const Ins = 20;
-const Del = 21;
-const H4 = 24;
-const TextArea = 62;
-const Reference = 100;
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const DeltaMode = 'event.deltaMode';
-const DeltaY = 'event.deltaY';
-const TargetName = 'event.target.name';
-const TargetSelectionEnd = 'event.target.selectionEnd';
-const TargetSelectionStart = 'event.target.selectionStart';
-const TargetValue = 'event.target.value';
-
-const Script$1 = 2;
-
-const Search$1 = 18;
-const InputContextMenu = 91;
-
-const Separator = 1;
-const None$1 = 0;
-
-const LeftClick = 0;
-
-const Electron = 2;
-const Remote = 3;
-
-const IconThemeWorker = 7009;
-const RendererWorker = 1;
-const SearchProcess = 77;
-
-const File$1 = 1;
-const Match$1 = 2;
-
-const FocusElementByName = 'Viewlet.focusElementByName';
-const SetCss = 'Viewlet.setCss';
-const SetFocusContext = 'Viewlet.setFocusContext';
-const SetValueByName = 'Viewlet.setValueByName';
-const SetPatches = 'Viewlet.setPatches';
-
-const Empty = 0;
-const FocusIgnoreFiles = 1012;
-const FocusSearch = 1013;
-const FocusSearchExcludeInput = 1008;
-const FocusSearchIncludeInput = 1007;
-const FocusSearchInput = 21;
-const FocusSearchMatchCase = 32;
-const FocusSearchOpenEditors = 1011;
-const FocusSearchPreserveCase = 36;
-const FocusSearchRegex = 33;
-const FocusSearchReplaceAll = 35;
-const FocusSearchReplaceInput = 31;
-const FocusSearchResults = 22;
-const FocusSearchWholeWord = 34;
-const FocusToggleDetails = 1010;
-const FocusToggleReplace = 1020;
-
 const createMockRpc = ({
   commandMap
 }) => {
@@ -1396,6 +1260,56 @@ const create$3 = rpcId => {
   };
 };
 
+const Alert = 'alert';
+const Button$3 = 'button';
+const CheckBox = 'checkbox';
+const None$2 = 'none';
+const ScrollBar$1 = 'scrollbar';
+const Status = 'status';
+const ToolBar = 'toolbar';
+const Tree$1 = 'tree';
+const TreeItem$1 = 'treeitem';
+
+const File$2 = 7;
+
+const Button$2 = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const DeltaMode = 'event.deltaMode';
+const DeltaY = 'event.deltaY';
+const TargetName = 'event.target.name';
+const TargetSelectionEnd = 'event.target.selectionEnd';
+const TargetSelectionStart = 'event.target.selectionStart';
+const TargetValue = 'event.target.value';
+
+const Script$1 = 2;
+
+const Search$2 = 18;
+const InputContextMenu = 91;
+
+const Separator = 1;
+const None$1 = 0;
+
+const LeftClick = 0;
+
+const Electron = 2;
+const Remote = 3;
+
+const IconThemeWorker = 7009;
+const RendererWorker = 1;
+const SearchProcess = 77;
+
+const File$1 = 1;
+const Match$1 = 2;
+
+const FocusElementByName = 'Viewlet.focusElementByName';
+const SetCss = 'Viewlet.setCss';
+const SetFocusContext = 'Viewlet.setFocusContext';
+const SetValueByName = 'Viewlet.setValueByName';
+const SetPatches = 'Viewlet.setPatches';
+
+const FocusSearch$1 = 1013;
+
 const {
   invoke: invoke$2,
   set: set$3
@@ -1482,7 +1396,7 @@ const create$2 = () => {
     },
     getKeys() {
       return Object.keys(states).map(key => {
-        return Number.parseInt(key);
+        return Number.parseFloat(key);
       });
     },
     registerCommands(commandMap) {
@@ -1524,6 +1438,37 @@ const create$2 = () => {
         return fn(newState, ...args);
       };
       return wrapped;
+    },
+    wrapLoadContent(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const result = await fn(newState, ...args);
+        const {
+          error,
+          state
+        } = result;
+        if (oldState === state || newState === state) {
+          return {
+            error
+          };
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...state
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState
+        };
+        return {
+          error
+        };
+      };
+      return wrapped;
     }
   };
 };
@@ -1531,6 +1476,93 @@ const terminate = () => {
   globalThis.close();
 };
 
+const Actions = 'Actions';
+const Badge = 'Badge';
+const Chevron = 'Chevron';
+const CloseMaskIcon = 'MaskIcon MaskIconClose';
+const Empty$1 = '';
+const FileIcon = 'FileIcon';
+const FocusOutline = 'FocusOutline';
+const Grow = 'Grow';
+const Highlight = 'Highlight';
+const HighlightDeleted = 'HighlightDeleted';
+const HighlightInserted = 'HighlightInserted';
+const IconButton = 'IconButton';
+const IconButtonDisabled = 'IconButtonDisabled';
+const Label = 'Label';
+const List$1 = 'List';
+const MaskIcon = 'MaskIcon';
+const MaskIconBook = 'MaskIconBook';
+const MaskIconCaseSensitive = 'MaskIconCaseSensitive';
+const MaskIconChevronDown = 'MaskIconChevronDown';
+const MaskIconChevronRight = 'MaskIconChevronRight';
+const MaskIconEllipsis = 'MaskIconEllipsis';
+const MaskIconExclude = 'MaskIconExclude';
+const MaskIconPreserveCase = 'MaskIconPreserveCase';
+const MaskIconRegex = 'MaskIconRegex';
+const MaskIconReplaceAll = 'MaskIconReplaceAll';
+const MaskIconWholeWord = 'MaskIconWholeWord';
+const MultilineInputBox = 'MultilineInputBox';
+const ScrollBar = 'ScrollBar';
+const ScrollBarThumb = 'ScrollBarThumb';
+const ScrollBarVertical = 'ScrollBarVertical';
+const Search$1 = 'Search';
+const SearchField = 'SearchField';
+const SearchFieldButton = 'SearchFieldButton';
+const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
+const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
+const SearchFieldButtons = 'SearchFieldButtons';
+const SearchFieldContainer = 'SearchFieldContainer';
+const SearchFieldError = 'SearchFieldError';
+const SearchHeader = 'SearchHeader';
+const SearchHeaderDetails = 'SearchHeaderDetails';
+const SearchHeaderDetailsExpanded = 'SearchHeaderDetailsExpanded';
+const SearchHeaderDetailsExpandedTop = 'SearchHeaderDetailsExpandedTop';
+const SearchHeaderDetailsHeading = 'SearchHeaderDetailsHeading';
+const SearchHeaderTop = 'SearchHeaderTop';
+const SearchHeaderTopRight = 'SearchHeaderTopRight';
+const SearchInputError = 'SearchInputError';
+const SearchRemove = 'SearchRemove';
+const SearchToggleButton = 'SearchToggleButton';
+const SearchToggleButtonExpanded = 'SearchToggleButtonExpanded';
+const SourceControlBadge = 'SourceControlBadge';
+const ToggleDetails = 'ToggleDetails';
+const Tree = 'Tree';
+const TreeItem = 'TreeItem';
+const TreeItemActive = 'TreeItemActive';
+const TreeItems$1 = 'TreeItems';
+const Viewlet = 'Viewlet';
+const ViewletSearchMessage = 'ViewletSearchMessage';
+const ViewletSearchMessageIndented = 'ViewletSearchMessageIndented';
+
+const Button$1 = 1;
+const Div = 4;
+const Span = 8;
+const Text = 12;
+const Img = 17;
+const Ins = 20;
+const Del = 21;
+const H4 = 24;
+const TextArea = 62;
+const Reference = 100;
+
+const Empty = 0;
+const FocusIgnoreFiles = 1012;
+const FocusSearch = 1013;
+const FocusSearchExcludeInput = 1008;
+const FocusSearchIncludeInput = 1007;
+const FocusSearchInput = 21;
+const FocusSearchMatchCase = 32;
+const FocusSearchOpenEditors = 1011;
+const FocusSearchPreserveCase = 36;
+const FocusSearchRegex = 33;
+const FocusSearchReplaceAll = 35;
+const FocusSearchReplaceInput = 31;
+const FocusSearchResults = 22;
+const FocusSearchWholeWord = 34;
+const FocusToggleDetails = 1010;
+const FocusToggleReplace = 1020;
+
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -2026,15 +2058,38 @@ const hasUseIgnoreFiles = flags => {
   return (flags & UseIgnoreFiles) === UseIgnoreFiles;
 };
 
+const getTopHeight = flags => {
+  if (flags & ReplaceExpanded && flags & DetailsExpanded) {
+    return 190;
+  }
+  if (flags & DetailsExpanded) {
+    return 158;
+  }
+  if (flags & ReplaceExpanded) {
+    return 93;
+  }
+  return 61;
+};
+
+const getHeaderHeightForFlags = (headerHeight, oldFlags, newFlags) => {
+  const oldTopHeight = getTopHeight(oldFlags);
+  const newTopHeight = getTopHeight(newFlags);
+  const warningHeight = Math.max(headerHeight - oldTopHeight, 0);
+  return newTopHeight + warningHeight;
+};
+
 const collapseDetails = state => {
   const {
-    flags
+    flags,
+    headerHeight
   } = state;
+  const newFlags = flags & -33;
   return {
     ...state,
-    flags: flags & -33,
+    flags: newFlags,
     focus: FocusSearchInput,
-    focusSource: Script
+    focusSource: Script,
+    headerHeight: getHeaderHeightForFlags(headerHeight, flags, newFlags)
   };
 };
 
@@ -2107,6 +2162,7 @@ const create$1 = ({
 };
 
 const create = (uid, x, y, width, height, workspacePath, assetDir, itemHeight, value = '', replacement = '', platform) => {
+  const headerHeight = getTopHeight(0);
   const state = {
     disposed: false,
     fileCount: 0,
@@ -2120,8 +2176,7 @@ const create = (uid, x, y, width, height, workspacePath, assetDir, itemHeight, v
     x,
     y,
     ...create$1({
-      headerHeight: 61,
-      // TODO
+      headerHeight,
       itemHeight: itemHeight || 22,
       minimumSliderSize: minimumSliderSize
     }),
@@ -2673,13 +2728,16 @@ const enableRenderFolderPaths = state => {
 
 const expandDetails = state => {
   const {
-    flags
+    flags,
+    headerHeight
   } = state;
+  const newFlags = flags | DetailsExpanded;
   return {
     ...state,
-    flags: flags | DetailsExpanded,
+    flags: newFlags,
     focus: FocusSearchIncludeInput,
-    focusSource: Script
+    focusSource: Script,
+    headerHeight: getHeaderHeightForFlags(headerHeight, flags, newFlags)
   };
 };
 
@@ -3006,7 +3064,7 @@ const getMenuEntriesList = (state, props) => {
 };
 
 const getMenuEntries = (state, props) => {
-  if (props.menuId === Search$1) {
+  if (props.menuId === Search$2) {
     return getMenuEntriesList(state, props);
   }
   if (props.menuId === InputContextMenu) {
@@ -3016,7 +3074,7 @@ const getMenuEntries = (state, props) => {
 };
 
 const getMenuEntryIds = () => {
-  return [Search$1, InputContextMenu];
+  return [Search$2, InputContextMenu];
 };
 
 const ClearAll$1 = 'ClearAll';
@@ -3095,6 +3153,24 @@ const getProtocol = uri => {
   return '';
 };
 
+const measureTextHeight = (text, fontFamily, fontSize, lineHeight, width) => {
+  return invoke$1('MeasureTextHeight.measureTextBlockHeight', text, fontFamily, fontSize, `${lineHeight}px`, width);
+};
+
+const SearchWarningFontFamily = 'system-ui';
+const SearchWarningFontSize = 12;
+const SearchWarningLineHeight = 18;
+const SearchWarningHorizontalPadding = 10;
+const SearchWarningVerticalPadding = 8;
+const getSearchWarningMessageHeight = async (limitHitWarning, width) => {
+  if (!limitHitWarning) {
+    return 0;
+  }
+  const availableWidth = Math.max(width - SearchWarningHorizontalPadding, 1);
+  const textHeight = await measureTextHeight(limitHitWarning, SearchWarningFontFamily, SearchWarningFontSize, SearchWarningLineHeight, availableWidth);
+  return textHeight + SearchWarningVerticalPadding;
+};
+
 const getTextSearchResultCounts = results => {
   let resultCount = 0;
   let fileCount = 0;
@@ -3145,7 +3221,6 @@ const handleUpdateFull = async (state, update) => {
     excludeValue,
     fileIconCache,
     flags,
-    headerHeight,
     height,
     includeValue,
     itemHeight,
@@ -3155,7 +3230,8 @@ const handleUpdateFull = async (state, update) => {
     threads,
     uid,
     usePullBasedSearch,
-    value
+    value,
+    width
   } = partialNewState;
   const root = state.workspacePath;
   const scheme = getProtocol(root);
@@ -3189,6 +3265,9 @@ const handleUpdateFull = async (state, update) => {
     resultCount
   } = getTextSearchResultCounts(results);
   const message = getStatusMessage(resultCount, fileCount);
+  const limitHitWarning = limitHit ? theResultSetOnlyContainsASubSetOfMatches() : '';
+  const warningHeight = await getSearchWarningMessageHeight(limitHitWarning, width);
+  const headerHeight = getTopHeight(flags) + warningHeight;
   const total = results.length;
   const contentHeight = total * itemHeight;
   const listHeight = height - headerHeight;
@@ -3201,7 +3280,6 @@ const handleUpdateFull = async (state, update) => {
     icons,
     newFileIconCache
   } = await getFileIcons(visible, fileIconCache);
-  const limitHitWarning = limitHit ? theResultSetOnlyContainsASubSetOfMatches() : '';
   return {
     ...partialNewState,
     collapsedPaths: [],
@@ -3209,6 +3287,7 @@ const handleUpdateFull = async (state, update) => {
     fileCount,
     fileIconCache: newFileIconCache,
     finalDeltaY,
+    headerHeight,
     icons,
     items: results,
     limitHit,
@@ -3361,8 +3440,11 @@ const handleUpdateIncremental = async (state, update) => {
   return state;
 };
 
+const getsearchid = () => {
+  return crypto.randomUUID();
+};
 const handleUpdatePullBased = async (state, update) => {
-  const searchId = crypto.randomUUID();
+  const searchId = getsearchid();
   const partialNewState = {
     ...state,
     ...update,
@@ -3383,7 +3465,8 @@ const handleUpdatePullBased = async (state, update) => {
     threads,
     uid,
     usePullBasedSearch,
-    value
+    value,
+    width
   } = partialNewState;
   const root = state.workspacePath;
   const scheme = getProtocol(root);
@@ -3412,6 +3495,8 @@ const handleUpdatePullBased = async (state, update) => {
     return state;
   }
   const limitHitWarning = limitHit ? theResultSetOnlyContainsASubSetOfMatches() : '';
+  const warningHeight = await getSearchWarningMessageHeight(limitHitWarning, width);
+  const headerHeight = getTopHeight(flags) + warningHeight;
   const {
     fileCount,
     resultCount
@@ -3419,6 +3504,7 @@ const handleUpdatePullBased = async (state, update) => {
   const message = getStatusMessage(resultCount, fileCount);
   return {
     ...latest.newState,
+    headerHeight,
     limitHit,
     limitHitWarning,
     message
@@ -3638,21 +3724,27 @@ const togglePreserveCase = state => {
 
 const collapseReplace = state => {
   const {
-    flags
+    flags,
+    headerHeight
   } = state;
+  const newFlags = flags & -5;
   return {
     ...state,
-    flags: flags & -5
+    flags: newFlags,
+    headerHeight: getHeaderHeightForFlags(headerHeight, flags, newFlags)
   };
 };
 
 const expandReplace = state => {
   const {
-    flags
+    flags,
+    headerHeight
   } = state;
+  const newFlags = flags | ReplaceExpanded;
   return {
     ...state,
-    flags: flags | ReplaceExpanded
+    flags: newFlags,
+    headerHeight: getHeaderHeightForFlags(headerHeight, flags, newFlags)
   };
 };
 
@@ -4184,7 +4276,7 @@ const send = async port => {
 };
 const launchIconThemeWorker = async () => {
   // TODO connect to icon theme worker
-  const rpc = await create$5({
+  const rpc = await create$9({
     commandMap: {},
     send
   });
@@ -4197,7 +4289,7 @@ const initializeIconThemeWorker = async () => {
 };
 
 const launchSearchProcessElectron = async () => {
-  const rpc = await create$a({
+  const rpc = await create$8({
     commandMap: {},
     send: sendMessagePortToSearchProcess
   });
@@ -4205,7 +4297,7 @@ const launchSearchProcessElectron = async () => {
 };
 
 const launchSearchProcessNode = async () => {
-  const rpc = await create$7({
+  const rpc = await create$5({
     commandMap: {},
     // @ts-ignore
     type: 'search-process'
@@ -4536,19 +4628,6 @@ const getListIndex = (eventX, eventY, x, y, deltaY, itemHeight, topHeight, itemC
   return index;
 };
 
-const getTopHeight = flags => {
-  if (flags & ReplaceExpanded && flags & DetailsExpanded) {
-    return 190;
-  }
-  if (flags & DetailsExpanded) {
-    return 158;
-  }
-  if (flags & ReplaceExpanded) {
-    return 93;
-  }
-  return 61;
-};
-
 const getFilteredResults = (results, collapsedPaths) => {
   if (collapsedPaths.length === 0) {
     return results;
@@ -4699,14 +4778,13 @@ const selectIndex = async (state, index) => {
 const handleClickAt = async (state, eventX, eventY, name) => {
   const {
     deltaY,
-    flags,
+    headerHeight,
     itemHeight,
     listItems,
     x,
     y
   } = state;
-  const topHeight = getTopHeight(flags);
-  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, topHeight, listItems.length);
+  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, headerHeight, listItems.length);
   const isRemoveButton = name === Remove;
   if (isRemoveButton) {
     return removeIndex(state, index);
@@ -4828,12 +4906,15 @@ const loadContent = async (state, savedState) => {
     threads
   } = restoreState(savedState);
   const usePullBasedSearch = await getUsePullBasedSearch();
+  const warningHeight = await getSearchWarningMessageHeight(state.limitHitWarning, state.width);
+  const headerHeight = getTopHeight(flags) + warningHeight;
   const update = {
     collapsedPaths: savedCollapsedPaths,
     excludeValue,
     flags,
     focus: 0,
     // TODO
+    headerHeight,
     includeValue,
     inputSource: Script,
     replacement,
@@ -5174,7 +5255,7 @@ const renderFocus = (oldState, newState) => {
 };
 
 const renderFocusContext = (oldState, newState) => {
-  return [SetFocusContext, newState.uid, FocusSearch, newState.focus];
+  return [SetFocusContext, newState.uid, FocusSearch$1, newState.focus];
 };
 
 const HandleClick = 1;
@@ -5209,7 +5290,7 @@ const getSearchDetailsToggleVirtualDom = () => {
     role: Button$3,
     tabIndex: 0,
     title: toggleSearchDetails(),
-    type: Button$2
+    type: Button$1
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, MaskIconEllipsis),
@@ -5329,7 +5410,7 @@ const getSearchFieldButtonVirtualDom = button => {
     role,
     tabIndex: 0,
     title,
-    type: Button$2
+    type: Button$1
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, icon),
@@ -5506,7 +5587,7 @@ const getSearchToggleVirtualDom = replaceExpanded => {
     name: ToggleReplace,
     onClick: HandleButtonClick,
     title: toggleReplace$1(),
-    type: Button$2
+    type: Button$1
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, replaceExpanded ? MaskIconChevronDown : MaskIconChevronRight),
@@ -5718,7 +5799,7 @@ const getSearchRemoveVirtualDom = () => {
     className: SearchRemove,
     name: Remove,
     title,
-    type: Button$2
+    type: Button$1
   }, closeIcon];
   return dom;
 };
@@ -5794,7 +5875,7 @@ const getSearchResultsVirtualDom = (visibleItems, focusOutline, scrollbarHeight,
   }, ...getTreeItemsVirtualDom(visibleItems, deltaY, itemHeight), ...getScrollBarVirtualDom(scrollbarHeight, scrollBarY, scrollBarValue)];
 };
 
-const className = mergeClassNames(Viewlet, Search$2);
+const className = mergeClassNames(Viewlet, Search$1);
 const getSearchVirtualDom = (visibleItems, flags, message, focusOutline, searchInputErrorMessage, scrollBarHeight, scrollBarY, scrollBarValue, deltaY, itemHeight, matchCount, limitHitWarning, focus = 0, initial = false) => {
   if (initial) {
     return [];
@@ -5916,7 +5997,7 @@ const getActionButtonVirtualDom = action => {
     className,
     name: id,
     title: label,
-    type: Button$2
+    type: Button$1
   }, getIconVirtualDom(icon)];
 };
 
@@ -6013,7 +6094,7 @@ const renderEventListeners = () => {
     params: ['handleClickAt', ClientX, ClientY, TargetName]
   }, {
     name: HandleListPointerDown,
-    params: ['handleListPointerDown', Button$1, TargetName]
+    params: ['handleListPointerDown', Button$2, TargetName]
   }, {
     name: HandleToggleButtonClick,
     params: ['handleToggleButtonClick']
@@ -6025,11 +6106,11 @@ const renderEventListeners = () => {
     params: ['handleListBlur']
   }, {
     name: HandleListContextMenu,
-    params: ['handleContextMenu', Button$1, ClientX, ClientY],
+    params: ['handleContextMenu', Button$2, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleInputContextMenu,
-    params: ['handleInputContextMenu', TargetName, Button$1, ClientX, ClientY],
+    params: ['handleInputContextMenu', TargetName, Button$2, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleActionClick,
@@ -6240,10 +6321,10 @@ const handleContextMenuKeyboard = async state => {
     x,
     y
   } = state; // TODO
-  await show2(uid, Search$1, x, y, {
+  await show2(uid, Search$2, x, y, {
     index: 0,
     // TODO pass proper index
-    menuId: Search$1
+    menuId: Search$2
   });
   return state;
 };
@@ -6251,15 +6332,14 @@ const handleContextMenuKeyboard = async state => {
 const handleContextMenuMouseAt = async (state, eventX, eventY) => {
   const {
     deltaY,
-    flags,
+    headerHeight,
     itemHeight,
     listItems,
     uid,
     x,
     y
   } = state;
-  const topHeight = getTopHeight(flags);
-  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, topHeight, listItems.length);
+  const index = getListIndex(eventX, eventY, x, y, deltaY, itemHeight, headerHeight, listItems.length);
   const {
     newState,
     oldState
@@ -6269,9 +6349,9 @@ const handleContextMenuMouseAt = async (state, eventX, eventY) => {
     focusedIndex: index,
     listFocusedIndex: index
   });
-  await show2(uid, Search$1, x, y, {
+  await show2(uid, Search$2, x, y, {
     index,
-    menuId: Search$1
+    menuId: Search$2
   });
   return state;
 };