# Fill a floating composer's effort slider as a physical dial turns, swap its label, then let it fall back

Manual DaVinci Resolve / Fusion construction guide generated from the recipe. It is not a tested .drp.
The accompanying Remotion project (recipe.json) is the executable definition; the numbers below are copied from it.
Neither construction establishes source fidelity: this is an original vector approximation of an inspected editing moment.

## Source and clock
Reference: OpenAI's "Introducing the Codex Micro" (m8uUUUsMD3Y), published 2026-07-15.
Source interval [1319, 1383) on the 24000/1001 fps master: 64 frames, 2.669333 s. Local frame 0 = source frame 1319.
Create a 1920x1080 progressive timeline at 24000/1001 fps and a Fusion composition exactly 64 frames long. Keep integer frames; do not round the frame rate.
Background field: #b98d5c. Export silent H.264 yuv420p to match the intended playback container.

## Observation
A white composer card floats over warm, blurred desk footage while a hand works a small hardware controller. The card shows an empty placeholder, a 'Step 1 / 3' tag, an 'Advanced' row with an empty segmented slider, and a green-outlined model pill reading a light effort level. From ~f9 the slider fills blue left to right, reaching full at ~f26 while the pill label changes to the high effort level; it holds full until ~f51, then drains back to empty by ~f60 as the label reverts. The window ends on a cut at f64.

## Mechanism
Overlay control state driven by an off-screen input: a slider fill with a moving knob and a dependent label swap, then the reverse.

## Phases (local frames)
- 0: Card idle, slider empty, light effort label
- 9: Fill begins
- 18: Label swaps to high effort
- 26: Slider full
- 51: Fill drains
- 56: Label reverts
- 60: Empty again; cut at 64

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- desk [rect] at (0, 0) size 1920x1080 fill #b98d5c
- laptop [rect] at (200, 120) size 900x420 radius 16 fill #d9dad7
- laptop-screen [rect] at (240, 140) size 820x300 radius 8 fill #eef4ef
- device [rect] at (720, 700) size 520x300 radius 60 fill #e9ecef
- device-glow [ellipse] at (700, 880) size 560x160 fill #5ee6c9
- card [group] at (410, 380) size 1100x200 radius 28 fill #ffffff
  - placeholder [text] at (450, 450) text "Do anything" 24px weight 400 #9aa0a6
  - step-dot [ellipse] at (970, 410) size 12x12 fill #e3e5e8
  - step [text] at (990, 402) text "Step 1 / 3" 16px weight 400 #6b7280
  - adv-plate [rect] at (1130, 396) size 340x110 radius 16 fill #ffffff stroke #e3e5e8 1px
  - advanced [text] at (1150, 410) text "Advanced  ›" 15px weight 400 #6b7280
  - bolt [path] at (1446, 418) fill #1f6feb
  - track [rect] at (1150, 446) size 320x36 radius 18 fill #e9ebee
  - fill [rect] at (1150, 446) size 0x36 radius 18 fill #1f6feb
      keyframes w: f9=40, f26=320 (inOut), f51=320, f60=40 (inOut)
  - tick1 [ellipse] at (1230, 461) size 6x6 fill #c4c7cc
  - tick2 [ellipse] at (1300, 461) size 6x6 fill #c4c7cc
  - tick3 [ellipse] at (1370, 461) size 6x6 fill #c4c7cc
  - knob [ellipse] at (1154, 450) size 28x28 fill #ffffff stroke #d0d3d8 1px
      keyframes tx: f9=0, f26=248 (inOut), f51=248, f60=0 (inOut)
  - plus [text] at (450, 526) text "+" 24px weight 400 #5f6368
  - approve [text] at (490, 530) text "◎  Approve for me" 16px weight 400 #6b7280
  - pill [rect] at (1130, 520) size 300x40 radius 20 fill #ffffff stroke #3ddc84 2.5px
  - pill-low [text] at (1130, 530) size 300x0 text "✦ 5.6 Terra  Light  ⌄" 16px weight 600 #1f2328 visible [0, 18)
  - pill-high [text] at (1130, 530) size 300x0 text "✦ 5.6 Terra  Extra High  ⌄" 16px weight 600 #1f2328 visible [18, 56)
  - pill-low2 [text] at (1130, 530) size 300x0 text "✦ 5.6 Terra  Light  ⌄" 16px weight 600 #1f2328 visible [56, 64)
  - mic [path] at (1450, 540) fill none stroke #5f6368 2px
  - send [ellipse] at (1466, 522) size 36x36 fill #111111

## Construction steps
1. Timeline 1920x1080 at 23.976 fps; Fusion comp of 64 frames. Local 0 = master frame 1319.
2. Backdrop: warm #b98d5c plate with soft light rectangles for a laptop and a controller and a teal glow ellipse under the controller; blur these if you have footage, they only need to read as out-of-focus desk.
3. Composer card: 1100x200 white, radius 28, heavy soft shadow, centred at (410,380). Placeholder 24 px grey, 'Step 1 / 3' tag, an 'Advanced' sub-plate 340x110 at x=720 containing the slider, and a 300x40 model pill with a 2.5 px #3ddc84 stroke below it.
4. Slider: 320x36 #e9ebee track; blue fill rect Width 40 to 320 over frames 9–26 (ease in/out), hold, then 320 to 40 over 51–60; knob X offset 0 to 248 on the same keys.
5. Label: three copies of the pill text; show the light label [0,18), the high label [18,56) and the light label again from 56. Hard swaps.
6. Easy mistake: animating the label swap with a fade. The source snaps the label the moment the fill crosses roughly half the track.

## Content variants
Default copy:
- placeholder: Do anything
- step: Step 1 / 3
- advanced: Advanced  ›
- approve: Approve for me
- modelLow: 5.6 Terra  Light
- modelHigh: 5.6 Terra  Extra High
Adaptation changes:
- placeholder: What should we build?
- step: Step 2 / 4
- advanced: Options  ›
- approve: Ask before acting
- modelLow: 7.1 Vega  Quick
- modelHigh: 7.1 Vega  Deep

## Limits
Easing names map to Fusion spline shapes: linear = linear, in/out/inOut = ease curves on the same frames, hold = step, spring/overshoot = slight overshoot past the target before settling.
Text reveal frames give the first and last unit; distribute characters/words evenly between them. Cursor click rings last 14 frames.
Vector illustration is an approximation of layout and motion, not the product UI or recovered production assets.
