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'
)}>
{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}>
<motion.div

View File

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

View File

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

View File

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

View File

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