mirror of
https://github.com/openswarm-ai/openswarm.git
synced 2026-08-17 18:25:42 +02:00
[eric] dashboard: drop the browser glow and tether fade to ~0.5s
This commit is contained in:
@@ -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}`
|
||||
|
||||
Reference in New Issue
Block a user