# Click a table row, snap a right-hand detail sheet over a dimmed page, then push in

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 "ChatGPT Work for Sales: Pipeline and Forecast Intelligence" (q9TPE7pKkIo), published 2026-07-28.
Source interval [1840, 1930) on the 30/1 fps master: 90 frames, 3.000000 s. Local frame 0 = source frame 1840.
Create a 1920x1080 progressive timeline at 30/1 fps and a Fusion composition exactly 90 frames long. Keep integer frames; do not round the frame rate.
Background field: #0b1220. Export silent H.264 yuv420p to match the intended playback container.

## Observation
A white browser window floats on a dark starfield showing a sales-play page: a three-step row, a blue KPI pill and a five-row account table. The pointer rests on the first account name and drifts slightly (~f0-28), then clicks (~f30). Between local f30 and f34 a full-height detail sheet is already fully in place over the right 45% of the window and the rest of the page is dimmed grey; there is no visible slide. The sheet holds until ~f58, then the camera pushes into the sheet until ~f72 and holds.

## Mechanism
Row click snaps a right-hand detail sheet plus backdrop dim into place as a near-instant state change, followed by a delayed eased camera push-in on the new sheet.

## Phases (local frames)
- 0: Page with account table, pointer on row 1
- 30: Click on row 1
- 32: Detail sheet and dim snap in (2-3 frames)
- 58: Camera push-in on sheet begins
- 72: Push-in settles at 1.75x

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- browser [group] at (120, 60) size 1680x960 radius 18 fill #ffffff
  - chrome [rect] at (120, 60) size 1680x44 fill #f3f4f6
  - dot1 [ellipse] at (138, 75) size 14x14 fill #f25f58
  - dot2 [ellipse] at (160, 75) size 14x14 fill #fbbe3c
  - dot3 [ellipse] at (182, 75) size 14x14 fill #58c951
  - urlbar [rect] at (680, 69) size 560x26 radius 8 fill #e5e7eb
  - section-title [text] at (176, 144) text "Sales play opportunity" 24px weight 600 #111827
  - section-sub [text] at (176, 178) text "A repeatable three-step motion that converts funded pilots into production decisions." 16px weight 400 #6b7280
  - kpi-plate [rect] at (1300, 136) size 440x72 radius 12 fill #eaf2ff
  - kpi-text [text] at (1320, 150) text "74% close-won rate" 24px weight 600 #1d4ed8
  - kpi-sub [text] at (1320, 182) text "when all three steps land before proposal" 14px weight 400 #4b5563
  - s1-dot [ellipse] at (176, 236) size 26x26 fill #e0532f
  - s1-num [text] at (176, 239) size 26x0 text "1" 14px weight 700 #ffffff
  - s1 [text] at (212, 238) text "Run a discovery workshop" 18px weight 600 #111827
  - s1-l1 [rect] at (212, 272) size 380x8 radius 4 fill #e5e7eb
  - s1-l2 [rect] at (212, 288) size 300x8 radius 4 fill #e5e7eb
  - s2-dot [ellipse] at (720, 236) size 26x26 fill #e0532f
  - s2-num [text] at (720, 239) size 26x0 text "2" 14px weight 700 #ffffff
  - s2 [text] at (756, 238) text "Complete security validation" 18px weight 600 #111827
  - s2-l1 [rect] at (756, 272) size 380x8 radius 4 fill #e5e7eb
  - s2-l2 [rect] at (756, 288) size 260x8 radius 4 fill #e5e7eb
  - s3-dot [ellipse] at (1264, 236) size 26x26 fill #e0532f
  - s3-num [text] at (1264, 239) size 26x0 text "3" 14px weight 700 #ffffff
  - s3 [text] at (1300, 238) text "Confirm an executive sponsor" 18px weight 600 #111827
  - s3-l1 [rect] at (1300, 272) size 380x8 radius 4 fill #e5e7eb
  - s3-l2 [rect] at (1300, 288) size 320x8 radius 4 fill #e5e7eb
  - table-title [text] at (176, 390) text "Top accounts (first wave)" 20px weight 600 #111827
  - table-count [text] at (1500, 394) size 240x0 text "5 highlighted records" 14px weight 400 #6b7280
  - th [text] at (176, 436) text "Account                                          Current ARR            Open opportunity          Active initiative                          Play fit                                   Readiness" 14px weight 600 #6b7280
  - th-rule [rect] at (176, 462) size 1564x1 fill #e5e7eb
  - row1-hover [rect] at (164, 472) size 1588x52 radius 8 fill #f1f5f9 visible [30, 90)
  - r1-a [text] at (176, 486) text "Northwind Metals" 18px weight 500 #1d4ed8
  - r1-b [text] at (560, 488) text "$2.6M                 $6.4M ACV                   NorthStar program              Strategic AI" 16px weight 400 #374151
  - r1-badge [rect] at (1620, 484) size 90x28 radius 14 fill #fee2e2
  - r1-badge-t [text] at (1620, 489) size 90x0 text "Act now" 14px weight 600 #b91c1c
  - r2-a [text] at (176, 542) text "Fabrikam Industrial" 18px weight 500 #1d4ed8
  - r2-b [text] at (560, 544) text "$1.9M                 $4.2M ACV                   FactoryIQ rollout                Strategic AI" 16px weight 400 #374151
  - r2-badge [rect] at (1620, 540) size 90x28 radius 14 fill #fef3c7
  - r2-badge-t [text] at (1620, 545) size 90x0 text "High" 14px weight 600 #b45309
  - r3-a [text] at (176, 598) text "Contoso Automation" 18px weight 500 #1d4ed8
  - r3-b [text] at (560, 600) text "$1.4M                 $3.1M ACV                   Digital thread                    Strategic AI" 16px weight 400 #374151
  - r3-badge [rect] at (1620, 596) size 90x28 radius 14 fill #fef3c7
  - r3-badge-t [text] at (1620, 601) size 90x0 text "High" 14px weight 600 #b45309
  - r4-a [text] at (176, 654) text "Tailspin Precision" 18px weight 500 #1d4ed8
  - r4-b [text] at (560, 656) text "$1.1M                 $2.7M ACV                   Smart factory 2.0              Strategic AI" 16px weight 400 #374151
  - r4-badge [rect] at (1620, 652) size 90x28 radius 14 fill #fef3c7
  - r4-badge-t [text] at (1620, 657) size 90x0 text "High" 14px weight 600 #b45309
  - r5-a [text] at (176, 710) text "Relecloud Materials" 18px weight 500 #1d4ed8
  - r5-b [text] at (560, 712) text "$0.9M                 $2.2M ACV                   Plant vision rollout           Strategic AI" 16px weight 400 #374151
  - r5-badge [rect] at (1620, 708) size 90x28 radius 14 fill #fef3c7
  - r5-badge-t [text] at (1620, 713) size 90x0 text "High" 14px weight 600 #b45309
  - view-all [text] at (176, 772) text "View all 12 accounts" 15px weight 400 #1d4ed8
  - dim [rect] at (120, 60) size 1680x960 fill #0f172a visible [32, 90)
  - sheet [group] at (1040, 60) size 760x960 fill #ffffff visible [32, 90)
    - sheet-eyebrow [text] at (1080, 90) text "Account evidence and recommended play" 14px weight 400 #6b7280
    - sheet-close [text] at (1740, 82) text "×" 28px weight 400 #6b7280
    - sheet-title [text] at (1080, 116) size 660x0 text "Northwind Metals: Run a discovery workshop" 26px weight 700 #111827
    - ctx-h [text] at (1080, 200) text "ACCOUNT CONTEXT" 13px weight 600 #6b7280
    - ctx-k1 [text] at (1080, 230) text "STAGE" 13px weight 400 #9ca3af
    - ctx-v1 [text] at (1080, 250) text "Solution validation" 17px weight 500 #111827
    - ctx-k2 [text] at (1420, 230) text "CURRENT ARR" 13px weight 400 #9ca3af
    - ctx-v2 [text] at (1420, 250) text "$2.6M" 17px weight 500 #111827
    - ctx-k3 [text] at (1080, 286) text "OPEN OPPORTUNITY" 13px weight 400 #9ca3af
    - ctx-v3 [text] at (1080, 306) text "$6.4M ACV · $24.8M TCV" 17px weight 500 #111827
    - ctx-k4 [text] at (1420, 286) text "ACTIVE INITIATIVE" 13px weight 400 #9ca3af
    - ctx-v4 [text] at (1420, 306) text "73 active experiments" 17px weight 500 #111827
    - signal-card [rect] at (1080, 360) size 680x96 radius 10 fill #eaf2ff
    - signal-bar [rect] at (1080, 360) size 5x96 fill #2563eb
    - signal-title [text] at (1104, 374) text "Buying signal" 16px weight 700 #111827
    - signal-body [text] at (1104, 402) size 640x0 text "The CTO praised the pilot results and asked for a route to secure production." 15px weight 400 #374151
    - block-card [rect] at (1080, 472) size 680x124 radius 10 fill #fff4e5
    - block-bar [rect] at (1080, 472) size 5x124 fill #ea580c
    - block-title [text] at (1104, 486) text "What is blocking the decision" 16px weight 700 #111827
    - block-body [text] at (1104, 514) size 640x0 text "Engineering, security and operations have not agreed on data residency or rollout order. The budget is funded but the deal is still framed as an experiment." 15px weight 400 #374151
    - why-h [text] at (1080, 626) text "WHY THIS ACTION PLAN IS JUSTIFIED" 13px weight 600 #6b7280
    - stat-icon [path] at (1080, 666) stroke #2563eb 3px
    - stat [text] at (1124, 652) text "74% close won  ·  2.3× the baseline" 22px weight 700 #1d4ed8
    - justify [text] at (1124, 690) size 620x0 text "This account matches the highest-converting pattern in the segment: a funded initiative with a technical proof but no workshop yet." 15px weight 400 #374151
    - src [text] at (1124, 760) text "Source: CRM opportunity history, prior four quarters." 13px weight 400 #9ca3af
