Finish the build summary before expanding the prototype to an event detail

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: Build and share interactive prototypes in Codex — https://www.youtube.com/watch?v=_9ImjmzAyus
Source frames [1860, 2070); local frame 0 = source frame 1860.
Canvas 1920 × 1080; native cadence 30 fps; duration 210 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 live agenda is in the right pane while the left rail displays continuing work at0. By60 it shows the final build summary and three portraits. That state holds through179. At209 the conversation rail is gone and the agenda spans the window with an event detail panel at the right. 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 final response replaces the work log before a late two-pane-to-one-pane layout cut that reveals a selected event.

Phase table:
  f0000: Continuing work
  f0060: Final summary
  f0179: Split hold
  f0209: Expanded event detail

Specific reconstruction:
  1. Set a1920x1080 timeline to 30/1fps and a 210-frame Fusion composition. Local0 corresponds to source frame1860; end is exclusive.
  2. Complete the final summary at30 while keeping the preview untouched.
  3. Keep the split composition through194, then replace it with a full-width agenda that includes its selected event detail. The right detail belongs to the expanded state.
  4. 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": "desktop",
      "type": "rect",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "fill": "#cad4c1"
    },
    {
      "id": "application",
      "type": "group",
      "x": 100,
      "y": 95,
      "w": 1720,
      "h": 900,
      "children": [
        {
          "id": "application-chrome",
          "type": "rect",
          "x": 0,
          "y": 0,
          "w": 1720,
          "h": 44,
          "fill": "#eeeee8"
        },
        {
          "id": "application-dot1",
          "type": "ellipse",
          "x": 18,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#9d9e93"
        },
        {
          "id": "application-dot2",
          "type": "ellipse",
          "x": 33,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#aeb0a3"
        },
        {
          "id": "application-dot3",
          "type": "ellipse",
          "x": 48,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#bfc0b4"
        },
        {
          "id": "application-title",
          "type": "text",
          "x": 82,
          "y": 10,
          "text": {
            "$": "brand"
          },
          "fontSize": 18,
          "color": "#252521"
        },
        {
          "id": "left",
          "type": "group",
          "x": 20,
          "y": 80,
          "w": 540,
          "h": 780,
          "children": [
            {
              "id": "work",
              "type": "text",
              "x": 20,
              "y": 20,
              "text": "Finishing the planner…",
              "fontSize": 24,
              "color": "#252521",
              "to": 30
            },
            {
              "id": "reply",
              "type": "text",
              "x": 20,
              "y": 40,
              "text": {
                "$": "reply"
              },
              "fontSize": 25,
              "color": "#252521",
              "lineHeight": 44,
              "from": 30
            },
            {
              "id": "avatar0",
              "type": "group",
              "x": 30,
              "y": 450,
              "w": 95,
              "h": 125,
              "children": [
                {
                  "id": "avatar0-head",
                  "type": "ellipse",
                  "x": 30.400000000000002,
                  "y": 6.25,
                  "w": 34.199999999999996,
                  "h": 43.75,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar0-neck",
                  "type": "rect",
                  "x": 40.85,
                  "y": 37.5,
                  "w": 13.3,
                  "h": 20.0,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar0-body",
                  "type": "ellipse",
                  "x": 0,
                  "y": 52.5,
                  "w": 95,
                  "h": 81.25,
                  "fill": "#66856c"
                },
                {
                  "id": "avatar0-hair",
                  "type": "ellipse",
                  "x": 28.5,
                  "y": 0,
                  "w": 38.0,
                  "h": 15.0,
                  "fill": "#44473e"
                }
              ],
              "clip": true
            },
            {
              "id": "avatar1",
              "type": "group",
              "x": 145,
              "y": 450,
              "w": 95,
              "h": 125,
              "children": [
                {
                  "id": "avatar1-head",
                  "type": "ellipse",
                  "x": 30.400000000000002,
                  "y": 6.25,
                  "w": 34.199999999999996,
                  "h": 43.75,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar1-neck",
                  "type": "rect",
                  "x": 40.85,
                  "y": 37.5,
                  "w": 13.3,
                  "h": 20.0,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar1-body",
                  "type": "ellipse",
                  "x": 0,
                  "y": 52.5,
                  "w": 95,
                  "h": 81.25,
                  "fill": "#748a9a"
                },
                {
                  "id": "avatar1-hair",
                  "type": "ellipse",
                  "x": 28.5,
                  "y": 0,
                  "w": 38.0,
                  "h": 15.0,
                  "fill": "#44473e"
                }
              ],
              "clip": true
            },
            {
              "id": "avatar2",
              "type": "group",
              "x": 260,
              "y": 450,
              "w": 95,
              "h": 125,
              "children": [
                {
                  "id": "avatar2-head",
                  "type": "ellipse",
                  "x": 30.400000000000002,
                  "y": 6.25,
                  "w": 34.199999999999996,
                  "h": 43.75,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar2-neck",
                  "type": "rect",
                  "x": 40.85,
                  "y": 37.5,
                  "w": 13.3,
                  "h": 20.0,
                  "fill": "#cfb49b"
                },
                {
                  "id": "avatar2-body",
                  "type": "ellipse",
                  "x": 0,
                  "y": 52.5,
                  "w": 95,
                  "h": 81.25,
                  "fill": "#a89079"
                },
                {
                  "id": "avatar2-hair",
                  "type": "ellipse",
                  "x": 28.5,
                  "y": 0,
                  "w": 38.0,
                  "h": 15.0,
                  "fill": "#44473e"
                }
              ],
              "clip": true
            },
            {
              "id": "bottom",
              "type": "group",
              "x": 20,
              "y": 650,
              "w": 510,
              "h": 110,
              "children": [
                {
                  "id": "bottom-plate",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 510,
                  "h": 110,
                  "fill": "#fff",
                  "rx": 22,
                  "stroke": "#dfded6"
                },
                {
                  "id": "bottom-copy",
                  "type": "text",
                  "x": 24,
                  "y": 20,
                  "text": "",
                  "fontSize": 24,
                  "color": "#252521",
                  "w": 440,
                  "wrap": true
                },
                {
                  "id": "bottom-plus",
                  "type": "text",
                  "x": 22,
                  "y": 67,
                  "text": "+",
                  "fontSize": 27,
                  "color": "#252521"
                },
                {
                  "id": "bottom-mode",
                  "type": "text",
                  "x": 60,
                  "y": 73,
                  "text": "Workspace  /  Standard",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "bottom-send",
                  "type": "ellipse",
                  "x": 458,
                  "y": 59,
                  "w": 34,
                  "h": 34,
                  "fill": "#252521"
                },
                {
                  "id": "bottom-arrow",
                  "type": "text",
                  "x": 465,
                  "y": 62,
                  "text": "↑",
                  "fontSize": 23,
                  "color": "#fff"
                }
              ]
            }
          ],
          "to": 195
        },
        {
          "id": "split",
          "type": "group",
          "x": 580,
          "y": 90,
          "w": 1140,
          "h": 740,
          "children": [
            {
              "id": "split-sidebar",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 228.0,
              "h": 740,
              "children": [
                {
                  "id": "split-sidebar-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 228.0,
                  "h": 740,
                  "fill": "#f1f2eb"
                },
                {
                  "id": "split-sidebar-brand",
                  "type": "text",
                  "x": 20,
                  "y": 20,
                  "text": {
                    "$": "brand"
                  },
                  "fontSize": 25,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "split-sidebar-row0",
                  "type": "text",
                  "x": 20,
                  "y": 80,
                  "text": "New task",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "split-sidebar-row1",
                  "type": "text",
                  "x": 20,
                  "y": 122,
                  "text": "Projects",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "split-sidebar-row2",
                  "type": "text",
                  "x": 20,
                  "y": 164,
                  "text": "Library",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "split-sidebar-row3",
                  "type": "text",
                  "x": 20,
                  "y": 206,
                  "text": "Recent work",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "split-sidebar-profile",
                  "type": "text",
                  "x": 20,
                  "y": 694,
                  "text": "Morgan  /  Studio",
                  "fontSize": 16,
                  "color": "#76766d"
                }
              ]
            },
            {
              "id": "split-date",
              "type": "text",
              "x": 433.2,
              "y": 25,
              "text": "Today, Monday",
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "split-source",
              "type": "text",
              "x": 262.2,
              "y": 82,
              "text": "● Personal    ● Team    + Add calendar",
              "fontSize": 16,
              "color": "#76766d"
            },
            {
              "id": "split-row0",
              "type": "rect",
              "x": 250.8,
              "y": 133,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "split-time0",
              "type": "text",
              "x": 262.2,
              "y": 145,
              "text": "9:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name0",
              "type": "text",
              "x": 342.0,
              "y": 144,
              "text": "Morning review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-row1",
              "type": "rect",
              "x": 250.8,
              "y": 193,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "split-time1",
              "type": "text",
              "x": 262.2,
              "y": 205,
              "text": "10:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name1",
              "type": "text",
              "x": 342.0,
              "y": 204,
              "text": "Field planning",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-row2",
              "type": "rect",
              "x": 250.8,
              "y": 253,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#f6f8f1",
              "rx": 5
            },
            {
              "id": "split-time2",
              "type": "text",
              "x": 262.2,
              "y": 265,
              "text": "11:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name2",
              "type": "text",
              "x": 342.0,
              "y": 264,
              "text": "Measurement review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-row3",
              "type": "rect",
              "x": 250.8,
              "y": 313,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "split-time3",
              "type": "text",
              "x": 262.2,
              "y": 325,
              "text": "12:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name3",
              "type": "text",
              "x": 342.0,
              "y": 324,
              "text": "Lunch break",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-row4",
              "type": "rect",
              "x": 250.8,
              "y": 373,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "split-time4",
              "type": "text",
              "x": 262.2,
              "y": 385,
              "text": "13:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name4",
              "type": "text",
              "x": 342.0,
              "y": 384,
              "text": "Site visit",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-row5",
              "type": "rect",
              "x": 250.8,
              "y": 433,
              "w": 832.1999999999999,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "split-time5",
              "type": "text",
              "x": 262.2,
              "y": 445,
              "text": "14:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "split-name5",
              "type": "text",
              "x": 342.0,
              "y": 444,
              "text": "Next observations",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "split-plan",
              "type": "text",
              "x": 262.2,
              "y": 580,
              "text": "Plan the next session",
              "fontSize": 20,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "split-planbars",
              "type": "group",
              "x": 262.2,
              "y": 628,
              "w": 707.3699999999999,
              "h": 84,
              "children": [
                {
                  "id": "split-planbars-0",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 707.3699999999999,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "split-planbars-1",
                  "type": "rect",
                  "x": 0,
                  "y": 28,
                  "w": 532.608,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "split-planbars-2",
                  "type": "rect",
                  "x": 0,
                  "y": 56,
                  "w": 632.472,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                }
              ]
            }
          ],
          "fill": "#fff",
          "clip": true,
          "to": 195
        },
        {
          "id": "full",
          "type": "group",
          "x": 0,
          "y": 75,
          "w": 1720,
          "h": 770,
          "children": [
            {
              "id": "full-sidebar",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 344.0,
              "h": 770,
              "children": [
                {
                  "id": "full-sidebar-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 344.0,
                  "h": 770,
                  "fill": "#f1f2eb"
                },
                {
                  "id": "full-sidebar-brand",
                  "type": "text",
                  "x": 20,
                  "y": 20,
                  "text": {
                    "$": "brand"
                  },
                  "fontSize": 25,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "full-sidebar-row0",
                  "type": "text",
                  "x": 20,
                  "y": 80,
                  "text": "New task",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "full-sidebar-row1",
                  "type": "text",
                  "x": 20,
                  "y": 122,
                  "text": "Projects",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "full-sidebar-row2",
                  "type": "text",
                  "x": 20,
                  "y": 164,
                  "text": "Library",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "full-sidebar-row3",
                  "type": "text",
                  "x": 20,
                  "y": 206,
                  "text": "Recent work",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "full-sidebar-profile",
                  "type": "text",
                  "x": 20,
                  "y": 724,
                  "text": "Morgan  /  Studio",
                  "fontSize": 16,
                  "color": "#76766d"
                }
              ]
            },
            {
              "id": "full-date",
              "type": "text",
              "x": 653.6,
              "y": 25,
              "text": "Today, Monday",
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "full-source",
              "type": "text",
              "x": 395.6,
              "y": 82,
              "text": "● Personal    ● Team    + Add calendar",
              "fontSize": 16,
              "color": "#76766d"
            },
            {
              "id": "full-row0",
              "type": "rect",
              "x": 378.4,
              "y": 133,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "full-time0",
              "type": "text",
              "x": 395.6,
              "y": 145,
              "text": "9:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name0",
              "type": "text",
              "x": 516.0,
              "y": 144,
              "text": "Morning review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-row1",
              "type": "rect",
              "x": 378.4,
              "y": 193,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "full-time1",
              "type": "text",
              "x": 395.6,
              "y": 205,
              "text": "10:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name1",
              "type": "text",
              "x": 516.0,
              "y": 204,
              "text": "Field planning",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-row2",
              "type": "rect",
              "x": 378.4,
              "y": 253,
              "w": 860.0,
              "h": 53,
              "fill": "#f6f8f1",
              "rx": 5
            },
            {
              "id": "full-time2",
              "type": "text",
              "x": 395.6,
              "y": 265,
              "text": "11:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name2",
              "type": "text",
              "x": 516.0,
              "y": 264,
              "text": "Measurement review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-row3",
              "type": "rect",
              "x": 378.4,
              "y": 313,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "full-time3",
              "type": "text",
              "x": 395.6,
              "y": 325,
              "text": "12:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name3",
              "type": "text",
              "x": 516.0,
              "y": 324,
              "text": "Lunch break",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-row4",
              "type": "rect",
              "x": 378.4,
              "y": 373,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "full-time4",
              "type": "text",
              "x": 395.6,
              "y": 385,
              "text": "13:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name4",
              "type": "text",
              "x": 516.0,
              "y": 384,
              "text": "Site visit",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-row5",
              "type": "rect",
              "x": 378.4,
              "y": 433,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "full-time5",
              "type": "text",
              "x": 395.6,
              "y": 445,
              "text": "14:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "full-name5",
              "type": "text",
              "x": 516.0,
              "y": 444,
              "text": "Next observations",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "full-plan",
              "type": "text",
              "x": 395.6,
              "y": 610,
              "text": "Plan the next session",
              "fontSize": 20,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "full-planbars",
              "type": "group",
              "x": 395.6,
              "y": 658,
              "w": 731.0,
              "h": 84,
              "children": [
                {
                  "id": "full-planbars-0",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 731.0,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "full-planbars-1",
                  "type": "rect",
                  "x": 0,
                  "y": 28,
                  "w": 550.4,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "full-planbars-2",
                  "type": "rect",
                  "x": 0,
                  "y": 56,
                  "w": 653.6,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                }
              ]
            },
            {
              "id": "full-details",
              "type": "group",
              "x": 1307.2,
              "y": 105,
              "w": 395.6,
              "h": 660,
              "children": [
                {
                  "id": "full-detailtitle",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": {
                    "$": "detail"
                  },
                  "fontSize": 21,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "full-tabs",
                  "type": "text",
                  "x": 0,
                  "y": 73,
                  "text": "Prep   Notes   Files",
                  "fontSize": 16,
                  "color": "#76766d"
                },
                {
                  "id": "full-summary",
                  "type": "text",
                  "x": 0,
                  "y": 120,
                  "text": "Agenda summary",
                  "fontSize": 18,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "full-detailbars",
                  "type": "group",
                  "x": 0,
                  "y": 166,
                  "w": 361.2,
                  "h": 75,
                  "children": [
                    {
                      "id": "full-detailbars-0",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 361.2,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "full-detailbars-1",
                      "type": "rect",
                      "x": 0,
                      "y": 25,
                      "w": 309.59999999999997,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "full-detailbars-2",
                      "type": "rect",
                      "x": 0,
                      "y": 50,
                      "w": 344.0,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    }
                  ]
                },
                {
                  "id": "full-files",
                  "type": "text",
                  "x": 0,
                  "y": 285,
                  "text": "Related documents",
                  "fontSize": 18,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "full-file1",
                  "type": "group",
                  "x": 0,
                  "y": 325,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "full-file1-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "full-file1-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "full-file1-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "DOC",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "full-file1-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Field notes",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "full-file1-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                },
                {
                  "id": "full-file2",
                  "type": "group",
                  "x": 0,
                  "y": 410,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "full-file2-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "full-file2-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "full-file2-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "MAP",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "full-file2-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Site map",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "full-file2-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                },
                {
                  "id": "full-file3",
                  "type": "group",
                  "x": 0,
                  "y": 495,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "full-file3-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "full-file3-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "full-file3-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "XLS",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "full-file3-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Measurements",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "full-file3-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                }
              ]
            }
          ],
          "fill": "#fff",
          "clip": true,
          "from": 195
        },
        {
          "id": "cursor",
          "type": "cursor",
          "x": 1420,
          "y": 730,
          "anim": [
            {
              "p": "x",
              "k": [
                {
                  "f": 0,
                  "v": 1420
                },
                {
                  "f": 170,
                  "v": 1420
                },
                {
                  "f": 190,
                  "v": 1360
                }
              ]
            },
            {
              "p": "y",
              "k": [
                {
                  "f": 0,
                  "v": 730
                },
                {
                  "f": 170,
                  "v": 600
                },
                {
                  "f": 190,
                  "v": 440
                }
              ]
            }
          ],
          "clicks": [
            193
          ]
        }
      ],
      "fill": "#fff",
      "rx": 14,
      "clip": true
    }
  ]
}