465aa1cd78f85cee8523d9800a52591e50c29bb1
- Keep AgentInputArea always mounted, animate opacity (0→1 / 1→0) instead of unmounting - Use controlled opacity animation for GlobalFooter's RealtimeControls on agent screen - Both controls fade in/out over 250ms, synchronized for smooth cross-fade - Disable pointer events on hidden controls to prevent interaction issues - Keep FadeIn/FadeOut behavior on non-agent screens (home, orchestrator) unchanged This eliminates the layout "push" effect where GlobalFooter would take up space while fading in, causing visible jank. Now both controls overlay and cross-fade smoothly without affecting layout. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Languages
TypeScript
98%
JavaScript
1.4%
Shell
0.1%