Click the browser mode switch, expand the composer, and add its footer

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: Getting Started with ChatGPT Work — https://www.youtube.com/watch?v=Rk4VyQxDq5s
Source frames [1151, 1246); local frame 0 = source frame 1151.
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 close browser view with a pinned presenter inset starts in Chat mode. The pointer reaches Work at13. By27 the right mode is selected, the central heading has changed, and the input has become a taller composer with project/plugin footer controls. The new state holds through81 before a presenter-angle cut at94. Draft reconstruction from eight viewed native-frame source samples. Event order is observed; transition boundaries between samples and easing are authored approximations, not recovered source timing. No source-fidelity or native Resolve approval.

Mechanism:
A mode click coordinates a selected-pill change, heading replacement, and a taller work composer with a separate footer; the inset remains pinned until the final cut.

Phase table:
  f0000: Compact input
  f0013: Mode target
  f0027: Work layout
  f0081: Work hold
  f0094: Presenter cut

Specific reconstruction:
  1. Set a1920x1080 timeline to 24000/1001fps and a 95-frame Fusion composition. Local0 corresponds to source frame1151; end is exclusive.
  2. Cut the composer state at20 in response to the pointer click: update the pill, heading, and input height together.
  3. Pin the presenter inset to the upper right; it does not scale with the browser content.
  4. At88 clear the browser and inset with one cut to the closer original stand-in.
  5. Retain the supplied native duration. Original interface artwork and substitute copy are editable; they are not product captures. Draft reconstruction from eight viewed native-frame source samples. Event order is observed; transition boundaries between samples and easing are authored approximations, not recovered source timing. No source-fidelity or native Resolve approval.

