root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(HAI-015): complete Step 1 — add agent-active glow CSS

Browse Source
This commit is contained in:
Dustin Byrne
2026-03-25 21:09:16 -04:00
parent b8d4853e85
commit 97f9dc6dbb
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/dashboard/app/styles.css
View File

@@ -185,6 +185,19 @@ html, body {
.card:active { cursor: grabbing; }
.card.dragging { opacity: 0.4; transform: scale(0.98); }
/* Agent-active glow: animated border glow when an agent is actively working on a task.
Uses the in-progress column color to stay consistent with the theme. */
.card.agent-active {
border-color: var(--in-progress);
box-shadow: 0 0 8px rgba(188, 140, 255, 0.4), 0 0 20px rgba(188, 140, 255, 0.15);
animation: agent-glow 2.5s ease-in-out infinite;
}
@keyframes agent-glow {
0%, 100% { box-shadow: 0 0 8px rgba(188, 140, 255, 0.4), 0 0 20px rgba(188, 140, 255, 0.15); }
50% { box-shadow: 0 0 12px rgba(188, 140, 255, 0.6), 0 0 28px rgba(188, 140, 255, 0.25); }
}
.card-id {
display: inline-block;
font-size: 11px;