vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-06 00:12:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 18

perf(app): better session stream rendering

Browse source
This commit is contained in:
adamelmore 2026-01-23 23:18:54 -06:00 • committed by Adam
parent 04b511e1fe
commit da8f3e92a7
3 changed files with 47 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/ui/src/components/session-turn.tsx
View file

@ -457,9 +457,16 @@ export function SessionTurn(
})
createEffect(() => {
const timer = setInterval(() => {
const update = () => {
setStore("duration", duration())
}, 1000)
}
update()
// Only keep ticking while the active (in-progress) turn is running.
if (!working()) return
const timer = setInterval(update, 1000)
onCleanup(() => clearInterval(timer))
})
@ -495,6 +502,11 @@ export function SessionTurn(
}
})
onCleanup(() => {
if (!statusTimeout) return
clearTimeout(statusTimeout)
})
return (
<div data-component="session-turn" class={props.classes?.root} ref={setRootRef}>
<div

11
packages/ui/src/hooks/create-auto-scroll.tsx
View file

@ -15,7 +15,6 @@ export function createAutoScroll(options: AutoScrollOptions) {
let settleTimer: ReturnType<typeof setTimeout> | undefined
let autoTimer: ReturnType<typeof setTimeout> | undefined
let cleanup: (() => void) | undefined
let resizeFrame: number | undefined
let auto: { top: number; time: number } | undefined
const threshold = () => options.bottomThreshold ?? 10
@ -152,11 +151,10 @@ export function createAutoScroll(options: AutoScrollOptions) {
() => {
if (!active()) return
if (store.userScrolled) return
if (resizeFrame !== undefined) return
resizeFrame = requestAnimationFrame(() => {
resizeFrame = undefined
scrollToBottom(false)
})
// ResizeObserver fires after layout, before paint.
// Keep the bottom locked in the same frame to avoid visible
// "jump up then catch up" artifacts while streaming content.
scrollToBottom(false)
},
)
@ -190,7 +188,6 @@ export function createAutoScroll(options: AutoScrollOptions) {
onCleanup(() => {
if (settleTimer) clearTimeout(settleTimer)
if (autoTimer) clearTimeout(autoTimer)
if (resizeFrame !== undefined) cancelAnimationFrame(resizeFrame)
if (cleanup) cleanup()
})