Drag a lever slider one step and back: KPI tiles, bridge chips and the value label recompute instantly

What the source does

The camera is already pushed in on the strategy section and the whole frame sits under an editorial dim (~30% darker than the surrounding shots). The pointer holds the "Expense decrease" slider knob at 10% (local f0-4). It drags the knob one step left over ~f4-14 (master 3744-3754); at ~f14 the label reads 9% and the revenue, contribution and lift tiles plus the bridge chips step to new values. They hold until the pointer drags back over ~f64-74 (master 3804-3814) and every value snaps back to the 10% state, holding to the end. The dim persists throughout.

Direct manipulation with instant recompute: a slider drag steps a value and every dependent number on the page hard-swaps in the same frame, no counting or tweening.

Phase notes

1. Frame 0 — Zoomed strategy section, dimmed; knob at 10%
2. Frame 4 — Drag knob one step left
3. Frame 14 — Label reads 9%; tiles and chips recompute
4. Frame 64 — Drag knob back
5. Frame 74 — Values snap back to the 10% case

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.
• Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.

Inspect the original verification record ↗