- pointer [cursor] at (260, 500) clicks at [30]
    keyframes tx: f0=0, f28=-12 (inOut)
    keyframes ty: f0=0, f28=-6 (inOut)

## Camera (whole scene, about canvas centre)
- scale: f58=1, f72=1.75 (inOut)
- tx: f58=0, f72=-840 (inOut)
- ty: f58=0, f72=105 (inOut)

## Construction steps
1. Timeline 1920x1080 at 30 fps; Fusion composition 90 frames. Local 0 = master frame 1840.
2. Background: solid #0b1220. Browser plate 1680x960 white, radius 18, big soft shadow, clipped; build the three-step row, blue KPI pill and five-row table as Text+ and Rectangle nodes.
3. Pointer: place on row 1, drift 12px left over frames 0-28 with ease in/out, click ring at frame 30 (14 frames long); add a light row-hover rectangle from frame 30.
4. Dim: a #0f172a rectangle over the page at 28% opacity, appearing as a hold key at frame 32. Sheet: 760x960 white plate at x 920 with a left shadow, all children visible from frame 32. Do not ease either - the source changes state within about two frames.
5. Camera (Transform on the whole comp, centre pivot): Size 1 -> 1.75 and Center offset (0,0) -> (-840,105) px from frame 58 to 72, ease in/out; hold to the end.
6. Easy mistake: animating the sheet as a slide-in. The source shows no travel; only the later camera push is eased.

