Show browser control, target the task tab, and enter the transaction form

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: ChatGPT can now complete tasks on your computer — https://www.youtube.com/watch?v=dB6pOolO7io
Source frames [1031, 1126); local frame 0 = source frame 1031.
Canvas 1920 × 1080; native cadence 24000/1001 fps; duration 95 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:
A portal page settles by f13. A browser-control banner and highlighted task tab are visible by f27/f40. The framing moves toward the tab strip at f54/f67, then a transaction form with merchant suggestions appears at f94. Source states were inspected at the recorded sample frames; intervening timing and easing are authored approximations. Peripheral host insets and source photography are not remake assets.

Mechanism:
The control banner precedes the external form; emphasize the selected browser tab before switching content to a field-and-suggestion interface.

Phase table:
  f0000: Portal page
  f0027: Browser control banner
  f0054: Task tab emphasized
  f0094: Transaction form

Specific reconstruction:
  1. Set the Fusion composition to the source rational fps and 95 frames. Build the original vector fixture as separate editable text, shape and group layers.
  2. At local frame 0: Portal page.
  3. At local frame 27: Browser control banner.
  4. At local frame 54: Task tab emphasized.
  5. At local frame 94: Transaction form.
  6. The control banner precedes the external form; emphasize the selected browser tab before switching content to a field-and-suggestion interface.
  7. Treat geometry and interpolation as an authored draft. Compare with the moving source before approving source fidelity; no native Resolve execution is claimed.

