feat: visualize governed goal progress live
This commit is contained in:
@@ -58,6 +58,26 @@ button, input, select, textarea { font: inherit; }
|
||||
animation: trace-flow 1.2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes goal-orb-breathe {
|
||||
0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(103, 232, 249, 0); }
|
||||
50% { transform: scale(1.055); box-shadow: 0 0 28px rgba(103, 232, 249, 0.28); }
|
||||
}
|
||||
|
||||
@keyframes goal-core-pulse {
|
||||
0%, 100% { opacity: 0.45; transform: scale(0.7); }
|
||||
50% { opacity: 0.1; transform: scale(2.2); }
|
||||
}
|
||||
|
||||
@keyframes goal-signal-ping {
|
||||
0% { box-shadow: 0 0 0 0 rgba(103, 232, 249, 0.68); }
|
||||
75%, 100% { box-shadow: 0 0 0 9px rgba(103, 232, 249, 0); }
|
||||
}
|
||||
|
||||
.goal-agent-running { animation: goal-orb-breathe 1.8s ease-in-out infinite; }
|
||||
.goal-agent-running .goal-agent-core { position: absolute; animation: goal-core-pulse 1.8s ease-out infinite; }
|
||||
.goal-control-signal { animation: goal-signal-ping 1.4s ease-out infinite; }
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.trace-edge-active::after { animation: none; }
|
||||
.goal-agent-running, .goal-agent-running .goal-agent-core, .goal-control-signal { animation: none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user