{
  "width": 1180,
  "height": 810,
  "elements": {
    "mfiFDXmk7KbaYdVKQKaxwj": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "gray"
      },
      "width": 960,
      "height": 140,
      "x": 0,
      "y": 0,
      "zIndex": 0
    },
    "9qTrcdnWwsBhYAyjKJic89": {
      "type": "label",
      "width": 75,
      "height": 50,
      "label": "${osc(\"/global/tempo\")}",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "font": {
        "size": 30,
        "bold": true
      },
      "x": 70,
      "y": 0,
      "zIndex": 21
    },
    "3TtsjaTFqs7B8YijfxXCwe": {
      "type": "label",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "label": "${osc(\"/global/humanPosition\", 1) ?? \"--\"}",
      "font": {
        "size": 30,
        "italic": true,
        "bold": true
      },
      "height": 45,
      "width": 40,
      "x": 90,
      "y": 95,
      "zIndex": 53
    },
    "wpVWwMdF7CCtFANWZg6WiJ": {
      "type": "button",
      "buttonType": "osc",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/global/isPlaying\") ? \"green-800\" : \"green-950\"}"
      },
      "icon": {
        "type": "dynamic",
        "template": "${osc(\"/global/isPlaying\") ? \"player-stop-filled\" : \"player-play-filled\"}"
      },
      "onPress": "/global/playStop",
      "font": {
        "size": 40
      },
      "height": 120,
      "width": 210,
      "x": 377,
      "y": 10,
      "zIndex": 73
    },
    "arZkntCKFcbnpLf4RaG8qp": {
      "type": "clock",
      "show24h": true,
      "showSeconds": false,
      "width": 100,
      "height": 120,
      "x": 850,
      "y": 10,
      "zIndex": 95,
      "textColor": {
        "type": "preset",
        "color": "white"
      }
    },
    "t5FbCpkYsMNE8iKgGRW462": {
      "type": "button",
      "buttonType": "osc",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/isInActiveSectionLoop\") ? \"yellow-500\" : \"gray-700\"}"
      },
      "icon": {
        "type": "preset",
        "icon": "repeat"
      },
      "onPress": "/loop/toggle",
      "font": {
        "size": 40
      },
      "height": 120,
      "width": 120,
      "x": 152,
      "y": 10,
      "zIndex": 106
    },
    "cBcCnKJKnvyD2oawhW7iVU": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/activeSongIndex\") === 1 + local(\"songOffset\") ? \"orange-600\" : \"gray\"}"
      },
      "label": "${osc(\"/setlist/songs\", 1 + local(\"songOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": true
      },
      "width": 170,
      "height": 100,
      "x": 200,
      "y": 160,
      "zIndex": 137,
      "onPress": "/setlist/jumpToSong 2",
      "href": "/canvas/page-1-1-test",
      "scriptOnPress": "const currentOffset = local(\"songOffset\", 0);\nsendOsc(\"/setlist/jumpToSong\", 2 + currentOffset);\nawait sleep(200)\nsetLocal(\"sectionOffset\", 0);"
    },
    "jKRgChmchiWoNag7HiuxKL": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/activeSongIndex\") === 0 + local(\"songOffset\") ? \"orange-600\" : \"gray\"}"
      },
      "label": "${osc(\"/setlist/songs\", 0 + local(\"songOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": true
      },
      "width": 170,
      "height": 100,
      "x": 10,
      "y": 160,
      "zIndex": 136,
      "onPress": "/setlist/jumpToSong 1",
      "href": "/canvas/page-1-1-test",
      "scriptOnPress": "const currentOffset = local(\"songOffset\", 0);\nsendOsc(\"/setlist/jumpToSong\", 1 + currentOffset);\nawait sleep(200)\nsetLocal(\"sectionOffset\", 0);\n\n\n"
    },
    "1kyGP3PnAKVxSTE3fLdo6N": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/activeSongIndex\") === 2 + local(\"songOffset\") ? \"orange-600\" : \"gray\"}"
      },
      "label": "${osc(\"/setlist/songs\", 2 + local(\"songOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": true
      },
      "width": 170,
      "height": 100,
      "x": 390,
      "y": 160,
      "zIndex": 138,
      "onPress": "/setlist/jumpToSong 3",
      "href": "/canvas/page-1-1-test",
      "scriptOnPress": "const currentOffset = local(\"songOffset\", 0);\nsendOsc(\"/setlist/jumpToSong\", 3 + currentOffset);\nawait sleep(200)\nsetLocal(\"sectionOffset\", 0);"
    },
    "eYFRhupuKX8uCtMminNGw6": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/activeSongIndex\") === 4 + local(\"songOffset\") ? \"orange-600\" : \"gray\"}"
      },
      "label": "${osc(\"/setlist/songs\", 4 + local(\"songOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": true
      },
      "width": 170,
      "height": 100,
      "x": 770,
      "y": 160,
      "zIndex": 140,
      "onPress": "/setlist/jumpToSong 5",
      "href": "/canvas/page-1-1-test",
      "scriptOnPress": "const currentOffset = local(\"songOffset\", 0);\nsendOsc(\"/setlist/jumpToSong\", 5 + currentOffset);\nawait sleep(200)\nsetLocal(\"sectionOffset\", 0);"
    },
    "qy8R8c1ehxx2go9CerDaJh": {
      "type": "slider",
      "width": 110,
      "height": 380,
      "style": "thumb-bar",
      "orientation": "vertical",
      "minValue": 0,
      "maxValue": 0.85,
      "step": 0.01,
      "backgroundColor": {
        "type": "dynamic",
        "template": "green-950"
      },
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "x": 1050,
      "y": 400,
      "zIndex": 151,
      "scriptOnChange": "// Ensure it's a number and clamp to 0–1\nconst vol = Math.max(0, Math.min(1, Number(value)));\n\n// OSC path uses lowercase group names\nsendOsc(\"/mixer/tracks/volume\", vol);",
      "value": "${osc(\"/mixer/tracks/volume\")}",
      "label": "Tracks Master"
    },
    "hXGhatBvR7wbQM9MWS4JEg": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/activeSongIndex\") === 3 + local(\"songOffset\") ? \"orange-600\" : \"gray\"}"
      },
      "label": "${osc(\"/setlist/songs\", 3 + local(\"songOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": true
      },
      "width": 170,
      "height": 100,
      "x": 580,
      "y": 160,
      "zIndex": 139,
      "onPress": "/setlist/jumpToSong 4",
      "href": "/canvas/page-1-1-test",
      "scriptOnPress": "const currentOffset = local(\"songOffset\", 0);\nsendOsc(\"/setlist/jumpToSong\", 4 + currentOffset);\nawait sleep(200)\nsetLocal(\"sectionOffset\", 0);"
    },
    "eZzxnrrSfuwyoY9tdkYiKT": {
      "type": "button",
      "buttonType": "link",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "gray-900"
      },
      "label": "Elvanto LIVE",
      "font": {
        "size": 16,
        "bold": true
      },
      "width": 150,
      "height": 70,
      "x": 865,
      "y": 720,
      "zIndex": 165,
      "href": "/canvas/elvanto-live"
    },
    "phkofmdpU6SqaP2hEGxhdz": {
      "type": "button",
      "buttonType": "link",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "gray-900"
      },
      "label": "Main",
      "font": {
        "size": 16,
        "bold": true
      },
      "width": 150,
      "height": 70,
      "x": 865,
      "y": 400,
      "zIndex": 161,
      "href": "/canvas/main-page"
    },
    "dpKNN5NA4NUWrrefieXYH6": {
      "type": "button",
      "buttonType": "link",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "gray-900"
      },
      "label": "Tempo",
      "font": {
        "size": 16,
        "bold": true
      },
      "width": 150,
      "height": 70,
      "x": 865,
      "y": 480,
      "zIndex": 162,
      "href": "/canvas/tempo-page"
    },
    "8381a5ovtwpczV3xiUMDfC": {
      "type": "button",
      "buttonType": "link",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "gray-900"
      },
      "label": "Parts",
      "font": {
        "size": 16,
        "bold": true
      },
      "width": 150,
      "height": 70,
      "x": 865,
      "y": 560,
      "zIndex": 163,
      "href": "/canvas/parts-page"
    },
    "eiJV4qJBYWyh6kX3NjDrb1": {
      "type": "divider",
      "width": 960,
      "height": 20,
      "label": "",
      "textColor": {
        "type": "dynamic",
        "template": "white-100"
      },
      "font": {
        "size": 20
      },
      "x": 0,
      "y": 130,
      "zIndex": 185
    },
    "rVybpXq11VnCC6HtRG1qjH": {
      "type": "divider",
      "width": 960,
      "height": 20,
      "label": "",
      "textColor": {
        "type": "dynamic",
        "template": "white-100"
      },
      "font": {
        "size": 20
      },
      "x": 0,
      "y": 270,
      "zIndex": 184
    },
    "6fz1YLrxtVkhnxSWz2Kd9X": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/mixer/tracks/volume\") === 0 ? \"green-950\" : \"green-600\"}"
      },
      "label": "Trax",
      "font": {
        "size": 40,
        "bold": false
      },
      "width": 120,
      "height": 120,
      "x": 727,
      "y": 10,
      "zIndex": 114,
      "icon": {
        "type": "dynamic",
        "template": ""
      },
      "buttonType": "script",
      "scriptOnPress": "if (osc(\"/mixer/tracks/volume\") === 0) {\n  // If the track is at -Inf, set it to 0.85, which is equal to 0 dB\n  sendOsc(\"/mixer/tracks/volume\", 0.85);\n} else {\n  // Else, set it to 0, which is equal to -Inf\n  sendOsc(\"/mixer/tracks/volume\", 0);\n}"
    },
    "gwYGwVm94HXcZkh48n3JQV": {
      "type": "divider",
      "width": 1180,
      "height": 20,
      "label": "",
      "font": {
        "size": 20
      },
      "x": 0,
      "y": 380,
      "zIndex": 185,
      "textColor": {
        "type": "dynamic",
        "template": "white-100"
      }
    },
    "jkg7VsqvUBLjZFjRBPgNeM": {
      "type": "section-progress",
      "pillShape": true,
      "width": 490,
      "height": 60,
      "x": 180,
      "y": 740,
      "zIndex": 196
    },
    "9qtu1HuQLw2JJ1QTCZqAz2": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 0 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 0 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 0 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 10,
      "y": 400,
      "zIndex": 137,
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 1 + currentOffset);"
    },
    "sUEwvYfvCzNUpau6VgyAB5": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 2 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 2 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 2 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 350,
      "y": 400,
      "zIndex": 139,
      "onPress": "/setlist/jumpToSection 3",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 3 + currentOffset);"
    },
    "nA86NMNkfHmid6kL4o1VPZ": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 1 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 1 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 1 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 180,
      "y": 400,
      "zIndex": 138,
      "onPress": "/setlist/jumpToSection 2",
      "href": "sendOsc(\"/setlist/jumpToSection\", 2)",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 2 + currentOffset);"
    },
    "nrfCzzEPvnNFiPH7QYh7Uz": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 4 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 4 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 4 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 690,
      "y": 400,
      "zIndex": 141,
      "onPress": "/setlist/jumpToSection 5",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 5 + currentOffset);"
    },
    "goV8CcZCcnMU7T5Vw3HWNc": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 3 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 3 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 3 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 520,
      "y": 400,
      "zIndex": 140,
      "onPress": "/setlist/jumpToSection 4",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 4 + currentOffset);"
    },
    "istK15hUzYN3MEpFFYaXyJ": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 14 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 14 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 14 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 690,
      "y": 620,
      "zIndex": 143,
      "onPress": "/setlist/jumpToSection 15",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 15 + currentOffset);"
    },
    "q71aMvrquLL5ctr6kBww66": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 9 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 9 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 9 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 690,
      "y": 510,
      "zIndex": 142,
      "onPress": "/setlist/jumpToSection 10",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 10 + currentOffset);"
    },
    "wbvZksmCkP8ywX7LtQNTok": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 6 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 6 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 6 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 180,
      "y": 510,
      "zIndex": 139,
      "onPress": "/setlist/jumpToSection 7",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 7 + currentOffset);"
    },
    "idCi525BuCF5mT7tkLvsDH": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 7 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 7 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 7 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 350,
      "y": 510,
      "zIndex": 140,
      "onPress": "/setlist/jumpToSection 8",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 8 + currentOffset);"
    },
    "5iyLrQVYey9UK1spoPduJf": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 8 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 8 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 8 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 520,
      "y": 510,
      "zIndex": 141,
      "onPress": "/setlist/jumpToSection 9",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 9 + currentOffset);"
    },
    "v7rWmr6ZEHx7aVyVBJ2zDH": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 5 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 5 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 5 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 10,
      "y": 510,
      "zIndex": 138,
      "onPress": "/setlist/jumpToSection 6",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 6 + currentOffset);"
    },
    "1HY676tV4z5J8eDw9J51xo": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 10 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 10 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 10 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 10,
      "y": 620,
      "zIndex": 139,
      "onPress": "/setlist/jumpToSection 11",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 11 + currentOffset);"
    },
    "c6yZ7cGy5oXVqcCNsVBwPA": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 11 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 11 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 11 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 180,
      "y": 620,
      "zIndex": 140,
      "onPress": "/setlist/jumpToSection 12",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 12 + currentOffset);"
    },
    "aZASPsSmH2uAbixrcN5R8V": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 12 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 12 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 12 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 350,
      "y": 620,
      "zIndex": 141,
      "onPress": "/setlist/jumpToSection 13",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 13 + currentOffset);"
    },
    "85NJigdpwebcXocf2mSBMx": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/setlist/sectionColors\", 13 + local(\"sectionOffset\"))}-${osc(\"/setlist/activeSectionIndex\") === 13 + local(\"sectionOffset\") ? 600 : 900}"
      },
      "label": "${osc(\"/setlist/sections\", 13 + local(\"sectionOffset\")) ?? \"--\"}",
      "font": {
        "size": 20,
        "bold": false
      },
      "width": 150,
      "height": 100,
      "x": 520,
      "y": 620,
      "zIndex": 142,
      "onPress": "/setlist/jumpToSection 14",
      "scriptOnPress": "const currentOffset = local(\"sectionOffset\", 0);\nsendOsc(\"/setlist/jumpToSection\", 14 + currentOffset);"
    },
    "5KY3PevNumJTCX7PryaCW7": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "preset",
        "color": "indigo"
      },
      "label": "",
      "font": {
        "size": 40
      },
      "width": 150,
      "height": 80,
      "x": 690,
      "y": 730,
      "zIndex": 208,
      "icon": {
        "type": "dynamic",
        "template": "arrow-right"
      },
      "href": "/canvas/page-1-2-test",
      "scriptOnPress": "const pageSize = 15;\nconst currentOffset = local(\"sectionOffset\", 0);\nconst maxOffset = osc(\"/setlist/sections\", \"all\").length - pageSize;\nconst maxPageOffset = Math.ceil(maxOffset / pageSize) * pageSize;\nconst newOffset = Math.min(currentOffset + pageSize, maxPageOffset);\nsetLocal(\"sectionOffset\", newOffset);"
    },
    "pUWe5HoGA2xvEJquDzANJH": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "rose"
      },
      "width": 960,
      "height": 140,
      "x": 0,
      "y": 140,
      "zIndex": 1
    },
    "6gj9gCj4gAeKWgRMBW6mJ3": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "purple"
      },
      "width": 960,
      "height": 110,
      "x": 0,
      "y": 280,
      "zIndex": 2
    },
    "cPShQQqXZmPViR47vX9uFE": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "gray"
      },
      "width": 850,
      "height": 420,
      "x": 0,
      "y": 390,
      "zIndex": 3
    },
    "to9vzykCvwWjfnM8EqGnbm": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "red"
      },
      "width": 330,
      "height": 420,
      "x": 850,
      "y": 390,
      "zIndex": 3
    },
    "88ruqttv8kbTL7fZBSWqTR": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "preset",
        "color": "indigo"
      },
      "label": "",
      "font": {
        "size": 40
      },
      "width": 150,
      "height": 80,
      "x": 10,
      "y": 730,
      "zIndex": 209,
      "icon": {
        "type": "dynamic",
        "template": "arrow-left"
      },
      "href": "",
      "scriptOnPress": "const pageSize = 15;\nconst currentOffset = local(\"sectionOffset\", 0);\nconst newOffset = Math.max(currentOffset - pageSize, 0);\nsetLocal(\"sectionOffset\", newOffset);\n"
    },
    "ufoY1v7PZvgkY4VVcpAAY7": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "preset",
        "color": "emerald"
      },
      "label": "",
      "font": {
        "size": 40
      },
      "width": 70,
      "height": 90,
      "x": 880,
      "y": 290,
      "zIndex": 211,
      "icon": {
        "type": "dynamic",
        "template": "arrow-right"
      },
      "scriptOnPress": "const pageSize = 5;\nconst currentOffset = local(\"songOffset\", 0);\nconst maxOffset = osc(\"/setlist/songs\", \"all\").length - pageSize;\nconst maxPageOffset = Math.ceil(maxOffset / pageSize) * pageSize;\nconst newOffset = Math.min(currentOffset + pageSize, maxPageOffset);\nsetLocal(\"songOffset\", newOffset);"
    },
    "hXWHmKrF9qrRWozRpvtWro": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "preset",
        "color": "emerald"
      },
      "label": "",
      "font": {
        "size": 40
      },
      "width": 70,
      "height": 90,
      "x": 800,
      "y": 290,
      "zIndex": 210,
      "icon": {
        "type": "preset",
        "icon": "arrow-left"
      },
      "scriptOnPress": "const pageSize = 5;\nconst currentOffset = local(\"songOffset\", 0);\nconst newOffset = Math.max(currentOffset - pageSize, 0);\nsetLocal(\"songOffset\", newOffset);"
    },
    "oQojGgT1NTujMsdfPvQk5m": {
      "type": "button",
      "buttonType": "osc",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/settings/countIn\") === true ? \"red-600\" : \"red-950\"}"
      },
      "label": "COUNT IN",
      "font": {
        "size": 40,
        "bold": false
      },
      "width": 100,
      "height": 90,
      "x": 690,
      "y": 290,
      "zIndex": 118,
      "onPress": "/settings/countIn toggle"
    },
    "3Q4dBL22ZLkZGHog1gDQz4": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/mixer/cues/volume\") === 0 ? \"pink-950\" : \"pink-600\"}"
      },
      "label": "CUES",
      "font": {
        "size": 40
      },
      "width": 107,
      "height": 90,
      "x": 573,
      "y": 290,
      "zIndex": 117,
      "onPress": "/midi/send/noteOn \"IAC Driver IAC Bus 1\" 1 C-2",
      "scriptOnPress": "if (osc(\"/mixer/cues/volume\") === 0) {\n  // If the track is at -Inf, set it to 0.85, which is equal to 0 dB\n  sendOsc(\"/mixer/cues/volume\", 0.85);\n} else {\n  // Else, set it to 0, which is equal to -Inf\n  sendOsc(\"/mixer/cues/volume\", 0);\n}\n"
    },
    "ibUvHR68FdQh4WskovSfGV": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/mixer/click/volume\") === 0 ? \"blue-950\" : \"blue-600\"}"
      },
      "label": "CLICK",
      "font": {
        "size": 40
      },
      "width": 110,
      "height": 90,
      "x": 453,
      "y": 290,
      "zIndex": 118,
      "onPress": "if (osc(\"/mixer/tracks/volume\") === 0) {\n  // If the track is at -Inf, set it to 0.85, which is equal to 0 dB\n  sendOsc(\"/mixer/tracks/volume\", 0.85);\n} else {\n  // Else, set it to 0, which is equal to -Inf\n  sendOsc(\"/mixer/tracks/volume\", 0);\n}\n",
      "scriptOnPress": "if (osc(\"/mixer/click/volume\") === 0) {\n  // If the track is at -Inf, set it to 0.85, which is equal to 0 dB\n  sendOsc(\"/mixer/click/volume\", 0.85);\n} else {\n  // Else, set it to 0, which is equal to -Inf\n  sendOsc(\"/mixer/click/volume\", 0);\n}"
    },
    "fYVVyPETdxgg8Fk36vzeBz": {
      "type": "button",
      "buttonType": "script",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${shared(\"dimClick\") ? \"gray-500\" : \"gray-950\"}"
      },
      "label": "DIM\nCLICK",
      "font": {
        "size": 40
      },
      "width": 83,
      "height": 90,
      "x": 360,
      "y": 290,
      "zIndex": 119,
      "onPress": "/midi/send/noteOn \"IAC Driver IAC Bus 1\" 1 D-2",
      "scriptOnPress": "if (shared(\"dimClick\")) {\n  // Currently DIMMED (-6 dB) → go back to 0 dB\n  sendOsc(\"/mixer/click/adjust\", 0.15);\n  setShared(\"dimClick\", false);\n} else {\n  // Currently at 0 dB → DIM by -6 dB\n  sendOsc(\"/mixer/click/adjust\", -0.15);\n  setShared(\"dimClick\", true);\n}"
    },
    "61LP4Mp3FS1epznrh9F6iu": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/global/quantization\") === \"none\" ? \"fuchsia-600\" : \"fuchsia-900\"}"
      },
      "label": "OFF",
      "font": {
        "size": 25,
        "bold": false,
        "italic": false
      },
      "width": 75,
      "height": 90,
      "x": 265,
      "y": 290,
      "zIndex": 140,
      "onPress": "/global/quantization none",
      "buttonType": "osc"
    },
    "qajYfXwnGooREGhfrxtHgC": {
      "type": "label",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "label": "Time Sig:",
      "font": {
        "size": 15,
        "italic": false,
        "bold": true
      },
      "height": 45,
      "width": 69,
      "x": 4,
      "y": 50,
      "zIndex": 55
    },
    "vsbsspzahCjDU4YxwYh1pd": {
      "type": "label",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "label": "${osc(\"/global/timeSignature\", \"all\").join(\"/\")}",
      "font": {
        "size": 30,
        "italic": false,
        "bold": true
      },
      "height": 45,
      "width": 65,
      "x": 75,
      "y": 50,
      "zIndex": 52
    },
    "eA5pmvnzjLJEYCzcFmc6r4": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/global/quantization\") === \"1\" ? \"fuchsia-600\" : \"fuchsia-900\"}"
      },
      "label": "1 Bar",
      "font": {
        "size": 25,
        "bold": false,
        "italic": false
      },
      "width": 75,
      "height": 90,
      "x": 10,
      "y": 290,
      "zIndex": 138,
      "onPress": "/global/quantization 1",
      "buttonType": "osc"
    },
    "gUSRUtn1uxkuQRMa29jtz6": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/global/quantization\") === \"1/4\" ? \"fuchsia-600\" : \"fuchsia-900\"}"
      },
      "label": "1/4",
      "font": {
        "size": 25,
        "bold": false,
        "italic": false
      },
      "width": 75,
      "height": 90,
      "x": 95,
      "y": 290,
      "zIndex": 139,
      "onPress": "/global/quantization 1/4",
      "buttonType": "osc"
    },
    "1MYgXXsMhCjnYkBCAs2ADT": {
      "type": "panel",
      "backgroundColor": {
        "type": "preset",
        "color": "gray"
      },
      "width": 220,
      "height": 390,
      "x": 960,
      "y": 0,
      "zIndex": 2
    },
    "hXJJMcVoad7XjojuAMbANg": {
      "type": "label",
      "width": 220,
      "height": 60,
      "label": "Notes",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "font": {
        "size": 20,
        "bold": true,
        "italic": true,
        "underline": true
      },
      "x": 960,
      "y": 0,
      "zIndex": 22
    },
    "hvWxQYn9hEKBYXoDpKSPM7": {
      "type": "input",
      "inputType": "email",
      "width": 220,
      "height": 50,
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "preset",
        "color": "gray"
      },
      "font": {
        "size": 10
      },
      "x": 960,
      "y": 50,
      "zIndex": 221,
      "value": "${shared(`note-${osc(\"/setlist/activeSongName\")}`) ?? \"\"}",
      "scriptOnChange": "setShared(`note-${osc(\"/setlist/activeSongName\")}`, value);"
    },
    "iTT1h44G8hhvweaQbVW8tt": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/global/quantization\") === \"1/8\" ? \"fuchsia-600\" : \"fuchsia-900\"}"
      },
      "label": "1/8",
      "font": {
        "size": 25,
        "bold": false,
        "italic": false
      },
      "width": 75,
      "height": 90,
      "x": 180,
      "y": 290,
      "zIndex": 140,
      "onPress": "/global/quantization 1/8",
      "buttonType": "osc"
    },
    "qUs2vjg5w6u9bxXCniUArp": {
      "type": "divider",
      "width": 145,
      "height": 20,
      "label": "",
      "textColor": {
        "type": "dynamic",
        "template": "white-100"
      },
      "font": {
        "size": 20
      },
      "x": 0,
      "y": 85,
      "zIndex": 187
    },
    "dVevz2zG4hbKyxRBCnhZSs": {
      "type": "label",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "label": "Beat:",
      "font": {
        "size": 15,
        "italic": false,
        "bold": true
      },
      "height": 45,
      "width": 40,
      "x": 5,
      "y": 95,
      "zIndex": 53
    },
    "k7arCNXiZjroVuJFGopdxa": {
      "type": "label",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "label": "Tempo:",
      "font": {
        "size": 15,
        "italic": false,
        "bold": true
      },
      "height": 50,
      "width": 56,
      "x": 4,
      "y": 0,
      "zIndex": 54
    },
    "9xehmaVGoMa5DBfS6ZFSz2": {
      "type": "button",
      "buttonType": "osc",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "green-950"
      },
      "font": {
        "size": 40
      },
      "height": 120,
      "width": 85,
      "x": 282,
      "y": 10,
      "zIndex": 231,
      "onPress": "/setlist/jumpToSection 2",
      "icon": {
        "type": "preset",
        "icon": "player-skip-back-filled"
      }
    },
    "bCcHLKVEDkrEA4qsXbDsyD": {
      "type": "divider",
      "width": 145,
      "height": 20,
      "label": "",
      "textColor": {
        "type": "dynamic",
        "template": "white-100"
      },
      "font": {
        "size": 20
      },
      "x": 0,
      "y": 40,
      "zIndex": 186
    },
    "vK3ehnxyfEkWzAeGquD62g": {
      "type": "button",
      "buttonType": "link",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "gray-900"
      },
      "label": "Misc",
      "font": {
        "size": 16,
        "bold": true
      },
      "width": 150,
      "height": 70,
      "x": 865,
      "y": 640,
      "zIndex": 164,
      "href": "/canvas/misc-page"
    },
    "dq4K3Sa9E6Liwmr67UJBn4": {
      "type": "button",
      "textColor": {
        "type": "preset",
        "color": "white"
      },
      "backgroundColor": {
        "type": "dynamic",
        "template": "${osc(\"/mixer/tracks/isFading\") === 0 ? \"blue-600\" : \"blue-950\"}"
      },
      "label": "",
      "font": {
        "size": 40,
        "bold": false
      },
      "width": 120,
      "height": 120,
      "x": 597,
      "y": 10,
      "zIndex": 113,
      "icon": {
        "type": "dynamic",
        "template": "${osc(\"/mixer/tracks/volume\") === 0 ? \"corner-right-up\" : \"corner-right-down\"}"
      },
      "buttonType": "script",
      "scriptOnPress": "if (shared(\"fadeTrack\")) {\n  // Currently DIMMED (-6 dB) → go back to 0 dB\n  sendOsc(\"/mixer/tracks/fadeTo\", 0.85);\n  setShared(\"fadeTrack\", false);\n} else {\n  // Currently at 0 dB → DIM by -6 dB\n  sendOsc(\"/mixer/tracks/fadeTo\", 0);\n  setShared(\"fadeTrack\", true);\n}"
    }
  },
  "hideOverlayButtons": true
}