# Swap a chip tooltip for a radio popover on click, then walk the hover highlight down a row

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 "How to remix with Sora" (tC2ZELc4bOA), published 2024-12-09.
Source interval [2235, 2340) on the 60/1 fps master: 105 frames, 1.750000 s. Local frame 0 = source frame 2235.
Create a 1920x1080 progressive timeline at 60/1 fps and a Fusion composition exactly 105 frames long. Keep integer frames; do not round the frame rate.
Background field: #000000. Export silent H.264 yuv420p to match the intended playback container.

## Observation
A dark composer under a portrait video shows a typed edit request and a chip row; the pointer rests on the 'Strong remix' chip and a small 'Remix strength' tooltip floats above it (f0–12). The pointer clicks at ~f13: the tooltip vanishes and a dark popover scales in above the chip (~f15–27) listing Strong (selected), Mild, Subtle and Custom, each with a grey description and a radio ring. It holds; at ~f65 the pointer moves onto 'Mild' and a lighter hover plate highlights that row, holding to f104.

## Mechanism
Tooltip-to-popover disclosure: a hover tooltip is replaced on click by a scaled-in option popover, then a hover plate walks to a new row.

## Phases (local frames)
- 0: Chip tooltip visible
- 13: Click on chip; tooltip gone
- 15: Popover scales in
- 27: Popover holds
- 65: Hover plate highlights second row
- 104: Hold

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- video [group] at (760, 20) size 400x560
  - v-bg [rect] at (760, 20) size 400x560 radius 8 fill #33444c
  - v-sea [rect] at (760, 320) size 400x260 fill #26505a
  - v-cliff [rect] at (800, 280) size 320x140 radius 30 fill #6b5a48
  - v-house [rect] at (910, 200) size 120x90 radius 4 fill #c9c7c0
- composer [group] at (340, 780) size 1240x140
  - composer-bg [rect] at (340, 780) size 1240x140 radius 20 fill #1c1c1c stroke #2c2c2c 1px
  - typed [text] at (370, 810) text "replace the concrete house with a timber cabin" 20px weight 400 #ffffff
  - chip1-bg [rect] at (370, 868) size 64x34 radius 8 fill #2b2b2b
  - chip1 [text] at (370, 876) size 64x0 text "2v" 16px weight 500 #e0e0e0
  - chip2-bg [rect] at (446, 868) size 84x34 radius 8 fill #2b2b2b
  - chip2 [text] at (446, 876) size 84x0 text "480p" 16px weight 500 #e0e0e0
  - chip3-bg [rect] at (542, 868) size 150x34 radius 8 fill #2b2b2b
      keyframes fill: f12=#2b2b2b, f14=#3d3d3d
  - chip3 [text] at (542, 876) size 150x0 text "Strong remix" 16px weight 500 #e0e0e0
  - help [text] at (712, 874) text "?" 18px weight 500 #8a8a8a
  - btn [rect] at (1464, 866) size 86x38 radius 19 fill #ffffff
  - btn-t [text] at (1464, 875) size 86x0 text "Remix" 17px weight 600 #111111
- tooltip [group] at (560, 826) size 150x36 visible [0, 15)
    keyframes opacity: f12=1, f15=0 (out)
  - tip-bg [rect] at (560, 826) size 150x36 radius 8 fill #2a2a2a
  - tip [text] at (560, 835) size 150x0 text "Remix strength" 15px weight 500 #ffffff
