Flip a working timer to done, drop in a report heading, grow the bars, then autoscroll

What the source does

A dark admin chat: an earlier bar list sits above a user bubble asking for spend per active user, followed by a grey 'Working for 44s' status and a thinking paragraph. At ~f12 the status flips to 'Worked for 45s', the thinking paragraph disappears and a bold heading with a one-line summary appears in its place (~f14-16). A dark card appears beneath (~f20) with three KPI tiles and five labelled bar rows whose orange and blue bars grow to their values (~f24-44). Between ~f50 and ~f66 the whole column scrolls upward so the table under the card comes into view; it holds to the end.

Status flip from working to done, heading and summary replace the thinking text, a chart card populates with growing bars, then the transcript autoscrolls to reveal the rest.

Phase notes

1. Frame 0 — Working timer and thinking text
2. Frame 12 — Timer flips to Worked; heading and summary replace thinking
3. Frame 20 — Card plate appears
4. Frame 24 — KPI tiles fade in, bars grow
5. Frame 50 — Autoscroll up 300px
6. Frame 66 — Hold on table

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.

Inspect the original verification record ↗