Jiayuan Zhang 71cc646951 fix(chat): prevent UI flicker when streaming response finalizes (#1583) ...

The live timeline was rendered in a separate <div> from the persisted
messages list. When the streamed task finished and its ChatMessage
landed, the live <div> unmounted and a new <MessageBubble> mounted —
two different DOM elements showing the same content. useAutoScroll's
ResizeObserver + MutationObserver fired on both the unmount and the
mount, causing the visible jump-then-re-render.

Merge the two paths: inject a synthetic assistant message with the
pending task_id while streaming, and key every assistant bubble by
task_id. When the real message arrives (same task_id), React preserves
the DOM element across the invalidate → refetch window — no remount,
no double scroll, no flicker.

Co-authored-by: Lambda <f252c2c5-7d1d-4f3c-b394-a61abfe673fc@users.noreply.multica.ai>

2026-04-24 02:01:12 +08:00

..

components

fix(chat): prevent UI flicker when streaming response finalizes (#1583)

2026-04-24 02:01:12 +08:00

index.ts

feat(chat): Chat V2 — sidebar entry + main-area page (#1580)

2026-04-24 01:46:37 +08:00