highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-18 20:10:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

add regeneration clarity (#2986)

Browse Source 
* add regeneration clarity

* minor udpate
This commit is contained in:
pablodanswer 2024-10-30 11:55:47 -07:00 committed by GitHub
parent ea406c55cd
commit 8223dc763d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/app/chat/RegenerateOption.tsx
View File

@ -16,6 +16,7 @@ import { Hoverable } from "@/components/Hoverable";
import { Popover } from "@/components/popover/Popover";
import { StarFeedback } from "@/components/icons/icons";
import { IconType } from "react-icons";
import { FiRefreshCw } from "react-icons/fi";
export function RegenerateDropdown({
options,
@ -68,7 +69,7 @@ export function RegenerateDropdown({
py-1.5
"
>
Pick a model
Regenerate with
</p>
{options.map((option, ind) => {
const isSelected = option.value === selected;
@ -92,7 +93,7 @@ export function RegenerateDropdown({
content={
<div onClick={() => toggleDropdownVisible(!isOpen)}>
{!alternate ? (
<Hoverable size={16} icon={StarFeedback as IconType} />
<Hoverable size={16} icon={FiRefreshCw as IconType} />
) : (
<Hoverable
size={16}

30
web/src/app/chat/message/Messages.tsx
View File

@ -299,7 +299,9 @@ export const AIMessage = ({
className={"py-5 ml-4 px-5 relative flex "}
>
<div
className={`mx-auto ${shared ? "w-full" : "w-[90%]"} max-w-message-max`}
className={`mx-auto ${
shared ? "w-full" : "w-[90%]"
} max-w-message-max`}
>
<div className={`desktop:mr-12 ${!shared && "mobile:ml-0 md:ml-8"}`}>
<div className="flex">
@ -545,9 +547,21 @@ export const AIMessage = ({
className={`
absolute -bottom-5
z-10
invisible ${(isHovering || isRegenerateHovered || settings?.isMobile) && "!visible"}
opacity-0 ${(isHovering || isRegenerateHovered || settings?.isMobile) && "!opacity-100"}
translate-y-2 ${(isHovering || settings?.isMobile) && "!translate-y-0"}
invisible ${
(isHovering ||
isRegenerateHovered ||
settings?.isMobile) &&
"!visible"
}
opacity-0 ${
(isHovering ||
isRegenerateHovered ||
settings?.isMobile) &&
"!opacity-100"
}
translate-y-2 ${
(isHovering || settings?.isMobile) && "!translate-y-0"
}
transition-transform duration-300 ease-in-out
flex md:flex-row gap-x-0.5 bg-background-125/40 -mx-1.5 p-1.5 rounded-lg
`}
@ -703,9 +717,7 @@ export const HumanMessage = ({
}, [isEditing]);
const handleEditSubmit = () => {
if (editedContent.trim() !== content.trim()) {
onEdit?.(editedContent);
}
onEdit?.(editedContent);
setIsEditing(false);
};
@ -721,7 +733,9 @@ export const HumanMessage = ({
onMouseLeave={() => setIsHovered(false)}
>
<div
className={`text-user-text mx-auto ${shared ? "w-full" : "w-[90%]"} max-w-[790px]`}
className={`text-user-text mx-auto ${
shared ? "w-full" : "w-[90%]"
} max-w-[790px]`}
>
<div className="xl:ml-8">
<div className="flex flex-col mr-4">