# Open a small dropdown from an action bar, walk the pointer down its items, select one, and append a link line to the side column

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 "Create campaign concepts and assets with Codex" (2ey7znf8SI0), published 2026-06-10.
Source interval [4640, 4820) on the 60/1 fps master: 180 frames, 3.000000 s. Local frame 0 = source frame 4640.
Create a 1920x1080 progressive timeline at 60/1 fps and a Fusion composition exactly 180 frames long. Keep integer frames; do not round the frame rate.
Background field: #3b3be0. Export silent H.264 yuv420p to match the intended playback container.

## Observation
A lightbox of a portrait ad sits over a dimmed board with an action bar. The pointer clicks the 'Open in' action (~f8) and a three-item dropdown pops up above it (~f10). The menu holds while the pointer drifts, then walks down the items with a hover highlight (~f75–f125). At ~f138 the pointer clicks the second item; the menu closes (~f142) and shortly after a new link line is appended beneath the text in the left column (~f150).

## Mechanism
Dropdown lifecycle: click-to-open, hover walk with item highlight, select-to-close, and a delayed side-effect elsewhere in the layout.

## Phases (local frames)
- 0: Pointer approaches Open in
- 8: Click opens dropdown
- 75: Hover walk begins
- 138: Second item selected
- 142: Menu closes
- 150: Link line appended in left column

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- bg [rect] at (0, 0) size 1920x1080 fill #3b3be0
- glow [ellipse] at (900, -200) size 1400x1200 fill #8a5cf5
- window [group] at (160, 60) size 1600x960 radius 16 fill #ffffff stroke #d8d8e0 1px
  - tl-r [ellipse] at (176, 74) size 12x12 fill #ff5f57
  - tl-y [ellipse] at (194, 74) size 12x12 fill #febc2e
  - tl-g [ellipse] at (212, 74) size 12x12 fill #28c840
  - tab [rect] at (460, 68) size 220x26 radius 7 fill #f0f0f3
  - tab-t [text] at (476, 72) text "Creative Producer" 15px weight 500 #3a3a3a
  - dim [rect] at (160, 60) size 1600x960 fill #fbfbfb
  - left-plate [rect] at (184, 110) size 360x700 fill #ffffff
  - li-0 [text] at (200, 120) text "Created six display sizes:" 16px weight 400 #5a5a5a
  - li-1 [text] at (200, 144) text "  300×250" 16px weight 400 #5a5a5a
  - li-2 [text] at (200, 168) text "  336×280" 16px weight 400 #5a5a5a
  - li-3 [text] at (200, 192) text "  728×90" 16px weight 400 #5a5a5a
  - li-4 [text] at (200, 216) text "  970×250" 16px weight 400 #5a5a5a
  - li-5 [text] at (200, 240) text "  300×600" 16px weight 400 #5a5a5a
  - li-6 [text] at (200, 264) text "  160×600" 16px weight 400 #5a5a5a
  - li-7 [text] at (200, 288)
  - li-8 [text] at (200, 312) text "All tiles are on the board." 16px weight 400 #5a5a5a
  - link-dot [rect] at (200, 360) size 10x10 radius 5 fill #3b6ef0 visible [150, 180)
  - link [text] at (218, 352) text "Open the editable Canvas project" 16px weight 500 #2653c9 visible [150, 180)
  - ad [rect] at (860, 160) size 380x760 radius 10 fill #efe6d8
  - ad-k [text] at (890, 186) text "MAISON ORME" 14px weight 500 #8a7a5a
  - ad-t [text] at (890, 210) text "Grand / Opening" 60px weight 600 #2a1c12
  - ad-d [text] at (890, 366) text "June 2" 18px weight 400 #5a4a3a
  - ad-p [ellipse] at (920, 480) size 260x260 fill #3a2418
  - prev [text] at (580, 460) text "‹" 40px weight 400 #5a5a5a
  - next [text] at (1410, 460) text "›" 40px weight 400 #5a5a5a
  - close [text] at (1660, 100) text "×" 30px weight 400 #5a5a5a
  - bar-plate [rect] at (780, 960) size 380x40 radius 12 fill #ffffff stroke #e0e0e0 1px
  - bar-t [text] at (780, 968) size 380x0 text "⤓ Attach     ⟲ Remix     ▢ Open in ⌄" 17px weight 500 #3a3a3a
  - menu [group] at (990, 830) size 170x120 radius 10 fill #ffffff stroke #e0e0e0 1px visible [10, 142)
    - hl [rect] at (996, 836) size 158x34 radius 8 fill #f0f0f3 visible [75, 180)
        keyframes y: f75=6, f100=42 (inOut), f125=78 (inOut), f134=42 (inOut)
    - m-a [text] at (1034, 842) text "Folder" 17px weight 500 #2a2a2a
    - m-b [text] at (1034, 878) text "Canvas" 17px weight 500 #2a2a2a
    - m-c [text] at (1034, 914) text "Figma" 17px weight 500 #2a2a2a
    - ic-a [rect] at (1006, 844) size 16x16 radius 3 fill #c8c8cc
    - ic-b [ellipse] at (1006, 880) size 16x16 fill #2fb0d8
    - ic-c [rect] at (1006, 916) size 16x16 radius 8 fill #e04a3a
- pointer [cursor] at (1120, 1000) clicks at [8, 138]
    keyframes tx: f0=0, f8=-80 (inOut), f60=-80, f75=-160 (inOut), f100=-160, f125=-160, f134=-160, f160=-100 (inOut)
    keyframes ty: f0=0, f8=-70 (inOut), f60=-70, f75=-150 (inOut), f100=-114 (inOut), f125=-78 (inOut), f134=-114 (inOut), f160=-40 (inOut)

## Construction steps
1. Timeline 1920x1080 at 60 fps; Fusion composition 180 frames. Local 0 = master frame 4640.
2. Static: window, dimmed board, portrait ad card (380x760), arrows and 380x40 action bar.
3. Dropdown: 170x120 white card with three 36px rows (icon + 17px label) at window-local (830,770), visible frames 10–141, instant on and off.
4. Hover highlight: 158x34 #f0f0f3 pill inside the menu from frame 75; keyframe Y 6→42 (75–100), 42→78 (100–125), 78→42 (125–134) with ease in-out to follow the pointer.
5. Pointer: click ring at 8 on 'Open in' and at 138 on the second item; keep the pointer moving in step with the highlight.
6. Side effect: at frame 150 switch on the blue dot and 16px link line under the left column text, no fade.
7. Easy mistake: closing the menu on the click frame. The source closes four frames after the click and appends the link another eight frames later.

## Content variants
Default copy:
- brand: MAISON ORME
- headline: Grand / Opening
- date: June 2
- attach: Attach
- remix: Remix
- open: Open in
- itemA: Folder
- itemB: Canvas
- itemC: Figma
- linkText: Open the editable Canvas project
Adaptation changes:
- brand: CAFÉ LUMEN
- headline: Now / Roasting
- date: March 14
- itemB: Sketchpad
- linkText: Open the editable Sketchpad file

## 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.