Search, open a venue and reveal its booking panel in one live card MANUAL DAVINCI RESOLVE / FUSION REBUILD Source: Introducing ChatGPT agent — https://www.youtube.com/watch?v=Wgn4JeYI9lY Source frames [1415, 1545); local frame 0 = source frame 1415. Canvas 1920 × 1080; native cadence 24000/1001 fps; duration 130 frames. This is an editable vector/code approximation from observed frames. Geometry and easing are authored approximations. The SVG is a selected frame, not a native animated Fusion composition. No native Resolve execution or independent blind fidelity review is claimed. 1. Create a timeline with the native cadence before importing material. 2. Add a Fusion composition of exactly the stated number of frames. 3. Rebuild Background, Rectangle/Ellipse masks, Text+, Merge and Transform nodes from recipe.json. Use the included licensed Geist and DejaVu Sans Mono fonts. 4. Convert top-left pixel coordinates to Fusion normalized coordinates; invert Y. Key times are local source frames, not seconds. 5. Match the phase table and the specific instructions below; hold source and remake side by side at native speed. 6. Change content to adaptation values without moving timing or geometry. SVG snapshots omit render-only shadow, blur, carets, and click-ripple details. Observed source: The compact live-browser view moves from search results to a restaurant page and then an overlaid reservation panel. Observed in sampled source frames; event onsets between samples are approximate. Mechanism: Three web states reuse the live-card border and playback strip. Geometry, copy, vector artwork and easing are authored approximations. Phase table: f0000: Initial source composition f0021: Search results populate the live browser card f0054: A venue page replaces the result list f0093: A booking panel opens over the page Specific reconstruction: 1. Create a 1920 × 1080 Fusion composition at the listed source rational frame rate and exact interval length. Build the described layers from editable shapes and text; the reference excerpt is not a remake input. 2. At local frame 0: Initial source composition. 3. At local frame 21: Search results populate the live browser card. 4. At local frame 54: A venue page replaces the result list. 5. At local frame 93: A booking panel opens over the page. 6. Use the supplied recipe coordinates and tracks for the authored approximation. Substitute the adaptation copy while preserving the ordering and timing. Native Resolve execution is unverified. Exact declarative geometry, visibility and keys: { "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "camera": [], "layers": [ { "type": "text", "text": { "$": "taskTitle" }, "x": 475, "y": 110, "w": 1080, "fontSize": 30, "lineHeight": 40, "color": "#767c81", "wrap": true }, { "type": "rect", "x": 445, "y": 172, "w": 1110, "h": 780, "fill": "#83b6ef", "rx": 20 }, { "type": "rect", "x": 475, "y": 205, "w": 1050, "h": 696, "fill": "#ffffff", "rx": 15 }, { "type": "text", "text": "Search", "x": 910, "y": 222, "w": 370, "fontSize": 25, "lineHeight": 34, "color": "#767c81", "wrap": true }, { "type": "rect", "x": 500, "y": 280, "w": 1000, "h": 59, "fill": "#f5f6f7", "rx": 12 }, { "type": "text", "text": { "$": "query" }, "x": 530, "y": 298, "w": 930, "fontSize": 27, "lineHeight": 36, "color": "#16191b", "wrap": true, "reveal": { "mode": "chars", "from": 0, "to": 19 } }, { "type": "group", "children": [ { "type": "text", "text": "Garden House — City Center", "x": 525, "y": 375, "w": 930, "fontSize": 30, "lineHeight": 40, "color": "#16191b", "wrap": true }, { "type": "text", "text": "Market Table — Old Town", "x": 525, "y": 478, "w": 930, "fontSize": 30, "lineHeight": 40, "color": "#16191b", "wrap": true }, { "type": "text", "text": "Waterfront Kitchen — Harbor", "x": 525, "y": 581, "w": 930, "fontSize": 30, "lineHeight": 40, "color": "#16191b", "wrap": true }, { "type": "text", "text": "Orchard Room — Northside", "x": 525, "y": 684, "w": 930, "fontSize": 30, "lineHeight": 40, "color": "#16191b", "wrap": true } ], "from": 21, "to": 54 }, { "type": "group", "children": [ { "type": "rect", "x": 492, "y": 269, "w": 1015, "h": 335, "fill": "#738f83" }, { "type": "text", "text": "Garden House", "x": 532, "y": 642, "w": 900, "fontSize": 52, "lineHeight": 70, "color": "#16191b", "wrap": true, "fontWeight": 650 }, { "type": "text", "text": "Menu Experiences Reviews", "x": 532, "y": 727, "w": 900, "fontSize": 28, "lineHeight": 38, "color": "#16191b", "wrap": true }, { "type": "rect", "x": 1050, "y": 688, "w": 370, "h": 110, "fill": "#f0f2f1", "rx": 12 } ], "from": 54, "to": 130 }, { "type": "group", "children": [ { "type": "rect", "x": 475, "y": 205, "w": 1050, "h": 695, "fill": "#00000055" }, { "type": "rect", "x": 645, "y": 290, "w": 720, "h": 535, "fill": "#ffffff", "rx": 18 }, { "type": "text", "text": { "$": "booking" }, "x": 690, "y": 332, "w": 630, "fontSize": 35, "lineHeight": 47, "color": "#16191b", "wrap": true, "fontWeight": 600 }, { "type": "text", "text": "Select an available time", "x": 690, "y": 425, "w": 610, "fontSize": 27, "lineHeight": 36, "color": "#16191b", "wrap": true }, { "type": "rect", "x": 690, "y": 485, "w": 610, "h": 70, "fill": "#f4e8eb", "rx": 8 }, { "type": "text", "text": "Tuesday 6:00 pm", "x": 705, "y": 495, "w": 580, "fontSize": 28, "lineHeight": 38, "color": "#16191b", "wrap": true }, { "type": "rect", "x": 690, "y": 559, "w": 610, "h": 70, "fill": "#f4e8eb", "rx": 8 }, { "type": "text", "text": "Wednesday 7:00 pm", "x": 705, "y": 569, "w": 580, "fontSize": 28, "lineHeight": 38, "color": "#16191b", "wrap": true }, { "type": "rect", "x": 690, "y": 633, "w": 610, "h": 70, "fill": "#f4e8eb", "rx": 8 }, { "type": "text", "text": "Friday 6:30 pm", "x": 705, "y": 643, "w": 580, "fontSize": 28, "lineHeight": 38, "color": "#16191b", "wrap": true } ], "from": 93, "to": 130 }, { "type": "rect", "x": 480, "y": 925, "w": 1015, "h": 4, "fill": "#ffffff" }, { "type": "ellipse", "x": 1485, "y": 917, "w": 20, "h": 20, "fill": "#ffffff" } ] }