agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(electrobun): restore CSS animations for WebKitGTK user mode

Browse source 
CSS pulse animations restored — they run at ~0% CPU on WebKitGTK's
native compositor. The --disable-gpu flags in electrobun.config.ts
only apply in CEF mode (AGOR_CEF=1) for E2E testing.

User mode (WebKitGTK): full GPU, full animations, full transitions
Test mode (CEF): GPU disabled, animations still CSS but no human watching
This commit is contained in:
Hibryda 2026-03-22 09:40:08 +01:00
parent 3a61158e00
commit 14231c5c0e
2 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
ui-electrobun/src/mainview/StatusBar.svelte
View file

@ -178,11 +178,13 @@
.dot.orange { background: var(--ctp-peach); } .dot.orange { background: var(--ctp-peach); }
.pulse-dot { .pulse-dot {
/* No CSS animation — use JS class toggle to avoid continuous repaint. animation: pulse 1.5s ease-in-out infinite;
CEF + WebKitGTK both suffer from high CPU with @keyframes on small elements. */ }
transition: opacity 0.3s ease;
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
} }
.pulse-dot.dim { opacity: 0.4; }
.val { color: var(--ctp-text); font-weight: 500; } .val { color: var(--ctp-text); font-weight: 500; }
.cost { color: var(--ctp-yellow); } .cost { color: var(--ctp-yellow); }

6
ui-electrobun/src/mainview/app.css
View file

@ -219,8 +219,10 @@ html, body {
--dot-color: var(--ctp-peach); --dot-color: var(--ctp-peach);
} }
/* @keyframes pulse-dot removed — CSS animations cause continuous repaint @keyframes pulse-dot {
in CEF + WebKitGTK. Use JS class toggle instead. */ 0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.55; transform: scale(0.85); }
}
.project-name { .project-name {
font-weight: 600; font-weight: 600;