highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-09-28 21:05:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

show "analysis" (#1863)

Browse Source
This commit is contained in:
pablodanswer
2024-07-18 18:18:36 -07:00
committed by GitHub
parent 6b561b8ca9
commit 5d98421ae8
2 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/search/SearchBar.tsx
View File

@@ -191,6 +191,12 @@ export const FullSearchBar = ({
<div className="flex justify-end w-full items-center space-x-3 mr-12 px-4 pb-2"> <div className="flex justify-end w-full items-center space-x-3 mr-12 px-4 pb-2">
{searchState == "searching" && ( {searchState == "searching" && (
<div key={"Reading"} className="mr-auto relative inline-block">
<span className="loading-text">Searching...</span>
</div>
)}
{searchState == "reading" && (
<div key={"Reading"} className="mr-auto relative inline-block"> <div key={"Reading"} className="mr-auto relative inline-block">
<span className="loading-text">Reading Documents...</span> <span className="loading-text">Reading Documents...</span>
</div> </div>

46
web/src/components/search/SearchSection.tsx
View File

@@ -34,7 +34,12 @@ import { AGENTIC_SEARCH_TYPE_COOKIE_NAME } from "@/lib/constants";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import FixedLogo from "@/app/chat/shared_chat_search/FixedLogo"; import FixedLogo from "@/app/chat/shared_chat_search/FixedLogo";
export type searchState = "input" | "searching" | "analyzing" | "summarizing"; export type searchState =
| "input"
| "searching"
| "reading"
| "analyzing"
| "summarizing";
const SEARCH_DEFAULT_OVERRIDES_START: SearchDefaultOverrides = { const SEARCH_DEFAULT_OVERRIDES_START: SearchDefaultOverrides = {
forceDisplayQA: false, forceDisplayQA: false,
@@ -105,9 +110,9 @@ export const SearchSection = ({
SIDEBAR_TOGGLED_COOKIE_NAME, SIDEBAR_TOGGLED_COOKIE_NAME,
String(!toggledSidebar).toLocaleLowerCase() String(!toggledSidebar).toLocaleLowerCase()
), ),
{ {
path: "/", path: "/",
}; };
toggle(); toggle();
}; };
@@ -231,10 +236,23 @@ export const SearchSection = ({
const updateDocs = (documents: SearchDanswerDocument[]) => { const updateDocs = (documents: SearchDanswerDocument[]) => {
setTimeout(() => { setTimeout(() => {
if (searchState != "input") { setSearchState((searchState) => {
setSearchState("analyzing"); if (searchState != "input") {
} return "reading";
}
return "input";
});
}, 1500); }, 1500);
setTimeout(() => {
setSearchState((searchState) => {
if (searchState != "input") {
return "analyzing";
}
return "input";
});
}, 4500);
setSearchResponse((prevState) => ({ setSearchResponse((prevState) => ({
...(prevState || initialSearchResponse), ...(prevState || initialSearchResponse),
documents, documents,
@@ -476,10 +494,9 @@ export const SearchSection = ({
bg-opacity-80 bg-opacity-80
duration-300 duration-300
ease-in-out ease-in-out
${ ${showDocSidebar || toggledSidebar
showDocSidebar || toggledSidebar ? "opacity-100 w-[300px] translate-x-0"
? "opacity-100 w-[300px] translate-x-0" : "opacity-0 w-[200px] pointer-events-none -translate-x-10"
: "opacity-0 w-[200px] pointer-events-none -translate-x-10"
} }
`} `}
> >
@@ -533,10 +550,9 @@ export const SearchSection = ({
<div className="max-w-searchbar-max w-[90%] mx-auto"> <div className="max-w-searchbar-max w-[90%] mx-auto">
<div <div
className={`transition-all duration-500 ease-in-out overflow-hidden className={`transition-all duration-500 ease-in-out overflow-hidden
${ ${firstSearch
firstSearch ? "opacity-100 max-h-[500px]"
? "opacity-100 max-h-[500px]" : "opacity-0 max-h-0"
: "opacity-0 max-h-0"
}`} }`}
onTransitionEnd={handleTransitionEnd} onTransitionEnd={handleTransitionEnd}
> >