Exact declarative geometry, visibility and keys:
{
  "canvas": {
    "width": 1920,
    "height": 1080,
    "background": "#f8f7f2"
  },
  "camera": [],
  "layers": [
    {
      "id": "browser-scene",
      "type": "group",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "children": [
        {
          "id": "stage",
          "type": "rect",
          "x": 0,
          "y": 0,
          "w": 1920,
          "h": 1080,
          "fill": "#26373b"
        },
        {
          "id": "web",
          "type": "group",
          "x": 0,
          "y": 60,
          "w": 1920,
          "h": 1020,
          "children": [
            {
              "id": "web-chrome",
              "type": "rect",
              "x": 0,
              "y": 0,
              "w": 1920,
              "h": 44,
              "fill": "#eeeee8"
            },
            {
              "id": "web-dot1",
              "type": "ellipse",
              "x": 18,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#9d9e93"
            },
            {
              "id": "web-dot2",
              "type": "ellipse",
              "x": 33,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#aeb0a3"
            },
            {
              "id": "web-dot3",
              "type": "ellipse",
              "x": 48,
              "y": 18,
              "w": 8,
              "h": 8,
              "fill": "#bfc0b4"
            },
            {
              "id": "web-title",
              "type": "text",
              "x": 82,
              "y": 10,
              "text": "Fieldwork",
              "fontSize": 18,
              "color": "#252521"
            },
            {
              "id": "chatmode",
              "type": "group",
              "x": 720,
              "y": 80,
              "w": 460,
              "h": 90,
              "children": [
                {
                  "id": "chatmode-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 460,
                  "h": 90,
                  "fill": "#eff2e9",
                  "rx": 45.0
                },
                {
                  "id": "chatmode-sel",
                  "type": "rect",
                  "x": 6.0,
                  "y": 6,
                  "w": 218.0,
                  "h": 78,
                  "fill": "#fff",
                  "rx": 39.0
                },
                {
                  "id": "chatmode-left",
                  "type": "text",
                  "x": 0,
                  "y": 26,
                  "text": {
                    "$": "leftMode"
                  },
                  "fontSize": 27,
                  "color": "#252521",
                  "w": 230.0,
                  "align": "center"
                },
                {
                  "id": "chatmode-right",
                  "type": "text",
                  "x": 230.0,
                  "y": 26,
                  "text": {
                    "$": "rightMode"
                  },
                  "fontSize": 27,
                  "color": "#252521",
                  "w": 230.0,
                  "align": "center"
                }
              ],
              "to": 20
            },
            {
              "id": "workmode",
              "type": "group",
              "x": 720,
              "y": 80,
              "w": 460,
              "h": 90,
              "children": [
                {
                  "id": "workmode-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 460,
                  "h": 90,
                  "fill": "#eff2e9",
                  "rx": 45.0
                },
                {
                  "id": "workmode-sel",
                  "type": "rect",
                  "x": 236.0,
                  "y": 6,
                  "w": 218.0,
                  "h": 78,
                  "fill": "#fff",
                  "rx": 39.0
                },
                {
                  "id": "workmode-left",
                  "type": "text",
                  "x": 0,
                  "y": 26,
                  "text": {
                    "$": "leftMode"
                  },
                  "fontSize": 27,
                  "color": "#252521",
                  "w": 230.0,
                  "align": "center"
                },
                {
                  "id": "workmode-right",
                  "type": "text",
                  "x": 230.0,
                  "y": 26,
                  "text": {
                    "$": "rightMode"
                  },
                  "fontSize": 27,
                  "color": "#252521",
                  "w": 230.0,
                  "align": "center"
                }
              ],
              "from": 20
            },
            {
              "id": "old-title",
              "type": "text",
              "x": 380,
              "y": 530,
              "text": "What is on the agenda?",
              "fontSize": 45,
              "color": "#252521",
              "w": 1200,
              "align": "center",
              "to": 20
            },
            {
              "id": "new-title",
              "type": "text",
              "x": 380,
              "y": 530,
              "text": {
                "$": "title"
              },
              "fontSize": 45,
              "color": "#252521",
              "w": 1200,
              "align": "center",
              "from": 20
            },
            {
              "id": "compact",
              "type": "rect",
              "x": 280,
              "y": 660,
              "w": 1360,
              "h": 95,
              "fill": "#fff",
              "rx": 48,
              "stroke": "#dfded6",
              "to": 20
            },
            {
              "id": "ask",
              "type": "text",
              "x": 315,
              "y": 686,
              "text": "+  Ask a question",
              "fontSize": 28,
              "color": "#76766d",
              "to": 20
            },
            {
              "id": "workinput",
              "type": "group",
              "x": 280,
              "y": 650,
              "w": 1360,
              "h": 235,
              "children": [
                {
                  "id": "workinput-plate",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 1360,
                  "h": 235,
                  "fill": "#fff",
                  "rx": 22,
                  "stroke": "#dfded6"
                },
                {
                  "id": "workinput-copy",
                  "type": "text",
                  "x": 24,
                  "y": 20,
                  "text": "",
                  "fontSize": 24,
                  "color": "#252521",
                  "w": 1290,
                  "wrap": true
                },
                {
                  "id": "workinput-plus",
                  "type": "text",
                  "x": 22,
                  "y": 192,
                  "text": "+",
                  "fontSize": 27,
                  "color": "#252521"
                },
                {
                  "id": "workinput-mode",
                  "type": "text",
                  "x": 60,
                  "y": 198,
                  "text": "Workspace  /  Standard",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "workinput-send",
                  "type": "ellipse",
                  "x": 1308,
                  "y": 184,
                  "w": 34,
                  "h": 34,
                  "fill": "#252521"
                },
                {
                  "id": "workinput-arrow",
                  "type": "text",
                  "x": 1315,
                  "y": 187,
                  "text": "↑",
                  "fontSize": 23,
                  "color": "#fff"
                }
              ],
              "from": 20
            },
            {
              "id": "footer",
              "type": "text",
              "x": 320,
              "y": 905,
              "text": "Choose project     Integrations     Open desktop app",
              "fontSize": 23,
              "color": "#76766d",
              "from": 20
            }
          ],
          "fill": "#fff",
          "rx": 14,
          "clip": true
        },
        {
          "id": "pip",
          "type": "group",
          "x": 1510,
          "y": 80,
          "w": 290,
          "h": 365,
          "children": [
            {
              "id": "pip-tile",
              "type": "rect",
              "x": 0,
              "y": 0,
              "w": 290,
              "h": 365,
              "fill": "#d6e1cf",
              "rx": 14
            },
            {
              "id": "pip-figure",
              "type": "group",
              "x": 55,
              "y": 25,
              "w": 180,
              "h": 285,
              "children": [
                {
                  "id": "pip-figure-head",
                  "type": "ellipse",
                  "x": 57.6,
                  "y": 14.25,
                  "w": 64.8,
                  "h": 99.75,
                  "fill": "#cfb49b"
                },
                {
                  "id": "pip-figure-neck",
                  "type": "rect",
                  "x": 77.4,
                  "y": 85.5,
                  "w": 25.200000000000003,
                  "h": 45.6,
                  "fill": "#cfb49b"
                },
                {
                  "id": "pip-figure-body",
                  "type": "ellipse",
                  "x": 0,
                  "y": 119.69999999999999,
                  "w": 180,
                  "h": 185.25,
                  "fill": "#668978"
                },
                {
                  "id": "pip-figure-hair",
                  "type": "ellipse",
                  "x": 54.0,
                  "y": 0,
                  "w": 72.0,
                  "h": 34.199999999999996,
                  "fill": "#44473e"
                }
              ],
              "clip": true
            },
            {
              "id": "pip-laptop",
              "type": "rect",
              "x": 30,
              "y": 260,
              "w": 230,
              "h": 105,
              "fill": "#435247",
              "rx": 8
            }
          ]
        },
        {
          "id": "p",
          "type": "cursor",
          "x": 920,
          "y": 435,
          "anim": [
            {
              "p": "x",
              "k": [
                {
                  "f": 0,
                  "v": 920
                },
                {
                  "f": 13,
                  "v": 1110
                }
              ]
            },
            {
              "p": "y",
              "k": [
                {
                  "f": 0,
                  "v": 435
                },
                {
                  "f": 13,
                  "v": 200
                }
              ]
            }
          ],
          "clicks": [
            19
          ]
        }
      ],
      "to": 88
    },
    {
      "id": "cut",
      "type": "group",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "children": [
        {
          "id": "cut-wall",
          "type": "rect",
          "x": 0,
          "y": 0,
          "w": 1920,
          "h": 1080,
          "fill": "#d8ddd0"
        },
        {
          "id": "cut-window",
          "type": "rect",
          "x": 70,
          "y": 70,
          "w": 580,
          "h": 600,
          "fill": "#edf4e8"
        },
        {
          "id": "cut-mullion",
          "type": "line",
          "points": [
            [
              355,
              70
            ],
            [
              355,
              670
            ]
          ],
          "stroke": "#a9b7a1",
          "strokeWidth": 16
        },
        {
          "id": "cut-sofa",
          "type": "rect",
          "x": 0,
          "y": 620,
          "w": 870,
          "h": 390,
          "fill": "#5f7e72",
          "rx": 45
        },
        {
          "id": "cut-figure",
          "type": "group",
          "x": 560,
          "y": 60,
          "w": 1100,
          "h": 1350,
          "children": [
            {
              "id": "cut-figure-head",
              "type": "ellipse",
              "x": 352.0,
              "y": 67.5,
              "w": 396.0,
              "h": 472.49999999999994,
              "fill": "#cfb49b"
            },
            {
              "id": "cut-figure-neck",
              "type": "rect",
              "x": 473.0,
              "y": 405.0,
              "w": 154.00000000000003,
              "h": 216.0,
              "fill": "#cfb49b"
            },
            {
              "id": "cut-figure-body",
              "type": "ellipse",
              "x": 0,
              "y": 567.0,
              "w": 1100,
              "h": 877.5,
              "fill": "#668978"
            },
            {
              "id": "cut-figure-hair",
              "type": "ellipse",
              "x": 330.0,
              "y": 0,
              "w": 440.0,
              "h": 162.0,
              "fill": "#44473e"
            }
          ],
          "clip": true
        },
        {
          "id": "cut-desk",
          "type": "rect",
          "x": 0,
          "y": 900,
          "w": 1920,
          "h": 180,
          "fill": "#c8c0ad"
        },
        {
          "id": "cut-laptop",
          "type": "rect",
          "x": 900,
          "y": 725,
          "w": 500,
          "h": 320,
          "fill": "#444e44",
          "rx": 12
        },
        {
          "id": "cut-specimen",
          "type": "text",
          "x": 50,
          "y": 1000,
          "text": "Original vector presenter stand-in",
          "fontSize": 20,
          "color": "#53664f"
        }
      ],
      "from": 88
    }
  ]
}
