feat: show "Generating your brief..." badge during brief generation
All checks were successful
Build & Push / build-and-push (push) Successful in 1m57s
All checks were successful
Build & Push / build-and-push (push) Successful in 1m57s
Visual feedback while the complete_brief API call runs (~15s). Badge appears below the orb with a spinner animation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -55,6 +55,7 @@ export default function VoiceAgent({ locale, onComplete }: VoiceAgentProps) {
|
||||
transcript,
|
||||
selections,
|
||||
isAnalyzingSite,
|
||||
isGeneratingBrief,
|
||||
agentAmplitude,
|
||||
startConversation,
|
||||
endConversation,
|
||||
@@ -176,7 +177,7 @@ export default function VoiceAgent({ locale, onComplete }: VoiceAgentProps) {
|
||||
)}
|
||||
</motion.div>
|
||||
|
||||
{/* Analyzing site badge */}
|
||||
{/* Status badges */}
|
||||
<AnimatePresence>
|
||||
{isAnalyzingSite && (
|
||||
<motion.div
|
||||
@@ -191,6 +192,19 @@ export default function VoiceAgent({ locale, onComplete }: VoiceAgentProps) {
|
||||
{t('voice.analyzingSite')}
|
||||
</motion.div>
|
||||
)}
|
||||
{isGeneratingBrief && !completedBrief && (
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: -4 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
exit={{ opacity: 0, y: -4 }}
|
||||
className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-primary/10 text-primary-dark text-xs font-medium"
|
||||
>
|
||||
<motion.div animate={{ rotate: 360 }} transition={{ duration: 1, repeat: Infinity, ease: 'linear' }}>
|
||||
<Loader2 size={11} />
|
||||
</motion.div>
|
||||
{locale === 'fr' ? 'Génération de votre brief...' : 'Generating your brief...'}
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
|
||||
{/* Error message */}
|
||||
|
||||
Reference in New Issue
Block a user