status indicator is updated

This commit is contained in:
Nate Kelley 2025-04-01 22:12:27 -06:00
parent 289b424171
commit 3cd5c7c9e4
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
5 changed files with 8 additions and 8 deletions

View File

@ -25,7 +25,7 @@ export const StatusIndicator: React.FC<{
failed && 'text-danger-foreground' failed && 'text-danger-foreground'
)}> )}>
{inProgress && ( {inProgress && (
<div className="bg-primary/30 absolute inset-0 -ml-[1px] animate-ping rounded-full duration-1000" /> <div className="bg-primary/30 absolute m-0.5 h-2.5 w-2.5 animate-ping rounded-full duration-1000" />
)} )}
<AnimatePresence mode="wait" initial={false}> <AnimatePresence mode="wait" initial={false}>
<motion.div <motion.div

View File

@ -11,7 +11,7 @@ export const WarningIcon: React.FC<{
}> = React.memo( }> = React.memo(
({ ({
rowCount, rowCount,
rowCountThreshold = 35, rowCountThreshold = 25,
warningText = 'Data labels will be hidden if there are too many.' warningText = 'Data labels will be hidden if there are too many.'
}) => { }) => {
if (rowCount <= rowCountThreshold) { if (rowCount <= rowCountThreshold) {

View File

@ -15,7 +15,7 @@ export const BarContainer: React.FC<{
secondaryTitle?: string; secondaryTitle?: string;
}> = React.memo(({ showBar, isCompletedStream, status, children, title, secondaryTitle }) => { }> = React.memo(({ showBar, isCompletedStream, status, children, title, secondaryTitle }) => {
return ( return (
<div className={'relative flex space-x-1.5 overflow-hidden'}> <div className={'relative flex space-x-1.5 overflow-visible'}>
<VerticalBarContainer <VerticalBarContainer
showBar={showBar} showBar={showBar}
status={status} status={status}
@ -42,8 +42,8 @@ const VerticalBarContainer: React.FC<{
isCompletedStream: boolean; isCompletedStream: boolean;
}> = React.memo(({ showBar, isCompletedStream, status }) => { }> = React.memo(({ showBar, isCompletedStream, status }) => {
return ( return (
<div className="ml-2 flex w-5 min-w-5 flex-col items-center"> <div className="ml-2 flex w-5 min-w-5 flex-col items-center pt-0.5">
<StatusIndicator status={status} /> <StatusIndicator status={'loading'} />
<VerticalBar show={showBar} isCompletedStream={isCompletedStream} /> <VerticalBar show={showBar} isCompletedStream={isCompletedStream} />
</div> </div>
); );

View File

@ -63,8 +63,8 @@ export const ReasoningMessagePills: React.FC<{
animate={pills.length > 0 ? 'visible' : 'hidden'} animate={pills.length > 0 ? 'visible' : 'hidden'}
className={'flex w-full flex-wrap gap-1.5 overflow-hidden'}> className={'flex w-full flex-wrap gap-1.5 overflow-hidden'}>
{pills.map((pill) => ( {pills.map((pill) => (
<Link href={makeHref(pill)}> <Link href={makeHref(pill)} key={pill.id}>
<Pill key={pill.id} useAnimation={useAnimation} {...pill} /> <Pill useAnimation={useAnimation} {...pill} />
</Link> </Link>
))} ))}
</motion.div> </motion.div>

View File

@ -45,7 +45,7 @@ export const ChatUserMessage: React.FC<{
/> />
) : ( ) : (
<> <>
<Paragraph>{request}</Paragraph> <Paragraph className="whitespace-pre-wrap">{request}</Paragraph>
{isCompletedStream && ( {isCompletedStream && (
<RequestMessageTooltip <RequestMessageTooltip
isTooltipOpen={isTooltipOpen} isTooltipOpen={isTooltipOpen}