Click Open in on a file card, hard-cut to a new browser tab with the document, then scroll it
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A chat window on a dark field shows a bulleted recommendation, two attached file cards with 'Open in' buttons and a right-hand rail. The pointer clicks the memo card's button at local ~22. At ~28 the picture hard-cuts: a browser tab strip appears, the chat shrinks to a narrow left column and a white 'Decision memo' document with a black 'decision ask' band fills the right. The page holds, then from ~130 scrolls upward about 240 px by frame 170.
Hard cut on click into a re-flowed two-pane browser state, followed by a delayed continuous scroll of the new document.
Phase notes
- Frame 0 — Chat with file cards holds
- Frame 22 — Pointer clicks Open in
- Frame 28 — Hard cut: tab strip, narrow chat, document pane
- Frame 130 — Document scrolls up
- Frame 170 — Scroll settles
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
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.