Stream an agent's step log line by line, scroll it as it grows, then collapse it into the final answer

What the source does

In the right-hand assistant panel a 'Working · 41s' header sits above a grey step log; new one-line steps append roughly every 4 frames and the list scrolls up as older lines leave the top. At local ~45 a short narrative sentence lands under the log; at ~60 the log is replaced by the final answer: bold-led bullets with small blue citation chips, then a 'Spreadsheet updated / Undo' card at ~80 and the thread title swaps in for the working header at ~100. The spreadsheet on the left holds dim throughout.

Streaming step log: staggered row appends with a compensating upward scroll, then a hard swap of the log for the finished answer and its confirmation card.

Phase notes

1. Frame 0 — Working header, step log appending
2. Frame 24 — Log scrolls as rows keep appending
3. Frame 45 — Narrative line lands
4. Frame 60 — Log swapped for final bullets with citations
5. Frame 80 — Spreadsheet updated / Undo card
6. Frame 100 — Thread title replaces the working header

Use this example

1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.

Recorded limits

• Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
• Fractional line spacing corrected to pixel values in this revision; both variants rerendered.

Inspect the original verification record ↗