add shimmer scanning effect to thought text

This commit is contained in:
Auto
2025-12-31 08:17:19 +02:00
parent 5cb78a6b43
commit f7f789ab81
2 changed files with 30 additions and 2 deletions

View File

@@ -131,9 +131,12 @@ export function AgentThought({ logs, agentStatus }: AgentThoughtProps) {
)}
</div>
{/* Thought text with fade transition */}
{/* Thought text with fade transition + shimmer effect when running */}
<p
className="font-mono text-sm text-[var(--color-neo-text)] truncate transition-all duration-150 ease-out"
className={`
font-mono text-sm truncate transition-all duration-150 ease-out
${isRunning ? 'animate-shimmer' : 'text-[var(--color-neo-text)]'}
`}
style={{
opacity: textVisible ? 1 : 0,
transform: textVisible ? 'translateY(0)' : 'translateY(-4px)',