hide animations

web/src/components/search/SearchResultsDisplay.tsx

@@ -171,6 +171,8 @@ export const SearchResultsDisplay = ({
         <div className="mt-4">
           <div className="font-bold flex justify-between text-emphasis border-b mb-3 pb-1 border-border text-lg">
             <p>Results</p>
+            <div className="h-8 w-0 invisible">invisibel text</div>
+
             {!DISABLE_LLM_DOC_RELEVANCE &&
               (contentEnriched || searchResponse.additional_relevance) && (
                 <TooltipProvider delayDuration={1000}>

web/src/components/search/SearchSection.tsx

@@ -698,7 +698,7 @@ export const SearchSection = ({
           </div>
         </div>
 
-        <div className="absolute include-scrollbar h-screen overflow-y-auto left-0 w-full top-0">
+        <div className="absolute left-0 w-full top-0">
           <FunctionalHeader
             sidebarToggled={toggledSidebar}
             reset={() => setQuery("")}
@@ -728,6 +728,7 @@ export const SearchSection = ({
                 } pt-10 relative max-w-[2000px] xl:max-w-[1430px] mx-auto`}
               >
                 <div className="absolute z-10 mobile:px-4 mobile:max-w-searchbar-max mobile:w-[90%] top-12 desktop:left-4 hidden 2xl:block mobile:left-1/2 mobile:transform mobile:-translate-x-1/2 desktop:w-52 3xl:w-64">
+                  {/* Remove this entire SourceSelector block
                   {!settings?.isMobile &&
                     (ccPairs.length > 0 || documentSets.length > 0) && (
                       <SourceSelector
@@ -738,6 +739,7 @@ export const SearchSection = ({
                         availableTags={tags}
                       />
                     )}
+                  */}
                 </div>
                 <div className="absolute left-0 hidden 2xl:block w-52 3xl:w-64"></div>
                 <div className="max-w-searchbar-max w-[90%] mx-auto">
@@ -762,16 +764,10 @@ export const SearchSection = ({
                     </div>
                   )}
                   <div
-                    className={`mobile:fixed mobile:left-1/2 mobile:transform mobile:-translate-x-1/2 mobile:max-w-search-bar-max mobile:w-[90%] mobile:z-100 mobile:bottom-12`}
+                    className={`mobile:max-w-search-bar-max mobile:w-[90%] mobile:z-100`}
                   >
                     <div
-                      className={`transition-all duration-500 ease-in-out overflow-hidden 
-                      ${
-                        firstSearch
-                          ? "opacity-100 max-h-[500px]"
-                          : "opacity-0 max-h-0"
-                      }`}
-                      onTransitionEnd={handleTransitionEnd}
+                      className={`transition-all duration-500 ease-in-out overflow-hidden opacity-100 max-h-[500px]`}
                     >
                       <div className="mt-48 mb-8 flex justify-center items-center">
                         <div className="w-message-xs 2xl:w-message-sm 3xl:w-message">
@@ -802,48 +798,50 @@ export const SearchSection = ({
                         setDefaultOverrides(SEARCH_DEFAULT_OVERRIDES_START);
                         await onSearch({ agentic, offset: 0 });
                       }}
-                      finalAvailableDocumentSets={finalAvailableDocumentSets}
-                      finalAvailableSources={finalAvailableSources}
+                      finalAvailableDocumentSets={[]}
+                      finalAvailableSources={[]}
                       filterManager={filterManager}
-                      documentSets={documentSets}
-                      ccPairs={ccPairs}
-                      tags={tags}
+                      documentSets={[]}
+                      ccPairs={[]}
+                      tags={[]}
                     />
                   </div>
-                  {!firstSearch && (
-                    <SearchAnswer
-                      isFetching={isFetching}
-                      dedupedQuotes={dedupedQuotes}
-                      searchResponse={searchResponse}
-                      setSearchAnswerExpanded={setSearchAnswerExpanded}
-                      searchAnswerExpanded={searchAnswerExpanded}
-                      setCurrentFeedback={setCurrentFeedback}
-                      searchState={searchState}
-                    />
-                  )}
+                  <div className="mt-6">
+                    {!firstSearch && (
+                      <SearchAnswer
+                        isFetching={isFetching}
+                        dedupedQuotes={dedupedQuotes}
+                        searchResponse={searchResponse}
+                        setSearchAnswerExpanded={setSearchAnswerExpanded}
+                        searchAnswerExpanded={searchAnswerExpanded}
+                        setCurrentFeedback={setCurrentFeedback}
+                        searchState={searchState}
+                      />
+                    )}
 
-                  {!settings?.isMobile && (
-                    <div className="mt-6">
-                      {!(agenticResults && isFetching) || disabledAgentic ? (
-                        <SearchResultsDisplay
-                          searchState={searchState}
-                          disabledAgentic={disabledAgentic}
-                          contentEnriched={contentEnriched}
-                          comments={comments}
-                          sweep={sweep}
-                          agenticResults={
-                            shouldUseAgenticDisplay && !disabledAgentic
-                          }
-                          performSweep={performSweep}
-                          searchResponse={searchResponse}
-                          isFetching={isFetching}
-                          defaultOverrides={defaultOverrides}
-                        />
-                      ) : (
-                        <></>
-                      )}
-                    </div>
-                  )}
+                    {!settings?.isMobile && (
+                      <div className="mt-6">
+                        {!(agenticResults && isFetching) || disabledAgentic ? (
+                          <SearchResultsDisplay
+                            searchState={searchState}
+                            disabledAgentic={disabledAgentic}
+                            contentEnriched={contentEnriched}
+                            comments={comments}
+                            sweep={sweep}
+                            agenticResults={
+                              shouldUseAgenticDisplay && !disabledAgentic
+                            }
+                            performSweep={performSweep}
+                            searchResponse={searchResponse}
+                            isFetching={isFetching}
+                            defaultOverrides={defaultOverrides}
+                          />
+                        ) : (
+                          <></>
+                        )}
+                      </div>
+                    )}
+                  </div>
                 </div>
               </div>
             }