Exact declarative geometry, visibility and keys:
{
  "canvas": {
    "width": 1920,
    "height": 1080,
    "background": "#253b3f"
  },
  "camera": [],
  "layers": [
    {
      "id": "portal-state",
      "type": "group",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "children": [
        {
          "id": "portal",
          "type": "group",
          "x": 95,
          "y": 80,
          "w": 1730,
          "h": 925,
          "children": [
            {
              "id": "portal-chrome",
              "type": "rect",
              "x": 0,
              "y": 0,
              "w": 1730,
              "h": 44,
              "fill": "#eeeee8"
            },
            {
              "id": "portal-dot1",
              "type": "ellipse",
              "x": 18,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#9d9e93"
            },
            {
              "id": "portal-dot2",
              "type": "ellipse",
              "x": 33,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#aeb0a3"
            },
            {
              "id": "portal-dot3",
              "type": "ellipse",
              "x": 48,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#bfc0b4"
            },
            {
              "id": "portal-title",
              "type": "text",
              "x": 82,
              "y": 10,
              "text": "Fieldwork",
              "fontSize": 18,
              "color": "#252521"
            },
            {
              "id": "portal-title",
              "type": "text",
              "x": 570,
              "y": 330,
              "text": {
                "$": "title"
              },
              "fontSize": 48,
              "color": "#252521"
            },
            {
              "id": "portal-composer",
              "type": "group",
              "x": 395,
              "y": 465,
              "w": 1150,
              "h": 185,
              "children": [
                {
                  "id": "portal-composer-plate",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 1150,
                  "h": 185,
                  "fill": "#fff",
                  "rx": 22,
                  "stroke": "#dfded6"
                },
                {
                  "id": "portal-composer-copy",
                  "type": "text",
                  "x": 24,
                  "y": 20,
                  "text": {
                    "$": "prompt"
                  },
                  "fontSize": 24,
                  "color": "#252521",
                  "w": 1080,
                  "wrap": true
                },
                {
                  "id": "portal-composer-plus",
                  "type": "text",
                  "x": 22,
                  "y": 142,
                  "text": "+",
                  "fontSize": 27,
                  "color": "#252521"
                },
                {
                  "id": "portal-composer-mode",
                  "type": "text",
                  "x": 60,
                  "y": 148,
                  "text": "Workspace  /  Standard",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "portal-composer-send",
                  "type": "ellipse",
                  "x": 1098,
                  "y": 134,
                  "w": 34,
                  "h": 34,
                  "fill": "#252521"
                },
                {
                  "id": "portal-composer-arrow",
                  "type": "text",
                  "x": 1105,
                  "y": 137,
                  "text": "↑",
                  "fontSize": 23,
                  "color": "#fff"
                }
              ]
            },
            {
              "id": "portal-nav",
              "type": "text",
              "x": 345,
              "y": 115,
              "text": "Research    Projects    Reports    Help",
              "fontSize": 22,
              "color": "#252521"
            }
          ],
          "fill": "#fff",
          "rx": 14,
          "clip": true
        }
      ],
      "to": 76
    },
    {
      "id": "control-banner",
      "type": "group",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "children": [
        {
          "id": "control-strip",
          "type": "rect",
          "x": 95,
          "y": 125,
          "w": 1730,
          "h": 57,
          "fill": "#e4ece1"
        },
        {
          "id": "control-copy",
          "type": "text",
          "x": 1090,
          "y": 141,
          "text": "Browser control is active",
          "fontSize": 21,
          "color": "#252521"
        },
        {
          "id": "control-stop",
          "type": "group",
          "x": 1510,
          "y": 132,
          "w": 210,
          "h": 40,
          "children": [
            {
              "id": "control-stop-bg",
              "type": "rect",
              "x": 0,
              "y": 0,
              "w": 210,
              "h": 40,
              "fill": "#252521",
              "rx": 20
            },
            {
              "id": "control-stop-text",
              "type": "text",
              "x": 0,
              "y": 9,
              "text": "Stop",
              "fontSize": 17,
              "color": "#fff",
              "w": 210,
              "align": "center"
            }
          ]
        }
      ],
      "from": 22,
      "to": 76
    },
    {
      "id": "form-state",
      "type": "group",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "children": [
        {
          "id": "expense-form",
          "type": "group",
          "x": 95,
          "y": 80,
          "w": 1730,
          "h": 925,
          "children": [
            {
              "id": "expense-form-chrome",
              "type": "rect",
              "x": 0,
              "y": 0,
              "w": 1730,
              "h": 44,
              "fill": "#eeeee8"
            },
            {
              "id": "expense-form-dot1",
              "type": "ellipse",
              "x": 18,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#9d9e93"
            },
            {
              "id": "expense-form-dot2",
              "type": "ellipse",
              "x": 33,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#aeb0a3"
            },
            {
              "id": "expense-form-dot3",
              "type": "ellipse",
              "x": 48,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#bfc0b4"
            },
            {
              "id": "expense-form-title",
              "type": "text",
              "x": 82,
              "y": 10,
              "text": "Fieldwork",
              "fontSize": 18,
              "color": "#252521"
            },
            {
              "id": "expense-title",
              "type": "text",
              "x": 425,
              "y": 92,
              "text": {
                "$": "title"
              },
              "fontSize": 35,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "expense-field0",
              "type": "group",
              "x": 435,
              "y": 180,
              "w": 940,
              "h": 90,
              "children": [
                {
                  "id": "expense-label0",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": "Date",
                  "fontSize": 21,
                  "color": "#252521"
                },
                {
                  "id": "expense-field-bg0",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 940,
                  "h": 53,
                  "fill": "#fff",
                  "stroke": "#dfded6",
                  "rx": 5
                }
              ]
            },
            {
              "id": "expense-field1",
              "type": "group",
              "x": 435,
              "y": 299,
              "w": 940,
              "h": 90,
              "children": [
                {
                  "id": "expense-label1",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": "Workspace",
                  "fontSize": 21,
                  "color": "#252521"
                },
                {
                  "id": "expense-field-bg1",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 940,
                  "h": 53,
                  "fill": "#fff",
                  "stroke": "#dfded6",
                  "rx": 5
                }
              ]
            },
            {
              "id": "expense-field2",
              "type": "group",
              "x": 435,
              "y": 418,
              "w": 940,
              "h": 90,
              "children": [
                {
                  "id": "expense-label2",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": "Merchant",
                  "fontSize": 21,
                  "color": "#252521"
                },
                {
                  "id": "expense-field-bg2",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 940,
                  "h": 53,
                  "fill": "#fff",
                  "stroke": "#dfded6",
                  "rx": 5
                }
              ]
            },
            {
              "id": "expense-field3",
              "type": "group",
              "x": 435,
              "y": 537,
              "w": 940,
              "h": 90,
              "children": [
                {
                  "id": "expense-label3",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": "Category",
                  "fontSize": 21,
                  "color": "#252521"
                },
                {
                  "id": "expense-field-bg3",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 940,
                  "h": 53,
                  "fill": "#fff",
                  "stroke": "#dfded6",
                  "rx": 5
                }
              ]
            },
            {
              "id": "expense-field4",
              "type": "group",
              "x": 435,
              "y": 656,
              "w": 940,
              "h": 90,
              "children": [
                {
                  "id": "expense-label4",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": "Amount",
                  "fontSize": 21,
                  "color": "#252521"
                },
                {
                  "id": "expense-field-bg4",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 940,
                  "h": 53,
                  "fill": "#fff",
                  "stroke": "#dfded6",
                  "rx": 5
                }
              ]
            },
            {
              "id": "merchant-options",
              "type": "group",
              "x": 435,
              "y": 494,
              "w": 940,
              "h": 155,
              "children": [
                {
                  "id": "merchant-options-plate",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 940,
                  "h": 155,
                  "fill": "#fff",
                  "rx": 10,
                  "stroke": "#dfded6"
                },
                {
                  "id": "merchant-options-hl0",
                  "type": "rect",
                  "x": 6,
                  "y": 10,
                  "w": 928,
                  "h": 40,
                  "fill": "#e9eee5",
                  "rx": 5
                },
                {
                  "id": "merchant-options-t0",
                  "type": "text",
                  "x": 18,
                  "y": 20,
                  "text": "Northline Studio",
                  "fontSize": 18,
                  "color": "#252521"
                },
                {
                  "id": "merchant-options-t1",
                  "type": "text",
                  "x": 18,
                  "y": 65,
                  "text": "Fieldwork Supplies",
                  "fontSize": 18,
                  "color": "#252521"
                },
                {
                  "id": "merchant-options-t2",
                  "type": "text",
                  "x": 18,
                  "y": 110,
                  "text": "Workshop Rooms",
                  "fontSize": 18,
                  "color": "#252521"
                }
              ]
            }
          ],
          "fill": "#fff",
          "rx": 14,
          "clip": true
        }
      ],
      "from": 76
    }
  ]
}
