mirrors/hermes-agent
1
0
Fork 0
mirror of https://github.com/NousResearch/hermes-agent.git synced 2026-07-27 17:58:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

perf(desktop): pause glyph spinners on hidden tabs

Browse source 
Each kept-alive tab whose model hasn't resolved ticks a GlyphSpinner —
setInterval + setState + a React commit every ~80ms, per mounted tab,
for pixels behind the active one. Gate the interval on the pane's
visibility context; the visible tab keeps its spinner, hidden tabs
resume from frame 0 on reveal.
This commit is contained in:
Brooklyn Nicholson 2026-07-26 01:10:22 -05:00
parent 667758ac24
commit 0b745bc993
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
apps/desktop/src/components/ui/glyph-spinner.tsx
View file

@ -1,6 +1,7 @@
import { useEffect, useState } from 'react'
import spinners, { type BrailleSpinnerName as SpinnerName } from 'unicode-animations'
import { usePaneVisible } from '@/components/pane-shell/pane-visibility'
import { cn } from '@/lib/utils'
export type { SpinnerName }
@ -43,13 +44,20 @@ interface GlyphSpinnerProps {
export function GlyphSpinner({ ariaLabel = 'Loading', className, spinner = 'braille' }: GlyphSpinnerProps) {
const spin = FRAMES_BY_NAME[spinner] ?? FRAMES_BY_NAME.braille!
const [frame, setFrame] = useState(0)
// Pause when this surface is a hidden (kept-alive) tab: N mounted tabs each
// ticking a setInterval + setState burn CPU for pixels nobody can see.
const visible = usePaneVisible()
useEffect(() => {
if (!visible) {
return
}
setFrame(0)
const id = window.setInterval(() => setFrame(f => (f + 1) % spin.frames.length), spin.interval)
return () => window.clearInterval(id)
}, [spin])
}, [spin, visible])
return (
<span