[eric] dashboard: drop the browser glow and tether fade to ~0.5s

This commit is contained in:
ciregenz
2026-06-27 17:21:16 -07:00
parent 27701d8606
commit e9644c4091
3 changed files with 5 additions and 4 deletions
@@ -473,7 +473,7 @@ const AgentChat: React.FC<AgentChatProps> = ({ sessionId: sessionIdProp, onClose
if (wasActive && isTerminal) {
if (id) {
dispatch(fadeGlowingBrowserCards(id));
setTimeout(() => dispatch(clearGlowingBrowserCards(id)), 2800);
setTimeout(() => dispatch(clearGlowingBrowserCards(id)), 600);
}
const nextQueued = messageQueueRef.current.shift();
@@ -2,7 +2,7 @@ import React from 'react';
import type { ClaudeTokens } from '@/shared/styles/claudeTokens';
import type { Tether } from '../geometry/dashboardTethers';
const TETHER_FADE_MS = 2500;
const TETHER_FADE_MS = 500;
interface TetherLayerProps {
tethers: Tether[];
@@ -716,9 +716,10 @@ const BrowserCard: React.FC<Props> = ({
const accentColor = c.accent.primary;
const glowingBrowserCards = useAppSelector((s) => s.dashboardLayout.glowingBrowserCards);
const isGlowingFromRedux = !!glowingBrowserCards[browserId];
const browserGlow = glowingBrowserCards[browserId];
const showGlow = isGlowingFromRedux;
// Drop the glow the moment the agent's done (fading) so it eases off via the 0.4s box-shadow transition, instead of holding full until the entry clears. The tether arrow already keyed off `fading`; the card never did.
const showGlow = !!browserGlow && !browserGlow.fading;
const agentBorder = isHighlighted
? `2px solid ${c.accent.primary}`