diff --git a/client/src/components/Chat/Messages/HoverButtons.tsx b/client/src/components/Chat/Messages/HoverButtons.tsx index 390d35ef4d..18702f8b4b 100644 --- a/client/src/components/Chat/Messages/HoverButtons.tsx +++ b/client/src/components/Chat/Messages/HoverButtons.tsx @@ -14,6 +14,7 @@ type THoverButtons = { regenerate: () => void; handleContinue: (e: React.MouseEvent) => void; latestMessage: TMessage | null; + isLast: boolean; }; export default function HoverButtons({ @@ -26,6 +27,7 @@ export default function HoverButtons({ regenerate, handleContinue, latestMessage, + isLast, }: THoverButtons) { const localize = useLocalize(); const { endpoint: _endpoint, endpointType } = conversation ?? {}; @@ -59,6 +61,7 @@ export default function HoverButtons({ isCreatedByUser ? '' : 'active', hideEditButton ? 'opacity-0' : '', isEditing ? 'active bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-200' : '', + !isLast ? 'md:opacity-0 md:group-hover:opacity-100' : '', )} onClick={onEdit} type="button" @@ -71,6 +74,7 @@ export default function HoverButtons({ className={cn( 'ml-0 flex items-center gap-1.5 rounded-md p-1 text-xs hover:text-gray-900 dark:text-gray-400/70 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400 md:group-hover:visible md:group-[.final-completion]:visible', isSubmitting && isCreatedByUser ? 'md:opacity-0 md:group-hover:opacity-100' : '', + !isLast ? 'md:opacity-0 md:group-hover:opacity-100' : '', )} onClick={() => copyToClipboard(setIsCopied)} type="button" @@ -82,7 +86,8 @@ export default function HoverButtons({ {regenerateEnabled ? (