Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update

This commit is contained in:
Nate Kelley 2025-03-07 21:45:14 -07:00
parent c1574529b6
commit ff04fba047
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/package.json
View File

@ -83,7 +83,7 @@
"ts-jest": "^29.2.6", "ts-jest": "^29.2.6",
"use-context-selector": "^2.0.0", "use-context-selector": "^2.0.0",
"utility-types": "^3.11.0", "utility-types": "^3.11.0",
"virtua": "^0.40.1" "virtua": "^0.40.3"
}, },
"devDependencies": { "devDependencies": {
"@chromatic-com/storybook": "^3.2.5", "@chromatic-com/storybook": "^3.2.5",

7
web/src/components/ui/typography/ShimmerText.tsx
View File

@ -1,5 +1,6 @@
'use client'; 'use client';
import { cn } from '@/lib/classMerge';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import React, { useMemo } from 'react'; import React, { useMemo } from 'react';
@ -8,6 +9,7 @@ interface ShimmerText2Props {
colors?: string[]; colors?: string[];
duration?: number; duration?: number;
fontSize?: number; fontSize?: number;
className?: string;
} }
const animate = { const animate = {
@ -19,7 +21,8 @@ export const ShimmerText: React.FC<ShimmerText2Props> = React.memo(
text, text,
colors = ['var(--color-foreground)', 'var(--color-text-tertiary)'], colors = ['var(--color-foreground)', 'var(--color-text-tertiary)'],
duration = 1.5, duration = 1.5,
fontSize = 13 fontSize = 13,
className = ''
}) => { }) => {
if (colors.length < 2) { if (colors.length < 2) {
throw new Error('ShimmerText requires at least 2 colors'); throw new Error('ShimmerText requires at least 2 colors');
@ -51,7 +54,7 @@ export const ShimmerText: React.FC<ShimmerText2Props> = React.memo(
return ( return (
<> <>
<motion.div <motion.div
className="shimmer-text" className={cn('shimmer-text', className)}
style={memoizedStyle} style={memoizedStyle}
animate={animate} animate={animate}
transition={memoizedTransition}> transition={memoizedTransition}>

10
web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatResponseMessages/ChatResponseReasoning.tsx
View File

@ -37,7 +37,7 @@ export const ChatResponseReasoning: React.FC<{
const text: string = useMemo(() => { const text: string = useMemo(() => {
if (finalReasoningMessage) return finalReasoningMessage; if (finalReasoningMessage) return finalReasoningMessage;
if (blackBoxMessage) return blackBoxMessage + '⬛️'; if (blackBoxMessage) return blackBoxMessage;
if (lastMessageTitle) return lastMessageTitle; if (lastMessageTitle) return lastMessageTitle;
return lastMessageTitle || 'Thinking...'; return lastMessageTitle || 'Thinking...';
}, [lastMessageTitle, finalReasoningMessage, blackBoxMessage]); }, [lastMessageTitle, finalReasoningMessage, blackBoxMessage]);
@ -51,9 +51,13 @@ export const ChatResponseReasoning: React.FC<{
return ( return (
<AnimatePresence initial={!isCompletedStream} mode="wait"> <AnimatePresence initial={!isCompletedStream} mode="wait">
<motion.div {...animations} key={text} className="mb-3.5 w-fit" onClick={onClickReasoning}> <motion.div
{...animations}
key={text}
className="mb-3.5 w-fit cursor-pointer"
onClick={onClickReasoning}>
{isReasonginFileSelected ? ( {isReasonginFileSelected ? (
<Text className="cursor-pointer hover:underline">{text}</Text> <Text className="hover:underline">{text}</Text>
) : ( ) : (
<ShimmerText text={text ?? ''} /> <ShimmerText text={text ?? ''} />
)} )}