@almadar/std 16.173.0 → 16.174.0

package/behaviors/registry/ui/learning/atoms/std-learn-tour-3d.orb

@@ -0,0 +1,2947 @@
+{
+  "description": "Generic guided-tour-over-3D-stations instrument. Contract: a config-declared roster of stations (id, name, caption, x, y, z, radius, color, shape, opacity) plus optional connector edges (from, to, color, label), rendered as an orbit-rotatable volumetric scene on a biology-canvas in 3D mode; pressing Tour advances the selection to the next station (mod the roster length) and clicking a shape selects its station — either way the camera retargets onto the selected station's x/y/z, the station enlarges, a name — caption narration renders, and a progress readout tracks visited stations until every station has been toured. A `backdrop` knob renders non-station scene geometry under the stations (painted, never toured). SYNC_STATIONS hot-swaps the roster mid-flight (a composed preset coordinator emits it with new stations/edges/backdrop; the tour adopts them and restarts progress at the first new station) — the single-writer entry point for dynamic rosters. Composed of a biology-canvas in 3D mode plus a tour state machine. Standalone by default; behind a lab router set matchMode and it renders only when MODE_SELECTED matches.",
+  "ledger": {
+    "entries": {
+      "ent_01M07RCKW08Q8GTWHGYP9HVQP1": {
+        "bakedName": "Learn3DTourScene",
+        "curName": "Learn3DTourScene",
+        "id": "ent_01M07RCKW08Q8GTWHGYP9HVQP1",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M07RCKW0YARJ2BYJ1MZGFTRD": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M07RCKW0YARJ2BYJ1MZGFTRD",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M07RCKW2AHK7EHDEZAS9BHQD": {
+        "bakedName": "RESET",
+        "curName": "RESET",
+        "id": "evt_01M07RCKW2AHK7EHDEZAS9BHQD",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M07RCKW2DPWA14T0FDP9S669": {
+        "bakedName": "TOUR_3D_UPDATED",
+        "curName": "TOUR_3D_UPDATED",
+        "id": "evt_01M07RCKW2DPWA14T0FDP9S669",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M07RCKW2DSDNYZ59EYX7RSHP": {
+        "bakedName": "TOUR",
+        "curName": "TOUR",
+        "id": "evt_01M07RCKW2DSDNYZ59EYX7RSHP",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M07RCKW2FDQK2QD7WX4GTRMJ": {
+        "bakedName": "MODE_SELECTED",
+        "curName": "MODE_SELECTED",
+        "id": "evt_01M07RCKW2FDQK2QD7WX4GTRMJ",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M07RCKW2MSXSKE1G2F9GKPBR": {
+        "bakedName": "SELECT_STATION",
+        "curName": "SELECT_STATION",
+        "id": "evt_01M07RCKW2MSXSKE1G2F9GKPBR",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "evt_01M09E8V0NEH4QP51HH0HZ80ST": {
+        "bakedName": "SYNC_STATIONS",
+        "curName": "SYNC_STATIONS",
+        "id": "evt_01M09E8V0NEH4QP51HH0HZ80ST",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "renames": []
+      },
+      "orb_01M07RCKW09E3TNXAZ8BMJS742": {
+        "bakedName": "LearnTour3DOrbital",
+        "curName": "LearnTour3DOrbital",
+        "id": "orb_01M07RCKW09E3TNXAZ8BMJS742",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M07RCKW3P456Q0EW3Y838624": {
+        "bakedName": "Learn3DTourPage",
+        "curName": "Learn3DTourPage",
+        "id": "pag_01M07RCKW3P456Q0EW3Y838624",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M07RCKW0YDADRTWKMBVKDWW3": {
+        "bakedName": "Learn3DTourSim",
+        "curName": "Learn3DTourSim",
+        "id": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-learn-tour-3d",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "default": false,
+            "name": "active",
+            "type": "boolean"
+          },
+          {
+            "name": "title",
+            "type": "string"
+          },
+          {
+            "items": {
+              "properties": {
+                "caption": {
+                  "name": "caption",
+                  "required": false,
+                  "type": "string"
+                },
+                "color": {
+                  "name": "color",
+                  "required": false,
+                  "type": "string"
+                },
+                "id": {
+                  "name": "id",
+                  "required": true,
+                  "type": "string"
+                },
+                "name": {
+                  "name": "name",
+                  "required": true,
+                  "type": "string"
+                },
+                "opacity": {
+                  "name": "opacity",
+                  "required": false,
+                  "type": "number"
+                },
+                "radius": {
+                  "name": "radius",
+                  "required": false,
+                  "type": "number"
+                },
+                "shape": {
+                  "name": "shape",
+                  "required": false,
+                  "type": "string"
+                },
+                "x": {
+                  "name": "x",
+                  "required": true,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": true,
+                  "type": "number"
+                },
+                "z": {
+                  "name": "z",
+                  "required": true,
+                  "type": "number"
+                }
+              },
+              "type": "object"
+            },
+            "name": "stations",
+            "type": "array"
+          },
+          {
+            "default": [],
+            "items": {
+              "properties": {
+                "caption": {
+                  "name": "caption",
+                  "required": false,
+                  "type": "string"
+                },
+                "color": {
+                  "name": "color",
+                  "required": false,
+                  "type": "string"
+                },
+                "id": {
+                  "name": "id",
+                  "required": true,
+                  "type": "string"
+                },
+                "name": {
+                  "name": "name",
+                  "required": true,
+                  "type": "string"
+                },
+                "opacity": {
+                  "name": "opacity",
+                  "required": false,
+                  "type": "number"
+                },
+                "radius": {
+                  "name": "radius",
+                  "required": false,
+                  "type": "number"
+                },
+                "shape": {
+                  "name": "shape",
+                  "required": false,
+                  "type": "string"
+                },
+                "x": {
+                  "name": "x",
+                  "required": true,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": true,
+                  "type": "number"
+                },
+                "z": {
+                  "name": "z",
+                  "required": true,
+                  "type": "number"
+                }
+              },
+              "type": "object"
+            },
+            "name": "backdrop",
+            "type": "array"
+          },
+          {
+            "items": {
+              "properties": {
+                "color": {
+                  "name": "color",
+                  "required": false,
+                  "type": "string"
+                },
+                "from": {
+                  "name": "from",
+                  "required": true,
+                  "type": "string"
+                },
+                "label": {
+                  "name": "label",
+                  "required": false,
+                  "type": "string"
+                },
+                "to": {
+                  "name": "to",
+                  "required": true,
+                  "type": "string"
+                }
+              },
+              "type": "object"
+            },
+            "name": "edges",
+            "type": "array"
+          },
+          {
+            "default": 0.0,
+            "name": "selectedIndex",
+            "type": "number"
+          },
+          {
+            "default": "",
+            "name": "selectedId",
+            "type": "string"
+          },
+          {
+            "default": [],
+            "items": {
+              "type": "string"
+            },
+            "name": "visitedIds",
+            "type": "array"
+          },
+          {
+            "default": false,
+            "name": "tourComplete",
+            "type": "boolean"
+          },
+          {
+            "default": "",
+            "name": "narration",
+            "type": "string"
+          }
+        ],
+        "id": "ent_01M07RCKW08Q8GTWHGYP9HVQP1",
+        "name": "Learn3DTourScene",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M07RCKW09E3TNXAZ8BMJS742",
+      "name": "LearnTour3DOrbital",
+      "pages": [
+        {
+          "id": "pag_01M07RCKW3P456Q0EW3Y838624",
+          "name": "Learn3DTourPage",
+          "path": "/learn-tour-3d",
+          "traits": [
+            {
+              "ref": "Learn3DTourSim",
+              "refId": "trt_01M07RCKW0YDADRTWKMBVKDWW3"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "azimuth": {
+              "default": 0.6,
+              "description": "Camera orbit azimuth in radians; the learner can orbit freely on top of this.",
+              "label": "Azimuth",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "backdrop": {
+              "default": [],
+              "description": "Non-station scene geometry rendered under the tour stations (painted first, stations on top) — painted but never tour stops and never highlight-selected; SYNC_STATIONS swaps it together with the roster, so a composed preset coordinator can re-skin the whole scene per preset.",
+              "items": {
+                "properties": {
+                  "caption": {
+                    "name": "caption",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "name": {
+                    "name": "name",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "shape": {
+                    "name": "shape",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Backdrop Nodes",
+              "synonyms": "backdrop, scenery, geometry, context nodes, 3d",
+              "tier": "domain",
+              "type": "[Learn3DStation]"
+            },
+            "backgroundColor": {
+              "default": "#0f172a",
+              "description": "Canvas background color — a dark stage makes translucent shells and station colors read in 3D.",
+              "label": "Background Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "edges": {
+              "default": [],
+              "description": "Optional connector lines drawn between stations, by id.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "from": {
+                    "name": "from",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "to": {
+                    "name": "to",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Edges",
+              "synonyms": "edge, link, connector, tether",
+              "tier": "domain",
+              "type": "[Learn3DEdge]"
+            },
+            "fov": {
+              "default": 50.0,
+              "description": "Perspective camera field of view in degrees.",
+              "label": "Field of View",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "height": {
+              "default": 400.0,
+              "description": "Canvas height in pixels.",
+              "label": "Height",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "lighting": {
+              "default": {},
+              "description": "3D scene light rig as data; empty object uses the standard rig.",
+              "label": "Lighting",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "matchMode": {
+              "default": "",
+              "description": "When composed behind a lab router, the MODE_SELECTED mode value this instrument responds to. Empty string means standalone — render immediately on INIT.",
+              "label": "Match Mode",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "post": {
+              "default": {},
+              "description": "3D post-processing stack (bloom/vignette) as data; empty object disables it.",
+              "label": "Post Processing",
+              "tier": "presentation",
+              "type": "json"
+            },
+            "resetLabel": {
+              "default": "Reset",
+              "description": "Label text for the button that returns the tour to the first station.",
+              "label": "Reset Button Label",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "stations": {
+              "default": [
+                {
+                  "caption": "The first stop on the tour — the camera retargets here and the narration reads its caption.",
+                  "color": "#2563eb",
+                  "id": "alpha",
+                  "name": "Station Alpha",
+                  "opacity": 1.0,
+                  "radius": 1.0,
+                  "shape": "sphere",
+                  "x": 0.0,
+                  "y": 0.0,
+                  "z": 0.0
+                },
+                {
+                  "caption": "The second stop — press Tour again or click a shape to advance the selection.",
+                  "color": "#7c3aed",
+                  "id": "beta",
+                  "name": "Station Beta",
+                  "opacity": 1.0,
+                  "radius": 0.8,
+                  "shape": "sphere",
+                  "x": 3.0,
+                  "y": 1.0,
+                  "z": -1.0
+                },
+                {
+                  "caption": "The final stop — once every station has been visited the tour marks itself complete.",
+                  "color": "#0891b2",
+                  "id": "gamma",
+                  "name": "Station Gamma",
+                  "opacity": 1.0,
+                  "radius": 0.8,
+                  "shape": "sphere",
+                  "x": -3.0,
+                  "y": -1.0,
+                  "z": 1.0
+                }
+              ],
+              "description": "The station roster in didactic tour order — each with scene position, mesh shape, and a caption. Tour and clicks enlarge the selected station, retarget the camera onto its x/y/z, and narrate its caption.",
+              "items": {
+                "properties": {
+                  "caption": {
+                    "name": "caption",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "name": {
+                    "name": "name",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "shape": {
+                    "name": "shape",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "z": {
+                    "name": "z",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Stations",
+              "synonyms": "station, stop, waypoint, tour, landmark, 3d",
+              "tier": "domain",
+              "type": "[Learn3DStation]"
+            },
+            "title": {
+              "default": "3D Guided Tour",
+              "description": "Title shown above the canvas.",
+              "label": "Title",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "tourLabel": {
+              "default": "Tour",
+              "description": "Label text for the button that advances the tour to the next station.",
+              "label": "Tour Button Label",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "width": {
+              "default": 600.0,
+              "description": "Canvas width in pixels.",
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "zoom": {
+              "default": 1.0,
+              "description": "Camera zoom factor for the 3D scene.",
+              "label": "Zoom",
+              "tier": "presentation",
+              "type": "number"
+            }
+          },
+          "emits": [
+            {
+              "description": "Fires on INIT/MODE_SELECTED/Tour/click/Reset with the currently selected station's id, name, and caption, plus visited/total progress and whether every station has now been visited — a composed listener (readout, quiz) can subscribe; a harmless no-op when the atom runs standalone.",
+              "event": "TOUR_3D_UPDATED",
+              "eventId": "evt_01M07RCKW2DPWA14T0FDP9S669",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "caption",
+                  "type": "string"
+                },
+                {
+                  "name": "visited",
+                  "type": "number"
+                },
+                {
+                  "name": "total",
+                  "type": "number"
+                },
+                {
+                  "name": "tourComplete",
+                  "type": "boolean"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "select, choose, station, explore, tour, flythrough, pick",
+              "tier": "domain"
+            }
+          ],
+          "entityContract": {
+            "provides": [
+              "active",
+              "backdrop",
+              "edges",
+              "narration",
+              "selectedId",
+              "selectedIndex",
+              "stations",
+              "title",
+              "tourComplete",
+              "visitedIds"
+            ],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "Learn3DTourScene": "ent_01M07RCKW08Q8GTWHGYP9HVQP1"
+          },
+          "id": "trt_01M07RCKW0YDADRTWKMBVKDWW3",
+          "linkedEntity": "Learn3DTourScene",
+          "linkedEntityId": "ent_01M07RCKW08Q8GTWHGYP9HVQP1",
+          "name": "Learn3DTourSim",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M07RCKW0YARJ2BYJ1MZGFTRD",
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "description": "Lab router broadcast naming the active mode; this instrument renders when the mode equals matchMode, otherwise renders null.",
+                "id": "evt_01M07RCKW2FDQK2QD7WX4GTRMJ",
+                "key": "MODE_SELECTED",
+                "name": "Mode Selected",
+                "payloadSchema": [
+                  {
+                    "name": "mode",
+                    "type": "string"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "id": "evt_01M07RCKW2DSDNYZ59EYX7RSHP",
+                "key": "TOUR",
+                "name": "Tour"
+              },
+              {
+                "description": "Canvas shape-click from the 3D scene (biology-canvas onShapeClick) carrying the clicked station's id, type, and roster index.",
+                "id": "evt_01M07RCKW2MSXSKE1G2F9GKPBR",
+                "key": "SELECT_STATION",
+                "name": "Select Station",
+                "payloadSchema": [
+                  {
+                    "name": "payload",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "type",
+                        "type": "string"
+                      },
+                      {
+                        "name": "index",
+                        "required": true,
+                        "type": "number"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "id": "evt_01M07RCKW2AHK7EHDEZAS9BHQD",
+                "key": "RESET",
+                "name": "Reset"
+              },
+              {
+                "description": "Roster hot-swap from a composed preset coordinator — the tour adopts the new stations/edges/backdrop and restarts progress at the first new station; the single-writer entry point for dynamic rosters.",
+                "id": "evt_01M09E8V0NEH4QP51HH0HZ80ST",
+                "key": "SYNC_STATIONS",
+                "name": "Sync Stations",
+                "payloadSchema": [
+                  {
+                    "name": "stations",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "name",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "caption",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "z",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "shape",
+                        "type": "string"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "edges",
+                    "properties": [
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "backdrop",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "name",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "caption",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "z",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "shape",
+                        "type": "string"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "description": "Fires on INIT/MODE_SELECTED/Tour/click/Reset with the currently selected station's id, name, and caption, plus visited/total progress and whether every station has now been visited — a composed listener (readout, quiz) can subscribe; a harmless no-op when the atom runs standalone.",
+                "id": "evt_01M07RCKW2DPWA14T0FDP9S669",
+                "key": "TOUR_3D_UPDATED",
+                "name": "Tour 3d Updated",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "type": "string"
+                  },
+                  {
+                    "name": "name",
+                    "type": "string"
+                  },
+                  {
+                    "name": "caption",
+                    "type": "string"
+                  },
+                  {
+                    "name": "visited",
+                    "type": "number"
+                  },
+                  {
+                    "name": "total",
+                    "type": "number"
+                  },
+                  {
+                    "name": "tourComplete",
+                    "type": "boolean"
+                  }
+                ],
+                "synonyms": "select, choose, station, explore, tour, flythrough, pick",
+                "tier": "domain"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "set",
+                    "@entity.title",
+                    "@config.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.stations",
+                    "@config.stations"
+                  ],
+                  [
+                    "set",
+                    "@entity.backdrop",
+                    "@config.backdrop"
+                  ],
+                  [
+                    "set",
+                    "@entity.edges",
+                    "@config.edges"
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedIndex",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedId",
+                    [
+                      "object/get",
+                      [
+                        "array/nth",
+                        "@entity.stations",
+                        0.0
+                      ],
+                      "id"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.visitedIds",
+                    [
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "id"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.tourComplete",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      " — ",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "TOUR",
+                                  "label": "@config.tourLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "label": "@config.resetLabel",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "backgroundColor": "@config.backgroundColor",
+                              "camera": {
+                                "azimuth": "@config.azimuth",
+                                "fov": "@config.fov",
+                                "mode": "perspective",
+                                "target": {
+                                  "x": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "x"
+                                  ],
+                                  "y": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "y"
+                                  ],
+                                  "z": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "z"
+                                  ]
+                                },
+                                "zoom": "@config.zoom"
+                              },
+                              "edges": "@entity.edges",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "lighting": "@config.lighting",
+                              "mode": "3d",
+                              "nodes": [
+                                "array/map",
+                                [
+                                  "array/concat",
+                                  "@entity.backdrop",
+                                  "@entity.stations"
+                                ],
+                                [
+                                  "fn",
+                                  "n",
+                                  {
+                                    "color": [
+                                      "object/get",
+                                      "@n",
+                                      "color"
+                                    ],
+                                    "id": [
+                                      "object/get",
+                                      "@n",
+                                      "id"
+                                    ],
+                                    "label": [
+                                      "object/get",
+                                      "@n",
+                                      "name"
+                                    ],
+                                    "opacity": [
+                                      "object/get",
+                                      "@n",
+                                      "opacity"
+                                    ],
+                                    "radius": [
+                                      "if",
+                                      [
+                                        "==",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "@entity.selectedId"
+                                      ],
+                                      [
+                                        "*",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "radius"
+                                        ],
+                                        1.4
+                                      ],
+                                      [
+                                        "object/get",
+                                        "@n",
+                                        "radius"
+                                      ]
+                                    ],
+                                    "shape": [
+                                      "object/get",
+                                      "@n",
+                                      "shape"
+                                    ],
+                                    "x": [
+                                      "object/get",
+                                      "@n",
+                                      "x"
+                                    ],
+                                    "y": [
+                                      "object/get",
+                                      "@n",
+                                      "y"
+                                    ],
+                                    "z": [
+                                      "object/get",
+                                      "@n",
+                                      "z"
+                                    ]
+                                  }
+                                ]
+                              ],
+                              "onShapeClick": "SELECT_STATION",
+                              "post": "@config.post",
+                              "type": "biology-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "content": "@entity.narration",
+                              "type": "typography",
+                              "variant": "body"
+                            },
+                            {
+                              "content": [
+                                "str/concat",
+                                "Explored ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.visitedIds"
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.stations"
+                                  ]
+                                ],
+                                [
+                                  "if",
+                                  "@entity.tourComplete",
+                                  " — tour complete!",
+                                  ""
+                                ]
+                              ],
+                              "type": "typography",
+                              "variant": "caption"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TOUR_3D_UPDATED",
+                    {
+                      "caption": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ],
+                      "id": "@entity.selectedId",
+                      "name": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      "total": [
+                        "array/len",
+                        "@entity.stations"
+                      ],
+                      "tourComplete": false,
+                      "visited": [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ]
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M07RCKW0YARJ2BYJ1MZGFTRD",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@config.matchMode",
+                  ""
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "set",
+                    "@entity.title",
+                    "@config.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.stations",
+                    "@config.stations"
+                  ],
+                  [
+                    "set",
+                    "@entity.backdrop",
+                    "@config.backdrop"
+                  ],
+                  [
+                    "set",
+                    "@entity.edges",
+                    "@config.edges"
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedIndex",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedId",
+                    [
+                      "object/get",
+                      [
+                        "array/nth",
+                        "@entity.stations",
+                        0.0
+                      ],
+                      "id"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.visitedIds",
+                    [
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "id"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.tourComplete",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      " — ",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "TOUR",
+                                  "label": "@config.tourLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "label": "@config.resetLabel",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "backgroundColor": "@config.backgroundColor",
+                              "camera": {
+                                "azimuth": "@config.azimuth",
+                                "fov": "@config.fov",
+                                "mode": "perspective",
+                                "target": {
+                                  "x": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "x"
+                                  ],
+                                  "y": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "y"
+                                  ],
+                                  "z": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "z"
+                                  ]
+                                },
+                                "zoom": "@config.zoom"
+                              },
+                              "edges": "@entity.edges",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "lighting": "@config.lighting",
+                              "mode": "3d",
+                              "nodes": [
+                                "array/map",
+                                [
+                                  "array/concat",
+                                  "@entity.backdrop",
+                                  "@entity.stations"
+                                ],
+                                [
+                                  "fn",
+                                  "n",
+                                  {
+                                    "color": [
+                                      "object/get",
+                                      "@n",
+                                      "color"
+                                    ],
+                                    "id": [
+                                      "object/get",
+                                      "@n",
+                                      "id"
+                                    ],
+                                    "label": [
+                                      "object/get",
+                                      "@n",
+                                      "name"
+                                    ],
+                                    "opacity": [
+                                      "object/get",
+                                      "@n",
+                                      "opacity"
+                                    ],
+                                    "radius": [
+                                      "if",
+                                      [
+                                        "==",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "@entity.selectedId"
+                                      ],
+                                      [
+                                        "*",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "radius"
+                                        ],
+                                        1.4
+                                      ],
+                                      [
+                                        "object/get",
+                                        "@n",
+                                        "radius"
+                                      ]
+                                    ],
+                                    "shape": [
+                                      "object/get",
+                                      "@n",
+                                      "shape"
+                                    ],
+                                    "x": [
+                                      "object/get",
+                                      "@n",
+                                      "x"
+                                    ],
+                                    "y": [
+                                      "object/get",
+                                      "@n",
+                                      "y"
+                                    ],
+                                    "z": [
+                                      "object/get",
+                                      "@n",
+                                      "z"
+                                    ]
+                                  }
+                                ]
+                              ],
+                              "onShapeClick": "SELECT_STATION",
+                              "post": "@config.post",
+                              "type": "biology-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "content": "@entity.narration",
+                              "type": "typography",
+                              "variant": "body"
+                            },
+                            {
+                              "content": [
+                                "str/concat",
+                                "Explored ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.visitedIds"
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.stations"
+                                  ]
+                                ],
+                                [
+                                  "if",
+                                  "@entity.tourComplete",
+                                  " — tour complete!",
+                                  ""
+                                ]
+                              ],
+                              "type": "typography",
+                              "variant": "caption"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TOUR_3D_UPDATED",
+                    {
+                      "caption": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ],
+                      "id": "@entity.selectedId",
+                      "name": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      "total": [
+                        "array/len",
+                        "@entity.stations"
+                      ],
+                      "tourComplete": false,
+                      "visited": [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ]
+                    }
+                  ]
+                ],
+                "event": "MODE_SELECTED",
+                "eventId": "evt_01M07RCKW2FDQK2QD7WX4GTRMJ",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@payload.mode",
+                  "@config.matchMode"
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.selectedIndex",
+                    [
+                      "math/mod",
+                      [
+                        "+",
+                        "@entity.selectedIndex",
+                        1.0
+                      ],
+                      [
+                        "array/len",
+                        "@entity.stations"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedId",
+                    [
+                      "object/get",
+                      [
+                        "array/nth",
+                        "@entity.stations",
+                        "@entity.selectedIndex"
+                      ],
+                      "id"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.visitedIds",
+                    [
+                      "if",
+                      [
+                        "array/includes",
+                        "@entity.visitedIds",
+                        "@entity.selectedId"
+                      ],
+                      "@entity.visitedIds",
+                      [
+                        "array/append",
+                        "@entity.visitedIds",
+                        "@entity.selectedId"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.tourComplete",
+                    [
+                      "==",
+                      [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ],
+                      [
+                        "array/len",
+                        "@entity.stations"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          "@entity.selectedIndex"
+                        ],
+                        "name"
+                      ],
+                      " — ",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          "@entity.selectedIndex"
+                        ],
+                        "caption"
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "TOUR",
+                                  "label": "@config.tourLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "label": "@config.resetLabel",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "backgroundColor": "@config.backgroundColor",
+                              "camera": {
+                                "azimuth": "@config.azimuth",
+                                "fov": "@config.fov",
+                                "mode": "perspective",
+                                "target": {
+                                  "x": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "x"
+                                  ],
+                                  "y": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "y"
+                                  ],
+                                  "z": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "z"
+                                  ]
+                                },
+                                "zoom": "@config.zoom"
+                              },
+                              "edges": "@entity.edges",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "lighting": "@config.lighting",
+                              "mode": "3d",
+                              "nodes": [
+                                "array/map",
+                                [
+                                  "array/concat",
+                                  "@entity.backdrop",
+                                  "@entity.stations"
+                                ],
+                                [
+                                  "fn",
+                                  "n",
+                                  {
+                                    "color": [
+                                      "object/get",
+                                      "@n",
+                                      "color"
+                                    ],
+                                    "id": [
+                                      "object/get",
+                                      "@n",
+                                      "id"
+                                    ],
+                                    "label": [
+                                      "object/get",
+                                      "@n",
+                                      "name"
+                                    ],
+                                    "opacity": [
+                                      "object/get",
+                                      "@n",
+                                      "opacity"
+                                    ],
+                                    "radius": [
+                                      "if",
+                                      [
+                                        "==",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "@entity.selectedId"
+                                      ],
+                                      [
+                                        "*",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "radius"
+                                        ],
+                                        1.4
+                                      ],
+                                      [
+                                        "object/get",
+                                        "@n",
+                                        "radius"
+                                      ]
+                                    ],
+                                    "shape": [
+                                      "object/get",
+                                      "@n",
+                                      "shape"
+                                    ],
+                                    "x": [
+                                      "object/get",
+                                      "@n",
+                                      "x"
+                                    ],
+                                    "y": [
+                                      "object/get",
+                                      "@n",
+                                      "y"
+                                    ],
+                                    "z": [
+                                      "object/get",
+                                      "@n",
+                                      "z"
+                                    ]
+                                  }
+                                ]
+                              ],
+                              "onShapeClick": "SELECT_STATION",
+                              "post": "@config.post",
+                              "type": "biology-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "content": "@entity.narration",
+                              "type": "typography",
+                              "variant": "body"
+                            },
+                            {
+                              "content": [
+                                "str/concat",
+                                "Explored ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.visitedIds"
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.stations"
+                                  ]
+                                ],
+                                [
+                                  "if",
+                                  "@entity.tourComplete",
+                                  " — tour complete!",
+                                  ""
+                                ]
+                              ],
+                              "type": "typography",
+                              "variant": "caption"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TOUR_3D_UPDATED",
+                    {
+                      "caption": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          "@entity.selectedIndex"
+                        ],
+                        "caption"
+                      ],
+                      "id": "@entity.selectedId",
+                      "name": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          "@entity.selectedIndex"
+                        ],
+                        "name"
+                      ],
+                      "total": [
+                        "array/len",
+                        "@entity.stations"
+                      ],
+                      "tourComplete": "@entity.tourComplete",
+                      "visited": [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ]
+                    }
+                  ]
+                ],
+                "event": "TOUR",
+                "eventId": "evt_01M07RCKW2DSDNYZ59EYX7RSHP",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "clickedId",
+                        [
+                          "object/get",
+                          "@payload.payload",
+                          "id"
+                        ]
+                      ],
+                      [
+                        "found",
+                        [
+                          "array/findIndex",
+                          "@entity.stations",
+                          [
+                            "fn",
+                            "n",
+                            [
+                              "==",
+                              [
+                                "object/get",
+                                "@n",
+                                "id"
+                              ],
+                              "@clickedId"
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "idx",
+                        [
+                          "if",
+                          [
+                            ">=",
+                            "@found",
+                            0.0
+                          ],
+                          "@found",
+                          "@entity.selectedIndex"
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.selectedIndex",
+                        "@idx"
+                      ],
+                      [
+                        "set",
+                        "@entity.selectedId",
+                        [
+                          "object/get",
+                          [
+                            "array/nth",
+                            "@entity.stations",
+                            "@idx"
+                          ],
+                          "id"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.visitedIds",
+                        [
+                          "if",
+                          [
+                            "array/includes",
+                            "@entity.visitedIds",
+                            "@entity.selectedId"
+                          ],
+                          "@entity.visitedIds",
+                          [
+                            "array/append",
+                            "@entity.visitedIds",
+                            "@entity.selectedId"
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.tourComplete",
+                        [
+                          "==",
+                          [
+                            "array/len",
+                            "@entity.visitedIds"
+                          ],
+                          [
+                            "array/len",
+                            "@entity.stations"
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.narration",
+                        [
+                          "str/concat",
+                          [
+                            "object/get",
+                            [
+                              "array/nth",
+                              "@entity.stations",
+                              "@idx"
+                            ],
+                            "name"
+                          ],
+                          " — ",
+                          [
+                            "object/get",
+                            [
+                              "array/nth",
+                              "@entity.stations",
+                              "@idx"
+                            ],
+                            "caption"
+                          ]
+                        ]
+                      ],
+                      [
+                        "render-ui",
+                        "main",
+                        {
+                          "children": [
+                            {
+                              "children": [
+                                {
+                                  "content": "@entity.title",
+                                  "type": "typography",
+                                  "variant": "h4"
+                                },
+                                {
+                                  "children": [
+                                    {
+                                      "action": "TOUR",
+                                      "label": "@config.tourLabel",
+                                      "type": "button",
+                                      "variant": "primary"
+                                    },
+                                    {
+                                      "action": "RESET",
+                                      "label": "@config.resetLabel",
+                                      "type": "button",
+                                      "variant": "ghost"
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "type": "stack"
+                                },
+                                {
+                                  "backgroundColor": "@config.backgroundColor",
+                                  "camera": {
+                                    "azimuth": "@config.azimuth",
+                                    "fov": "@config.fov",
+                                    "mode": "perspective",
+                                    "target": {
+                                      "x": [
+                                        "object/get",
+                                        [
+                                          "array/nth",
+                                          "@entity.stations",
+                                          "@entity.selectedIndex"
+                                        ],
+                                        "x"
+                                      ],
+                                      "y": [
+                                        "object/get",
+                                        [
+                                          "array/nth",
+                                          "@entity.stations",
+                                          "@entity.selectedIndex"
+                                        ],
+                                        "y"
+                                      ],
+                                      "z": [
+                                        "object/get",
+                                        [
+                                          "array/nth",
+                                          "@entity.stations",
+                                          "@entity.selectedIndex"
+                                        ],
+                                        "z"
+                                      ]
+                                    },
+                                    "zoom": "@config.zoom"
+                                  },
+                                  "edges": "@entity.edges",
+                                  "height": "@config.height",
+                                  "interactive": true,
+                                  "lighting": "@config.lighting",
+                                  "mode": "3d",
+                                  "nodes": [
+                                    "array/map",
+                                    [
+                                      "array/concat",
+                                      "@entity.backdrop",
+                                      "@entity.stations"
+                                    ],
+                                    [
+                                      "fn",
+                                      "n",
+                                      {
+                                        "color": [
+                                          "object/get",
+                                          "@n",
+                                          "color"
+                                        ],
+                                        "id": [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "label": [
+                                          "object/get",
+                                          "@n",
+                                          "name"
+                                        ],
+                                        "opacity": [
+                                          "object/get",
+                                          "@n",
+                                          "opacity"
+                                        ],
+                                        "radius": [
+                                          "if",
+                                          [
+                                            "==",
+                                            [
+                                              "object/get",
+                                              "@n",
+                                              "id"
+                                            ],
+                                            "@entity.selectedId"
+                                          ],
+                                          [
+                                            "*",
+                                            [
+                                              "object/get",
+                                              "@n",
+                                              "radius"
+                                            ],
+                                            1.4
+                                          ],
+                                          [
+                                            "object/get",
+                                            "@n",
+                                            "radius"
+                                          ]
+                                        ],
+                                        "shape": [
+                                          "object/get",
+                                          "@n",
+                                          "shape"
+                                        ],
+                                        "x": [
+                                          "object/get",
+                                          "@n",
+                                          "x"
+                                        ],
+                                        "y": [
+                                          "object/get",
+                                          "@n",
+                                          "y"
+                                        ],
+                                        "z": [
+                                          "object/get",
+                                          "@n",
+                                          "z"
+                                        ]
+                                      }
+                                    ]
+                                  ],
+                                  "onShapeClick": "SELECT_STATION",
+                                  "post": "@config.post",
+                                  "type": "biology-canvas",
+                                  "width": "@config.width"
+                                },
+                                {
+                                  "content": "@entity.narration",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "content": [
+                                    "str/concat",
+                                    "Explored ",
+                                    [
+                                      "str/concat",
+                                      "",
+                                      [
+                                        "array/len",
+                                        "@entity.visitedIds"
+                                      ]
+                                    ],
+                                    " of ",
+                                    [
+                                      "str/concat",
+                                      "",
+                                      [
+                                        "array/len",
+                                        "@entity.stations"
+                                      ]
+                                    ],
+                                    [
+                                      "if",
+                                      "@entity.tourComplete",
+                                      " — tour complete!",
+                                      ""
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "padding": "md",
+                          "type": "box"
+                        }
+                      ],
+                      [
+                        "emit",
+                        "TOUR_3D_UPDATED",
+                        {
+                          "caption": [
+                            "object/get",
+                            [
+                              "array/nth",
+                              "@entity.stations",
+                              "@idx"
+                            ],
+                            "caption"
+                          ],
+                          "id": "@entity.selectedId",
+                          "name": [
+                            "object/get",
+                            [
+                              "array/nth",
+                              "@entity.stations",
+                              "@idx"
+                            ],
+                            "name"
+                          ],
+                          "total": [
+                            "array/len",
+                            "@entity.stations"
+                          ],
+                          "tourComplete": "@entity.tourComplete",
+                          "visited": [
+                            "array/len",
+                            "@entity.visitedIds"
+                          ]
+                        }
+                      ]
+                    ]
+                  ]
+                ],
+                "event": "SELECT_STATION",
+                "eventId": "evt_01M07RCKW2MSXSKE1G2F9GKPBR",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.selectedIndex",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedId",
+                    [
+                      "object/get",
+                      [
+                        "array/nth",
+                        "@entity.stations",
+                        0.0
+                      ],
+                      "id"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.visitedIds",
+                    [
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "id"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.tourComplete",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      " — ",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "TOUR",
+                                  "label": "@config.tourLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "label": "@config.resetLabel",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "backgroundColor": "@config.backgroundColor",
+                              "camera": {
+                                "azimuth": "@config.azimuth",
+                                "fov": "@config.fov",
+                                "mode": "perspective",
+                                "target": {
+                                  "x": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "x"
+                                  ],
+                                  "y": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "y"
+                                  ],
+                                  "z": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "z"
+                                  ]
+                                },
+                                "zoom": "@config.zoom"
+                              },
+                              "edges": "@entity.edges",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "lighting": "@config.lighting",
+                              "mode": "3d",
+                              "nodes": [
+                                "array/map",
+                                [
+                                  "array/concat",
+                                  "@entity.backdrop",
+                                  "@entity.stations"
+                                ],
+                                [
+                                  "fn",
+                                  "n",
+                                  {
+                                    "color": [
+                                      "object/get",
+                                      "@n",
+                                      "color"
+                                    ],
+                                    "id": [
+                                      "object/get",
+                                      "@n",
+                                      "id"
+                                    ],
+                                    "label": [
+                                      "object/get",
+                                      "@n",
+                                      "name"
+                                    ],
+                                    "opacity": [
+                                      "object/get",
+                                      "@n",
+                                      "opacity"
+                                    ],
+                                    "radius": [
+                                      "if",
+                                      [
+                                        "==",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "@entity.selectedId"
+                                      ],
+                                      [
+                                        "*",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "radius"
+                                        ],
+                                        1.4
+                                      ],
+                                      [
+                                        "object/get",
+                                        "@n",
+                                        "radius"
+                                      ]
+                                    ],
+                                    "shape": [
+                                      "object/get",
+                                      "@n",
+                                      "shape"
+                                    ],
+                                    "x": [
+                                      "object/get",
+                                      "@n",
+                                      "x"
+                                    ],
+                                    "y": [
+                                      "object/get",
+                                      "@n",
+                                      "y"
+                                    ],
+                                    "z": [
+                                      "object/get",
+                                      "@n",
+                                      "z"
+                                    ]
+                                  }
+                                ]
+                              ],
+                              "onShapeClick": "SELECT_STATION",
+                              "post": "@config.post",
+                              "type": "biology-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "content": "@entity.narration",
+                              "type": "typography",
+                              "variant": "body"
+                            },
+                            {
+                              "content": [
+                                "str/concat",
+                                "Explored ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.visitedIds"
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.stations"
+                                  ]
+                                ],
+                                [
+                                  "if",
+                                  "@entity.tourComplete",
+                                  " — tour complete!",
+                                  ""
+                                ]
+                              ],
+                              "type": "typography",
+                              "variant": "caption"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TOUR_3D_UPDATED",
+                    {
+                      "caption": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ],
+                      "id": "@entity.selectedId",
+                      "name": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      "total": [
+                        "array/len",
+                        "@entity.stations"
+                      ],
+                      "tourComplete": false,
+                      "visited": [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ]
+                    }
+                  ]
+                ],
+                "event": "RESET",
+                "eventId": "evt_01M07RCKW2AHK7EHDEZAS9BHQD",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.stations",
+                    "@payload.stations"
+                  ],
+                  [
+                    "set",
+                    "@entity.backdrop",
+                    "@payload.backdrop"
+                  ],
+                  [
+                    "set",
+                    "@entity.edges",
+                    "@payload.edges"
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedIndex",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.selectedId",
+                    [
+                      "object/get",
+                      [
+                        "array/nth",
+                        "@entity.stations",
+                        0.0
+                      ],
+                      "id"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.visitedIds",
+                    [
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "id"
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.tourComplete",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      " — ",
+                      [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "TOUR",
+                                  "label": "@config.tourLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "label": "@config.resetLabel",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "backgroundColor": "@config.backgroundColor",
+                              "camera": {
+                                "azimuth": "@config.azimuth",
+                                "fov": "@config.fov",
+                                "mode": "perspective",
+                                "target": {
+                                  "x": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "x"
+                                  ],
+                                  "y": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "y"
+                                  ],
+                                  "z": [
+                                    "object/get",
+                                    [
+                                      "array/nth",
+                                      "@entity.stations",
+                                      "@entity.selectedIndex"
+                                    ],
+                                    "z"
+                                  ]
+                                },
+                                "zoom": "@config.zoom"
+                              },
+                              "edges": "@entity.edges",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "lighting": "@config.lighting",
+                              "mode": "3d",
+                              "nodes": [
+                                "array/map",
+                                [
+                                  "array/concat",
+                                  "@entity.backdrop",
+                                  "@entity.stations"
+                                ],
+                                [
+                                  "fn",
+                                  "n",
+                                  {
+                                    "color": [
+                                      "object/get",
+                                      "@n",
+                                      "color"
+                                    ],
+                                    "id": [
+                                      "object/get",
+                                      "@n",
+                                      "id"
+                                    ],
+                                    "label": [
+                                      "object/get",
+                                      "@n",
+                                      "name"
+                                    ],
+                                    "opacity": [
+                                      "object/get",
+                                      "@n",
+                                      "opacity"
+                                    ],
+                                    "radius": [
+                                      "if",
+                                      [
+                                        "==",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "id"
+                                        ],
+                                        "@entity.selectedId"
+                                      ],
+                                      [
+                                        "*",
+                                        [
+                                          "object/get",
+                                          "@n",
+                                          "radius"
+                                        ],
+                                        1.4
+                                      ],
+                                      [
+                                        "object/get",
+                                        "@n",
+                                        "radius"
+                                      ]
+                                    ],
+                                    "shape": [
+                                      "object/get",
+                                      "@n",
+                                      "shape"
+                                    ],
+                                    "x": [
+                                      "object/get",
+                                      "@n",
+                                      "x"
+                                    ],
+                                    "y": [
+                                      "object/get",
+                                      "@n",
+                                      "y"
+                                    ],
+                                    "z": [
+                                      "object/get",
+                                      "@n",
+                                      "z"
+                                    ]
+                                  }
+                                ]
+                              ],
+                              "onShapeClick": "SELECT_STATION",
+                              "post": "@config.post",
+                              "type": "biology-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "content": "@entity.narration",
+                              "type": "typography",
+                              "variant": "body"
+                            },
+                            {
+                              "content": [
+                                "str/concat",
+                                "Explored ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.visitedIds"
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "array/len",
+                                    "@entity.stations"
+                                  ]
+                                ],
+                                [
+                                  "if",
+                                  "@entity.tourComplete",
+                                  " — tour complete!",
+                                  ""
+                                ]
+                              ],
+                              "type": "typography",
+                              "variant": "caption"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TOUR_3D_UPDATED",
+                    {
+                      "caption": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "caption"
+                      ],
+                      "id": "@entity.selectedId",
+                      "name": [
+                        "object/get",
+                        [
+                          "array/nth",
+                          "@entity.stations",
+                          0.0
+                        ],
+                        "name"
+                      ],
+                      "total": [
+                        "array/len",
+                        "@entity.stations"
+                      ],
+                      "tourComplete": false,
+                      "visited": [
+                        "array/len",
+                        "@entity.visitedIds"
+                      ]
+                    }
+                  ]
+                ],
+                "event": "SYNC_STATIONS",
+                "eventId": "evt_01M09E8V0NEH4QP51HH0HZ80ST",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}