## Content variants
Default copy:
- sectionTitle: Sales play opportunity
- sectionSub: A repeatable three-step motion that converts funded pilots into production decisions.
- kpi: 74% close-won rate
- kpiSub: when all three steps land before proposal
- step1: Run a discovery workshop
- step2: Complete security validation
- step3: Confirm an executive sponsor
- tableTitle: Top accounts (first wave)
- acct1: Northwind Metals
- acct2: Fabrikam Industrial
- acct3: Contoso Automation
- acct4: Tailspin Precision
- acct5: Relecloud Materials
- sheetTitle: Northwind Metals: Run a discovery workshop
- signalTitle: Buying signal
- signalBody: The CTO praised the pilot results and asked for a route to secure production.
- blockTitle: What is blocking the decision
- blockBody: Engineering, security and operations have not agreed on data residency or rollout order. The budget is funded but the deal is still framed as an experiment.
- stat: 74% close won  ·  2.3× the baseline
- justify: This account matches the highest-converting pattern in the segment: a funded initiative with a technical proof but no workshop yet.
Adaptation changes:
- sectionTitle: Renewal rescue play
- kpi: 68% saved renewals
- kpiSub: when a health review happens 90 days out
- step1: Schedule a health review
- step2: Map adoption gaps
- step3: Align on a success plan
- tableTitle: At-risk renewals (Q3)
- acct1: Bluebird Logistics
- acct2: Granite Health
- acct3: Meridian Retail
- acct4: Oakridge Energy
- acct5: Lumen Studios
- sheetTitle: Bluebird Logistics: Schedule a health review
- signalTitle: Risk signal
- signalBody: Weekly active seats fell 30% after the ops lead changed teams.
- blockTitle: What is blocking the renewal
- blockBody: No executive owner has been named since the reorganisation and the new team has not seen the original success criteria.
- stat: 68% saved  ·  1.9× the baseline
- justify: Accounts with an early health review renew at nearly twice the rate of those contacted in the final month.

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