- popover [group] at (520, 480) size 420x320 visible [15, 105)
    keyframes opacity: f15=0, f22=1 (out)
    keyframes scale: f15=0.9, f27=1 (out)
  - pop-bg [rect] at (520, 480) size 420x320 radius 16 fill #242424 stroke #333333 1px
  - pop-title [text] at (544, 502) text "Remix strength" 15px weight 500 #9a9a9a
  - hover [rect] at (532, 554) size 396x58 radius 10 fill #3a3a3a
      keyframes opacity: f65=0, f70=1 (out)
  - row-ico-0 [ellipse] at (546, 574) size 16x16 fill #2a2a2a stroke #9a9a9a 1.5px
  - row-a-0 [text] at (576, 564) text "Strong" 18px weight 600 #ffffff
  - row-b-0 [text] at (576, 587) text "Significant changes to original video" 13px weight 400 #9a9a9a
  - radio-0 [ellipse] at (892, 574) size 18x18 fill #2a2a2a stroke #8a8a8a 1.5px
  - row-ico-1 [ellipse] at (546, 632) size 16x16 fill #2a2a2a stroke #9a9a9a 1.5px
  - row-a-1 [text] at (576, 622) text "Mild" 18px weight 600 #ffffff
  - row-b-1 [text] at (576, 645) text "Noticeable changes to original video" 13px weight 400 #9a9a9a
  - radio-1 [ellipse] at (892, 632) size 18x18 fill #2a2a2a stroke #8a8a8a 1.5px
  - row-ico-2 [ellipse] at (546, 690) size 16x16 fill #2a2a2a stroke #9a9a9a 1.5px
  - row-a-2 [text] at (576, 680) text "Subtle" 18px weight 600 #ffffff
  - row-b-2 [text] at (576, 703) text "Minor changes to original video" 13px weight 400 #9a9a9a
  - radio-2 [ellipse] at (892, 690) size 18x18 fill #2a2a2a stroke #8a8a8a 1.5px
  - row-ico-3 [ellipse] at (546, 748) size 16x16 fill #2a2a2a stroke #9a9a9a 1.5px
  - row-a-3 [text] at (576, 738) text "Custom" 18px weight 600 #ffffff
  - row-b-3 [text] at (576, 761) text "Set custom remix strength" 13px weight 400 #9a9a9a
  - radio-3 [ellipse] at (892, 748) size 18x18 fill #2a2a2a stroke #8a8a8a 1.5px
  - radio-fill [ellipse] at (896, 578) size 10x10 fill #ffffff
- gradient-strip [rect] at (0, 1040) size 1920x40 fill #1f3f9a
- pointer [cursor] at (612, 900) clicks at [13]
    keyframes tx: f50=0, f65=60 (inOut)
    keyframes ty: f50=0, f65=-296 (inOut)

## Construction steps
1. Timeline 1920x1080 at 60 fps; Fusion comp 105 frames. Local 0 = master frame 2235.
2. Composer: 1240x140 #1c1c1c plate at (340,780) with 20px typed text, three chips, a help mark and a white Remix pill; the third chip fill steps to #3d3d3d at frame 13 as pressed feedback.
3. Tooltip: 150x36 #2a2a2a pill centred above the chip at (560,826); Blend 1 to 0 over frames 12–15 and disable at 15.
4. Popover: 420x320 #242424 card, radius 16, shadow; 15px grey title, four 58px rows (18px white label, 13px grey description, 18px radio ring at right, first radio filled). Pivot bottom-left; Blend 0 to 1 over 15–22 and Size 0.9 to 1.0 ease-out over 15–27.
5. Hover plate: 396x58 #3a3a3a rounded 10 behind row two; Blend 0 to 1 over 65–70. Pointer travels from the chip (612,900) to the row over 50–65 with ease-in-out; click ring at 13.
6. Easy mistake: keeping the tooltip alive under the popover; the source drops it before the popover starts scaling in.

## Content variants
Default copy:
- typed: replace the concrete house with a timber cabin
- chip1: 2v
- chip2: 480p
- chip3: Strong remix
- button: Remix
- tip: Remix strength
- title: Remix strength
- r0a: Strong
- r0b: Significant changes to original video
- r1a: Mild
- r1b: Noticeable changes to original video
- r2a: Subtle
- r2b: Minor changes to original video
- r3a: Custom
- r3b: Set custom remix strength
Adaptation changes:
- typed: make the sky a stormy purple and add rain
- chip3: Heavy edit
- tip: Edit intensity
- title: Edit intensity
- r0a: Heavy
- r0b: Rebuilds most of the frame
- r1a: Medium
- r1b: Keeps composition, changes detail
- r2a: Light
- r2b: Small tonal adjustments
- r3a: Manual
- r3b: Set an exact value

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