Toggle a calendar source, reflow agenda and detail, then restore

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: Build and share interactive prototypes in Codex — https://www.youtube.com/watch?v=_9ImjmzAyus
Source frames [2190, 2370); local frame 0 = source frame 2190.
Canvas 1920 × 1080; native cadence 30 fps; duration 180 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 right pane begins scrolled down to its files and action. By77 its title is back at the top. At102 the pointer is over a calendar-source chip and the central agenda has fewer visible events with the lower planning section moved upward; its detail title also changes. By153 the original longer agenda and first event title return. 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 detail-pane scroll reset is followed by a calendar-source toggle that changes agenda density and selection together, then reverses.

Phase table:
  f0000: Detail scrolled
  f0077: Detail top
  f0102: Filtered agenda
  f0153: Full agenda restored

Specific reconstruction:
  1. Set a1920x1080 timeline to 30/1fps and a 180-frame Fusion composition. Local0 corresponds to source frame2190; end is exclusive.
  2. Place the right-detail content inside a clipped group initially translated upward90px; restore it to0 during55–77 before the calendar-source action.
  3. At92 replace the full agenda with a shorter filtered state: clear the lower rows, raise the planning section, and replace the selected-event title.
  4. Restore the full state at145, preserving the pointer on the calendar source.
  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": "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": "all",
          "type": "group",
          "x": 0,
          "y": 75,
          "w": 1720,
          "h": 770,
          "children": [
            {
              "id": "all-sidebar",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 344.0,
              "h": 770,
              "children": [
                {
                  "id": "all-sidebar-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 344.0,
                  "h": 770,
                  "fill": "#f1f2eb"
                },
                {
                  "id": "all-sidebar-brand",
                  "type": "text",
                  "x": 20,
                  "y": 20,
                  "text": {
                    "$": "brand"
                  },
                  "fontSize": 25,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "all-sidebar-row0",
                  "type": "text",
                  "x": 20,
                  "y": 80,
                  "text": "New task",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all-sidebar-row1",
                  "type": "text",
                  "x": 20,
                  "y": 122,
                  "text": "Projects",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all-sidebar-row2",
                  "type": "text",
                  "x": 20,
                  "y": 164,
                  "text": "Library",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all-sidebar-row3",
                  "type": "text",
                  "x": 20,
                  "y": 206,
                  "text": "Recent work",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all-sidebar-profile",
                  "type": "text",
                  "x": 20,
                  "y": 724,
                  "text": "Morgan  /  Studio",
                  "fontSize": 16,
                  "color": "#76766d"
                }
              ]
            },
            {
              "id": "all-date",
              "type": "text",
              "x": 653.6,
              "y": 25,
              "text": "Today, Monday",
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "all-source",
              "type": "text",
              "x": 395.6,
              "y": 82,
              "text": "● Personal    ● Team    + Add calendar",
              "fontSize": 16,
              "color": "#76766d"
            },
            {
              "id": "all-row0",
              "type": "rect",
              "x": 378.4,
              "y": 133,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all-time0",
              "type": "text",
              "x": 395.6,
              "y": 145,
              "text": "9:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name0",
              "type": "text",
              "x": 516.0,
              "y": 144,
              "text": "Morning review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-row1",
              "type": "rect",
              "x": 378.4,
              "y": 193,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all-time1",
              "type": "text",
              "x": 395.6,
              "y": 205,
              "text": "10:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name1",
              "type": "text",
              "x": 516.0,
              "y": 204,
              "text": "Field planning",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-row2",
              "type": "rect",
              "x": 378.4,
              "y": 253,
              "w": 860.0,
              "h": 53,
              "fill": "#f6f8f1",
              "rx": 5
            },
            {
              "id": "all-time2",
              "type": "text",
              "x": 395.6,
              "y": 265,
              "text": "11:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name2",
              "type": "text",
              "x": 516.0,
              "y": 264,
              "text": "Measurement review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-row3",
              "type": "rect",
              "x": 378.4,
              "y": 313,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all-time3",
              "type": "text",
              "x": 395.6,
              "y": 325,
              "text": "12:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name3",
              "type": "text",
              "x": 516.0,
              "y": 324,
              "text": "Lunch break",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-row4",
              "type": "rect",
              "x": 378.4,
              "y": 373,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all-time4",
              "type": "text",
              "x": 395.6,
              "y": 385,
              "text": "13:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name4",
              "type": "text",
              "x": 516.0,
              "y": 384,
              "text": "Site visit",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-row5",
              "type": "rect",
              "x": 378.4,
              "y": 433,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all-time5",
              "type": "text",
              "x": 395.6,
              "y": 445,
              "text": "14:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all-name5",
              "type": "text",
              "x": 516.0,
              "y": 444,
              "text": "Next observations",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all-plan",
              "type": "text",
              "x": 395.6,
              "y": 610,
              "text": "Plan the next session",
              "fontSize": 20,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "all-planbars",
              "type": "group",
              "x": 395.6,
              "y": 658,
              "w": 731.0,
              "h": 84,
              "children": [
                {
                  "id": "all-planbars-0",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 731.0,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "all-planbars-1",
                  "type": "rect",
                  "x": 0,
                  "y": 28,
                  "w": 550.4,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "all-planbars-2",
                  "type": "rect",
                  "x": 0,
                  "y": 56,
                  "w": 653.6,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                }
              ]
            },
            {
              "id": "all-details",
              "type": "group",
              "x": 1307.2,
              "y": 105,
              "w": 395.6,
              "h": 660,
              "children": [
                {
                  "id": "all-scroll",
                  "type": "group",
                  "x": 0,
                  "y": 0,
                  "w": 395,
                  "h": 800,
                  "children": [
                    {
                      "id": "all-detailtitle",
                      "type": "text",
                      "x": 0,
                      "y": 0,
                      "text": {
                        "$": "detail"
                      },
                      "fontSize": 21,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "all-tabs",
                      "type": "text",
                      "x": 0,
                      "y": 73,
                      "text": "Prep   Notes   Files",
                      "fontSize": 16,
                      "color": "#76766d"
                    },
                    {
                      "id": "all-summary",
                      "type": "text",
                      "x": 0,
                      "y": 120,
                      "text": "Agenda summary",
                      "fontSize": 18,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "all-detailbars",
                      "type": "group",
                      "x": 0,
                      "y": 166,
                      "w": 361.2,
                      "h": 75,
                      "children": [
                        {
                          "id": "all-detailbars-0",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 361.2,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        },
                        {
                          "id": "all-detailbars-1",
                          "type": "rect",
                          "x": 0,
                          "y": 25,
                          "w": 309.59999999999997,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        },
                        {
                          "id": "all-detailbars-2",
                          "type": "rect",
                          "x": 0,
                          "y": 50,
                          "w": 344.0,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        }
                      ]
                    },
                    {
                      "id": "all-files",
                      "type": "text",
                      "x": 0,
                      "y": 285,
                      "text": "Related documents",
                      "fontSize": 18,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "all-file1",
                      "type": "group",
                      "x": 0,
                      "y": 325,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "all-file1-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "all-file1-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "all-file1-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "DOC",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "all-file1-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Field notes",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "all-file1-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    },
                    {
                      "id": "all-file2",
                      "type": "group",
                      "x": 0,
                      "y": 410,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "all-file2-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "all-file2-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "all-file2-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "MAP",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "all-file2-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Site map",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "all-file2-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    },
                    {
                      "id": "all-file3",
                      "type": "group",
                      "x": 0,
                      "y": 495,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "all-file3-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "all-file3-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "all-file3-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "XLS",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "all-file3-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Measurements",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "all-file3-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    },
                    {
                      "id": "all-action",
                      "type": "group",
                      "x": 0,
                      "y": 600,
                      "w": 360,
                      "h": 40,
                      "children": [
                        {
                          "id": "all-action-bg",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 360,
                          "h": 40,
                          "fill": "#252521",
                          "rx": 20
                        },
                        {
                          "id": "all-action-text",
                          "type": "text",
                          "x": 0,
                          "y": 9,
                          "text": "Prepare session",
                          "fontSize": 17,
                          "color": "#fff",
                          "w": 360,
                          "align": "center"
                        }
                      ]
                    }
                  ],
                  "anim": [
                    {
                      "p": "y",
                      "k": [
                        {
                          "f": 0,
                          "v": -90
                        },
                        {
                          "f": 55,
                          "v": -90
                        },
                        {
                          "f": 77,
                          "v": 0,
                          "e": "out"
                        }
                      ]
                    }
                  ]
                }
              ],
              "clip": true
            }
          ],
          "fill": "#fff",
          "clip": true,
          "to": 92
        },
        {
          "id": "all2",
          "type": "group",
          "x": 0,
          "y": 75,
          "w": 1720,
          "h": 770,
          "children": [
            {
              "id": "all2-sidebar",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 344.0,
              "h": 770,
              "children": [
                {
                  "id": "all2-sidebar-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 344.0,
                  "h": 770,
                  "fill": "#f1f2eb"
                },
                {
                  "id": "all2-sidebar-brand",
                  "type": "text",
                  "x": 20,
                  "y": 20,
                  "text": {
                    "$": "brand"
                  },
                  "fontSize": 25,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "all2-sidebar-row0",
                  "type": "text",
                  "x": 20,
                  "y": 80,
                  "text": "New task",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all2-sidebar-row1",
                  "type": "text",
                  "x": 20,
                  "y": 122,
                  "text": "Projects",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all2-sidebar-row2",
                  "type": "text",
                  "x": 20,
                  "y": 164,
                  "text": "Library",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all2-sidebar-row3",
                  "type": "text",
                  "x": 20,
                  "y": 206,
                  "text": "Recent work",
                  "fontSize": 17,
                  "color": "#76766d"
                },
                {
                  "id": "all2-sidebar-profile",
                  "type": "text",
                  "x": 20,
                  "y": 724,
                  "text": "Morgan  /  Studio",
                  "fontSize": 16,
                  "color": "#76766d"
                }
              ]
            },
            {
              "id": "all2-date",
              "type": "text",
              "x": 653.6,
              "y": 25,
              "text": "Today, Monday",
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "all2-source",
              "type": "text",
              "x": 395.6,
              "y": 82,
              "text": "● Personal    ● Team    + Add calendar",
              "fontSize": 16,
              "color": "#76766d"
            },
            {
              "id": "all2-row0",
              "type": "rect",
              "x": 378.4,
              "y": 133,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all2-time0",
              "type": "text",
              "x": 395.6,
              "y": 145,
              "text": "9:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name0",
              "type": "text",
              "x": 516.0,
              "y": 144,
              "text": "Morning review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-row1",
              "type": "rect",
              "x": 378.4,
              "y": 193,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all2-time1",
              "type": "text",
              "x": 395.6,
              "y": 205,
              "text": "10:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name1",
              "type": "text",
              "x": 516.0,
              "y": 204,
              "text": "Field planning",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-row2",
              "type": "rect",
              "x": 378.4,
              "y": 253,
              "w": 860.0,
              "h": 53,
              "fill": "#f6f8f1",
              "rx": 5
            },
            {
              "id": "all2-time2",
              "type": "text",
              "x": 395.6,
              "y": 265,
              "text": "11:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name2",
              "type": "text",
              "x": 516.0,
              "y": 264,
              "text": "Measurement review",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-row3",
              "type": "rect",
              "x": 378.4,
              "y": 313,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all2-time3",
              "type": "text",
              "x": 395.6,
              "y": 325,
              "text": "12:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name3",
              "type": "text",
              "x": 516.0,
              "y": 324,
              "text": "Lunch break",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-row4",
              "type": "rect",
              "x": 378.4,
              "y": 373,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all2-time4",
              "type": "text",
              "x": 395.6,
              "y": 385,
              "text": "13:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name4",
              "type": "text",
              "x": 516.0,
              "y": 384,
              "text": "Site visit",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-row5",
              "type": "rect",
              "x": 378.4,
              "y": 433,
              "w": 860.0,
              "h": 53,
              "fill": "#fff",
              "rx": 5
            },
            {
              "id": "all2-time5",
              "type": "text",
              "x": 395.6,
              "y": 445,
              "text": "14:00",
              "fontSize": 15,
              "color": "#76766d"
            },
            {
              "id": "all2-name5",
              "type": "text",
              "x": 516.0,
              "y": 444,
              "text": "Next observations",
              "fontSize": 19,
              "color": "#252521"
            },
            {
              "id": "all2-plan",
              "type": "text",
              "x": 395.6,
              "y": 610,
              "text": "Plan the next session",
              "fontSize": 20,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "all2-planbars",
              "type": "group",
              "x": 395.6,
              "y": 658,
              "w": 731.0,
              "h": 84,
              "children": [
                {
                  "id": "all2-planbars-0",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 731.0,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "all2-planbars-1",
                  "type": "rect",
                  "x": 0,
                  "y": 28,
                  "w": 550.4,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "all2-planbars-2",
                  "type": "rect",
                  "x": 0,
                  "y": 56,
                  "w": 653.6,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                }
              ]
            },
            {
              "id": "all2-details",
              "type": "group",
              "x": 1307.2,
              "y": 105,
              "w": 395.6,
              "h": 660,
              "children": [
                {
                  "id": "all2-detailtitle",
                  "type": "text",
                  "x": 0,
                  "y": 0,
                  "text": {
                    "$": "detail"
                  },
                  "fontSize": 21,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "all2-tabs",
                  "type": "text",
                  "x": 0,
                  "y": 73,
                  "text": "Prep   Notes   Files",
                  "fontSize": 16,
                  "color": "#76766d"
                },
                {
                  "id": "all2-summary",
                  "type": "text",
                  "x": 0,
                  "y": 120,
                  "text": "Agenda summary",
                  "fontSize": 18,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "all2-detailbars",
                  "type": "group",
                  "x": 0,
                  "y": 166,
                  "w": 361.2,
                  "h": 75,
                  "children": [
                    {
                      "id": "all2-detailbars-0",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 361.2,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "all2-detailbars-1",
                      "type": "rect",
                      "x": 0,
                      "y": 25,
                      "w": 309.59999999999997,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "all2-detailbars-2",
                      "type": "rect",
                      "x": 0,
                      "y": 50,
                      "w": 344.0,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    }
                  ]
                },
                {
                  "id": "all2-files",
                  "type": "text",
                  "x": 0,
                  "y": 285,
                  "text": "Related documents",
                  "fontSize": 18,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "all2-file1",
                  "type": "group",
                  "x": 0,
                  "y": 325,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "all2-file1-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "all2-file1-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "all2-file1-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "DOC",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "all2-file1-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Field notes",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "all2-file1-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                },
                {
                  "id": "all2-file2",
                  "type": "group",
                  "x": 0,
                  "y": 410,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "all2-file2-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "all2-file2-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "all2-file2-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "MAP",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "all2-file2-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Site map",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "all2-file2-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                },
                {
                  "id": "all2-file3",
                  "type": "group",
                  "x": 0,
                  "y": 495,
                  "w": 378.4,
                  "h": 70,
                  "children": [
                    {
                      "id": "all2-file3-plate",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 378.4,
                      "h": 70,
                      "fill": "#fafbf6",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "all2-file3-icon",
                      "type": "rect",
                      "x": 16,
                      "y": 15,
                      "w": 35,
                      "h": 40,
                      "fill": "#dce8dc",
                      "rx": 5
                    },
                    {
                      "id": "all2-file3-kind",
                      "type": "text",
                      "x": 18,
                      "y": 26,
                      "text": "XLS",
                      "fontSize": 11,
                      "color": "#4d705e"
                    },
                    {
                      "id": "all2-file3-name",
                      "type": "text",
                      "x": 65,
                      "y": 18,
                      "text": "Measurements",
                      "fontSize": 20,
                      "color": "#252521"
                    },
                    {
                      "id": "all2-file3-meta",
                      "type": "text",
                      "x": 65,
                      "y": 44,
                      "text": "Saved artifact  ·  Open →",
                      "fontSize": 13,
                      "color": "#76766d"
                    }
                  ]
                }
              ]
            }
          ],
          "fill": "#fff",
          "clip": true,
          "from": 145
        },
        {
          "id": "filtered",
          "type": "group",
          "x": 0,
          "y": 75,
          "w": 1720,
          "h": 770,
          "children": [
            {
              "id": "short",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 1720,
              "h": 770,
              "children": [
                {
                  "id": "short-sidebar",
                  "type": "group",
                  "x": 0,
                  "y": 0,
                  "w": 344.0,
                  "h": 770,
                  "children": [
                    {
                      "id": "short-sidebar-bg",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 344.0,
                      "h": 770,
                      "fill": "#f1f2eb"
                    },
                    {
                      "id": "short-sidebar-brand",
                      "type": "text",
                      "x": 20,
                      "y": 20,
                      "text": {
                        "$": "brand"
                      },
                      "fontSize": 25,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "short-sidebar-row0",
                      "type": "text",
                      "x": 20,
                      "y": 80,
                      "text": "New task",
                      "fontSize": 17,
                      "color": "#76766d"
                    },
                    {
                      "id": "short-sidebar-row1",
                      "type": "text",
                      "x": 20,
                      "y": 122,
                      "text": "Projects",
                      "fontSize": 17,
                      "color": "#76766d"
                    },
                    {
                      "id": "short-sidebar-row2",
                      "type": "text",
                      "x": 20,
                      "y": 164,
                      "text": "Library",
                      "fontSize": 17,
                      "color": "#76766d"
                    },
                    {
                      "id": "short-sidebar-row3",
                      "type": "text",
                      "x": 20,
                      "y": 206,
                      "text": "Recent work",
                      "fontSize": 17,
                      "color": "#76766d"
                    },
                    {
                      "id": "short-sidebar-profile",
                      "type": "text",
                      "x": 20,
                      "y": 724,
                      "text": "Morgan  /  Studio",
                      "fontSize": 16,
                      "color": "#76766d"
                    }
                  ]
                },
                {
                  "id": "short-date",
                  "type": "text",
                  "x": 653.6,
                  "y": 25,
                  "text": "Today, Monday",
                  "fontSize": 24,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "short-source",
                  "type": "text",
                  "x": 395.6,
                  "y": 82,
                  "text": "● Personal    ● Team    + Add calendar",
                  "fontSize": 16,
                  "color": "#76766d"
                },
                {
                  "id": "short-row0",
                  "type": "rect",
                  "x": 378.4,
                  "y": 133,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#fff",
                  "rx": 5
                },
                {
                  "id": "short-time0",
                  "type": "text",
                  "x": 395.6,
                  "y": 145,
                  "text": "9:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name0",
                  "type": "text",
                  "x": 516.0,
                  "y": 144,
                  "text": "Morning review",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-row1",
                  "type": "rect",
                  "x": 378.4,
                  "y": 193,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#fff",
                  "rx": 5
                },
                {
                  "id": "short-time1",
                  "type": "text",
                  "x": 395.6,
                  "y": 205,
                  "text": "10:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name1",
                  "type": "text",
                  "x": 516.0,
                  "y": 204,
                  "text": "Field planning",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-row2",
                  "type": "rect",
                  "x": 378.4,
                  "y": 253,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#f6f8f1",
                  "rx": 5
                },
                {
                  "id": "short-time2",
                  "type": "text",
                  "x": 395.6,
                  "y": 265,
                  "text": "11:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name2",
                  "type": "text",
                  "x": 516.0,
                  "y": 264,
                  "text": "Measurement review",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-row3",
                  "type": "rect",
                  "x": 378.4,
                  "y": 313,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#fff",
                  "rx": 5
                },
                {
                  "id": "short-time3",
                  "type": "text",
                  "x": 395.6,
                  "y": 325,
                  "text": "12:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name3",
                  "type": "text",
                  "x": 516.0,
                  "y": 324,
                  "text": "Lunch break",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-row4",
                  "type": "rect",
                  "x": 378.4,
                  "y": 373,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#fff",
                  "rx": 5
                },
                {
                  "id": "short-time4",
                  "type": "text",
                  "x": 395.6,
                  "y": 385,
                  "text": "13:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name4",
                  "type": "text",
                  "x": 516.0,
                  "y": 384,
                  "text": "Site visit",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-row5",
                  "type": "rect",
                  "x": 378.4,
                  "y": 433,
                  "w": 860.0,
                  "h": 53,
                  "fill": "#fff",
                  "rx": 5
                },
                {
                  "id": "short-time5",
                  "type": "text",
                  "x": 395.6,
                  "y": 445,
                  "text": "14:00",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "short-name5",
                  "type": "text",
                  "x": 516.0,
                  "y": 444,
                  "text": "Next observations",
                  "fontSize": 19,
                  "color": "#252521"
                },
                {
                  "id": "short-plan",
                  "type": "text",
                  "x": 395.6,
                  "y": 610,
                  "text": "Plan the next session",
                  "fontSize": 20,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "short-planbars",
                  "type": "group",
                  "x": 395.6,
                  "y": 658,
                  "w": 731.0,
                  "h": 84,
                  "children": [
                    {
                      "id": "short-planbars-0",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 731.0,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "short-planbars-1",
                      "type": "rect",
                      "x": 0,
                      "y": 28,
                      "w": 550.4,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "short-planbars-2",
                      "type": "rect",
                      "x": 0,
                      "y": 56,
                      "w": 653.6,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    }
                  ]
                },
                {
                  "id": "short-details",
                  "type": "group",
                  "x": 1307.2,
                  "y": 105,
                  "w": 395.6,
                  "h": 660,
                  "children": [
                    {
                      "id": "short-detailtitle",
                      "type": "text",
                      "x": 0,
                      "y": 0,
                      "text": {
                        "$": "detail"
                      },
                      "fontSize": 21,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "short-tabs",
                      "type": "text",
                      "x": 0,
                      "y": 73,
                      "text": "Prep   Notes   Files",
                      "fontSize": 16,
                      "color": "#76766d"
                    },
                    {
                      "id": "short-summary",
                      "type": "text",
                      "x": 0,
                      "y": 120,
                      "text": "Agenda summary",
                      "fontSize": 18,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "short-detailbars",
                      "type": "group",
                      "x": 0,
                      "y": 166,
                      "w": 361.2,
                      "h": 75,
                      "children": [
                        {
                          "id": "short-detailbars-0",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 361.2,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        },
                        {
                          "id": "short-detailbars-1",
                          "type": "rect",
                          "x": 0,
                          "y": 25,
                          "w": 309.59999999999997,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        },
                        {
                          "id": "short-detailbars-2",
                          "type": "rect",
                          "x": 0,
                          "y": 50,
                          "w": 344.0,
                          "h": 6,
                          "fill": "#dfded6",
                          "rx": 3.0
                        }
                      ]
                    },
                    {
                      "id": "short-files",
                      "type": "text",
                      "x": 0,
                      "y": 285,
                      "text": "Related documents",
                      "fontSize": 18,
                      "color": "#252521",
                      "fontWeight": 600
                    },
                    {
                      "id": "short-file1",
                      "type": "group",
                      "x": 0,
                      "y": 325,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "short-file1-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "short-file1-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "short-file1-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "DOC",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "short-file1-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Field notes",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "short-file1-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    },
                    {
                      "id": "short-file2",
                      "type": "group",
                      "x": 0,
                      "y": 410,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "short-file2-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "short-file2-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "short-file2-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "MAP",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "short-file2-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Site map",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "short-file2-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    },
                    {
                      "id": "short-file3",
                      "type": "group",
                      "x": 0,
                      "y": 495,
                      "w": 378.4,
                      "h": 70,
                      "children": [
                        {
                          "id": "short-file3-plate",
                          "type": "rect",
                          "x": 0,
                          "y": 0,
                          "w": 378.4,
                          "h": 70,
                          "fill": "#fafbf6",
                          "rx": 12,
                          "stroke": "#dfded6"
                        },
                        {
                          "id": "short-file3-icon",
                          "type": "rect",
                          "x": 16,
                          "y": 15,
                          "w": 35,
                          "h": 40,
                          "fill": "#dce8dc",
                          "rx": 5
                        },
                        {
                          "id": "short-file3-kind",
                          "type": "text",
                          "x": 18,
                          "y": 26,
                          "text": "XLS",
                          "fontSize": 11,
                          "color": "#4d705e"
                        },
                        {
                          "id": "short-file3-name",
                          "type": "text",
                          "x": 65,
                          "y": 18,
                          "text": "Measurements",
                          "fontSize": 20,
                          "color": "#252521"
                        },
                        {
                          "id": "short-file3-meta",
                          "type": "text",
                          "x": 65,
                          "y": 44,
                          "text": "Saved artifact  ·  Open →",
                          "fontSize": 13,
                          "color": "#76766d"
                        }
                      ]
                    }
                  ]
                }
              ],
              "fill": "#fff",
              "clip": true
            },
            {
              "id": "clear-rows",
              "type": "rect",
              "x": 390,
              "y": 380,
              "w": 860,
              "h": 260,
              "fill": "#fff"
            },
            {
              "id": "f-title",
              "type": "text",
              "x": 390,
              "y": 402,
              "text": "Plan the next session",
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "f-plan",
              "type": "group",
              "x": 390,
              "y": 455,
              "w": 740,
              "h": 111,
              "children": [
                {
                  "id": "f-plan-0",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 670,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "f-plan-1",
                  "type": "rect",
                  "x": 0,
                  "y": 37,
                  "w": 610,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                },
                {
                  "id": "f-plan-2",
                  "type": "rect",
                  "x": 0,
                  "y": 74,
                  "w": 740,
                  "h": 6,
                  "fill": "#dfded6",
                  "rx": 3.0
                }
              ]
            },
            {
              "id": "title-cover",
              "type": "rect",
              "x": 1305,
              "y": 100,
              "w": 385,
              "h": 55,
              "fill": "#fff"
            },
            {
              "id": "new-title",
              "type": "text",
              "x": 1305,
              "y": 110,
              "text": {
                "$": "filtered"
              },
              "fontSize": 24,
              "color": "#252521",
              "fontWeight": 600
            }
          ],
          "from": 92,
          "to": 145
        },
        {
          "id": "pointer",
          "type": "cursor",
          "x": 1490,
          "y": 750,
          "anim": [
            {
              "p": "x",
              "k": [
                {
                  "f": 0,
                  "v": 1490
                },
                {
                  "f": 70,
                  "v": 1490
                },
                {
                  "f": 92,
                  "v": 660
                },
                {
                  "f": 145,
                  "v": 660
                },
                {
                  "f": 179,
                  "v": 1750
                }
              ]
            },
            {
              "p": "y",
              "k": [
                {
                  "f": 0,
                  "v": 750
                },
                {
                  "f": 70,
                  "v": 530
                },
                {
                  "f": 92,
                  "v": 240
                },
                {
                  "f": 145,
                  "v": 240
                },
                {
                  "f": 179,
                  "v": 140
                }
              ]
            }
          ],
          "clicks": [
            92,
            145
          ]
        }
      ],
      "fill": "#fff",
      "rx": 14,
      "clip": true
    }
  ]
}