admin-valentin/agent-ecosystem
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(graph): pause button as standalone icon left of View dropdown

Browse source
This commit is contained in:
iliya 2026-03-30 19:09:49 +03:00
parent 27b1a4fd9a
commit 942588093b
1 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/agent-graph/src/ui/GraphControls.tsx
View file

@ -109,6 +109,19 @@ export function GraphControls({
</div>
<div className="absolute right-3 top-3 z-10 flex items-center gap-2 pointer-events-none">
<div
className="pointer-events-auto flex items-center rounded-lg px-1 py-0.5 backdrop-blur-sm"
style={{
background: 'rgba(8, 12, 24, 0.8)',
border: '1px solid rgba(100, 200, 255, 0.08)',
}}
>
<ToolbarButton
onClick={() => toggle('paused')}
icon={filters.paused ? <Play size={14} /> : <Pause size={14} />}
/>
</div>
<div ref={settingsRef} className="relative pointer-events-auto">
<div
className="flex items-center gap-0.5 rounded-lg px-1 py-0.5 backdrop-blur-sm"
@ -154,14 +167,6 @@ export function GraphControls({
label="Edges"
block
/>
<div className="my-1 h-px bg-[rgba(100,200,255,0.08)]" />
<ToolbarToggle
active={!filters.paused}
onClick={() => toggle('paused')}
icon={filters.paused ? <Play size={13} /> : <Pause size={13} />}
label={filters.paused ? 'Resume' : 'Pause'}
block
/>
</div>
)}
</div>