@almadar/std 16.173.0 → 16.174.0

package/behaviors/registry/ui/learning/atoms/std-learn-hotspot.orb

@@ -0,0 +1,2646 @@
+{
+  "description": "Generic spatial tap-to-identify instrument — a config-declared roster of labeled hotspots (id, label, x, y, radius, color) renders on a learning-canvas, and a config-declared prompt roster asks the learner to tap the right part directly on the canvas: a first-try hit scores, a miss names what was actually tapped and invites another try, and a hit reveals the part's explanation with a highlight ring before advancing. All vocabulary is config-declared, so the same mechanism serves any labeled scene: organs on a cell, countries on a sketch map, components on a circuit, bones on a skeleton. Standalone by default; behind a lab router set matchMode and it renders only when MODE_SELECTED matches.",
+  "ledger": {
+    "entries": {
+      "ent_01M075812DMZ899JNV332AQEFM": {
+        "bakedName": "HotspotScene",
+        "curName": "HotspotScene",
+        "id": "ent_01M075812DMZ899JNV332AQEFM",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M075812D7NCEX7G3TP34MXBS": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M075812D7NCEX7G3TP34MXBS",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812J4681FR82RCJGH1GD": {
+        "bakedName": "ROUND_RESTARTED",
+        "curName": "ROUND_RESTARTED",
+        "id": "evt_01M075812J4681FR82RCJGH1GD",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812J4KYMXGSBR18KZAQ2": {
+        "bakedName": "RETRY",
+        "curName": "RETRY",
+        "id": "evt_01M075812J4KYMXGSBR18KZAQ2",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812JEJR3YKZ3EVCXYZ6W": {
+        "bakedName": "TAP_SHAPE",
+        "curName": "TAP_SHAPE",
+        "id": "evt_01M075812JEJR3YKZ3EVCXYZ6W",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812JEVQN24SR66H3H7R8": {
+        "bakedName": "PROMPT_ADVANCED",
+        "curName": "PROMPT_ADVANCED",
+        "id": "evt_01M075812JEVQN24SR66H3H7R8",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812JS07BQ7EX9X3ATZGW": {
+        "bakedName": "TAP_JUDGED",
+        "curName": "TAP_JUDGED",
+        "id": "evt_01M075812JS07BQ7EX9X3ATZGW",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812JWBR49NJTVRXS2MWY": {
+        "bakedName": "MODE_SELECTED",
+        "curName": "MODE_SELECTED",
+        "id": "evt_01M075812JWBR49NJTVRXS2MWY",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "evt_01M075812JZ16GNXVCQ09WRT43": {
+        "bakedName": "NEXT",
+        "curName": "NEXT",
+        "id": "evt_01M075812JZ16GNXVCQ09WRT43",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "renames": []
+      },
+      "orb_01M075812DM89TK888P4V0J9PT": {
+        "bakedName": "HotspotOrbital",
+        "curName": "HotspotOrbital",
+        "id": "orb_01M075812DM89TK888P4V0J9PT",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M075812KZ2K8E3FJ0ZNXMKGH": {
+        "bakedName": "HotspotPage",
+        "curName": "HotspotPage",
+        "id": "pag_01M075812KZ2K8E3FJ0ZNXMKGH",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M075812DYQGS8RJE0J3FWESF": {
+        "bakedName": "HotspotSim",
+        "curName": "HotspotSim",
+        "id": "trt_01M075812DYQGS8RJE0J3FWESF",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-learn-hotspot",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "default": false,
+            "name": "active",
+            "type": "boolean"
+          },
+          {
+            "name": "title",
+            "type": "string"
+          },
+          {
+            "default": 0.0,
+            "name": "promptIndex",
+            "type": "number"
+          },
+          {
+            "default": 0.0,
+            "name": "totalPrompts",
+            "type": "number"
+          },
+          {
+            "default": 0.0,
+            "name": "score",
+            "type": "number"
+          },
+          {
+            "default": 0.0,
+            "name": "tries",
+            "type": "number"
+          },
+          {
+            "default": false,
+            "name": "found",
+            "type": "boolean"
+          },
+          {
+            "default": false,
+            "name": "done",
+            "type": "boolean"
+          },
+          {
+            "name": "promptText",
+            "type": "string"
+          },
+          {
+            "name": "targetId",
+            "type": "string"
+          },
+          {
+            "name": "explanation",
+            "type": "string"
+          },
+          {
+            "name": "feedback",
+            "type": "string"
+          },
+          {
+            "items": {
+              "properties": {
+                "align": {
+                  "name": "align",
+                  "required": false,
+                  "type": "string",
+                  "values": [
+                    "left",
+                    "center",
+                    "right"
+                  ]
+                },
+                "color": {
+                  "name": "color",
+                  "required": true,
+                  "type": "string"
+                },
+                "fill": {
+                  "name": "fill",
+                  "required": false,
+                  "type": "string"
+                },
+                "fontSize": {
+                  "name": "fontSize",
+                  "required": false,
+                  "type": "number"
+                },
+                "id": {
+                  "name": "id",
+                  "required": true,
+                  "type": "string"
+                },
+                "lineWidth": {
+                  "name": "lineWidth",
+                  "required": false,
+                  "type": "number"
+                },
+                "radius": {
+                  "name": "radius",
+                  "required": false,
+                  "type": "number"
+                },
+                "text": {
+                  "name": "text",
+                  "required": false,
+                  "type": "string"
+                },
+                "type": {
+                  "name": "type",
+                  "required": true,
+                  "type": "string",
+                  "values": [
+                    "circle",
+                    "text"
+                  ]
+                },
+                "x": {
+                  "name": "x",
+                  "required": true,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": true,
+                  "type": "number"
+                }
+              },
+              "type": "object"
+            },
+            "name": "canvasShapes",
+            "type": "array"
+          },
+          {
+            "items": {
+              "type": "node"
+            },
+            "name": "view",
+            "type": "array"
+          }
+        ],
+        "id": "ent_01M075812DMZ899JNV332AQEFM",
+        "name": "HotspotScene",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M075812DM89TK888P4V0J9PT",
+      "name": "HotspotOrbital",
+      "pages": [
+        {
+          "id": "pag_01M075812KZ2K8E3FJ0ZNXMKGH",
+          "name": "HotspotPage",
+          "path": "/learn-hotspot",
+          "traits": [
+            {
+              "ref": "HotspotSim",
+              "refId": "trt_01M075812DYQGS8RJE0J3FWESF"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "backgroundColor": {
+              "default": "#f8fafc",
+              "label": "Background Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "height": {
+              "default": 380.0,
+              "label": "Height",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "hitColor": {
+              "default": "#16a34a",
+              "description": "Color of the highlight ring drawn around the target once found.",
+              "label": "Hit Ring Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "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"
+            },
+            "nextLabel": {
+              "default": "Next",
+              "label": "Next Label",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "prompts": {
+              "default": [
+                {
+                  "explanation": "The nucleus holds the DNA.",
+                  "prompt": "Tap the part that stores the cell's genetic material.",
+                  "targetId": "nucleus"
+                },
+                {
+                  "explanation": "Mitochondria run cellular respiration.",
+                  "prompt": "Tap the part that produces the cell's energy.",
+                  "targetId": "mitochondrion"
+                },
+                {
+                  "explanation": "Ribosomes translate mRNA into protein.",
+                  "prompt": "Tap the part that builds proteins.",
+                  "targetId": "ribosome"
+                }
+              ],
+              "description": "The question roster; each prompt names a target hotspot id and an explanation revealed on a hit.",
+              "items": {
+                "properties": {
+                  "explanation": {
+                    "name": "explanation",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "prompt": {
+                    "name": "prompt",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "targetId": {
+                    "name": "targetId",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Prompts",
+              "tier": "domain",
+              "type": "[HotspotPrompt]"
+            },
+            "retryLabel": {
+              "default": "Try Again",
+              "label": "Retry Label",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "shapes": {
+              "default": [
+                {
+                  "color": "#8b5cf6",
+                  "id": "nucleus",
+                  "label": "Nucleus",
+                  "radius": 34.0,
+                  "x": 300.0,
+                  "y": 170.0
+                },
+                {
+                  "color": "#3b82f6",
+                  "id": "membrane",
+                  "label": "Membrane",
+                  "radius": 26.0,
+                  "x": 130.0,
+                  "y": 120.0
+                },
+                {
+                  "color": "#f59e0b",
+                  "id": "mitochondrion",
+                  "label": "Mitochondrion",
+                  "radius": 24.0,
+                  "x": 460.0,
+                  "y": 120.0
+                },
+                {
+                  "color": "#16a34a",
+                  "id": "ribosome",
+                  "label": "Ribosome",
+                  "radius": 18.0,
+                  "x": 200.0,
+                  "y": 280.0
+                },
+                {
+                  "color": "#06b6d4",
+                  "id": "vacuole",
+                  "label": "Vacuole",
+                  "radius": 28.0,
+                  "x": 420.0,
+                  "y": 280.0
+                }
+              ],
+              "description": "The labeled parts of the scene; each carries an id, display label, canvas position, radius, and color. Realizations declare their own subject's parts here.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "id": {
+                    "name": "id",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Hotspots",
+              "tier": "domain",
+              "type": "[HotspotShape]"
+            },
+            "title": {
+              "default": "Tap the Part",
+              "description": "Title shown above the canvas.",
+              "label": "Title",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "width": {
+              "default": 600.0,
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            }
+          },
+          "emits": [
+            {
+              "description": "The verdict of a canvas tap: whether the right part was hit, which prompt it was, and how many misses preceded it — a composed listener (coach, grader) can subscribe; a harmless no-op when the atom runs standalone.",
+              "event": "TAP_JUDGED",
+              "eventId": "evt_01M075812JS07BQ7EX9X3ATZGW",
+              "payloadSchema": [
+                {
+                  "name": "correct",
+                  "type": "boolean"
+                },
+                {
+                  "name": "promptIndex",
+                  "type": "number"
+                },
+                {
+                  "name": "tries",
+                  "type": "number"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "hotspot, tap the part, spatial identification, point at, label the diagram",
+              "tier": "domain"
+            },
+            {
+              "description": "The learner moved to the next prompt (or completed the round) with the running first-try score.",
+              "event": "PROMPT_ADVANCED",
+              "eventId": "evt_01M075812JEVQN24SR66H3H7R8",
+              "payloadSchema": [
+                {
+                  "name": "promptIndex",
+                  "type": "number"
+                },
+                {
+                  "name": "done",
+                  "type": "boolean"
+                },
+                {
+                  "name": "score",
+                  "type": "number"
+                }
+              ],
+              "scope": "external",
+              "tier": "domain"
+            },
+            {
+              "description": "The learner restarted the round from scratch.",
+              "event": "ROUND_RESTARTED",
+              "eventId": "evt_01M075812J4681FR82RCJGH1GD",
+              "payloadSchema": [
+                {
+                  "name": "totalPrompts",
+                  "type": "number"
+                }
+              ],
+              "scope": "external",
+              "tier": "domain"
+            }
+          ],
+          "entityContract": {
+            "provides": [
+              "active",
+              "canvasShapes",
+              "done",
+              "explanation",
+              "feedback",
+              "found",
+              "promptIndex",
+              "promptText",
+              "score",
+              "targetId",
+              "title",
+              "totalPrompts",
+              "tries",
+              "view"
+            ],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "HotspotScene": "ent_01M075812DMZ899JNV332AQEFM"
+          },
+          "id": "trt_01M075812DYQGS8RJE0J3FWESF",
+          "linkedEntity": "HotspotScene",
+          "linkedEntityId": "ent_01M075812DMZ899JNV332AQEFM",
+          "name": "HotspotSim",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M075812D7NCEX7G3TP34MXBS",
+                "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_01M075812JWBR49NJTVRXS2MWY",
+                "key": "MODE_SELECTED",
+                "name": "Mode Selected",
+                "payloadSchema": [
+                  {
+                    "name": "mode",
+                    "type": "string"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "description": "Learner tapped a shape on the canvas — the canvas callback wraps its click info as payload { id, type, index }; the id names the hotspot (or its label) and the tap is judged against the current prompt's target.",
+                "id": "evt_01M075812JEJR3YKZ3EVCXYZ6W",
+                "key": "TAP_SHAPE",
+                "name": "Tap Shape",
+                "payloadSchema": [
+                  {
+                    "name": "payload",
+                    "properties": [
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "type",
+                        "type": "string"
+                      },
+                      {
+                        "name": "index",
+                        "required": true,
+                        "type": "number"
+                      }
+                    ],
+                    "type": "object"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "description": "Learner advanced to the next prompt after finding the current target; past the last prompt this completes the round.",
+                "id": "evt_01M075812JZ16GNXVCQ09WRT43",
+                "key": "NEXT",
+                "name": "Next",
+                "tier": "domain"
+              },
+              {
+                "description": "Learner restarted the round from the first prompt with a cleared score.",
+                "id": "evt_01M075812J4KYMXGSBR18KZAQ2",
+                "key": "RETRY",
+                "name": "Retry",
+                "tier": "domain"
+              },
+              {
+                "description": "The verdict of a canvas tap: whether the right part was hit, which prompt it was, and how many misses preceded it — a composed listener (coach, grader) can subscribe; a harmless no-op when the atom runs standalone.",
+                "id": "evt_01M075812JS07BQ7EX9X3ATZGW",
+                "key": "TAP_JUDGED",
+                "name": "Tap Judged",
+                "payloadSchema": [
+                  {
+                    "name": "correct",
+                    "type": "boolean"
+                  },
+                  {
+                    "name": "promptIndex",
+                    "type": "number"
+                  },
+                  {
+                    "name": "tries",
+                    "type": "number"
+                  }
+                ],
+                "synonyms": "hotspot, tap the part, spatial identification, point at, label the diagram",
+                "tier": "domain"
+              },
+              {
+                "description": "The learner moved to the next prompt (or completed the round) with the running first-try score.",
+                "id": "evt_01M075812JEVQN24SR66H3H7R8",
+                "key": "PROMPT_ADVANCED",
+                "name": "Prompt Advanced",
+                "payloadSchema": [
+                  {
+                    "name": "promptIndex",
+                    "type": "number"
+                  },
+                  {
+                    "name": "done",
+                    "type": "boolean"
+                  },
+                  {
+                    "name": "score",
+                    "type": "number"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "description": "The learner restarted the round from scratch.",
+                "id": "evt_01M075812J4681FR82RCJGH1GD",
+                "key": "ROUND_RESTARTED",
+                "name": "Round Restarted",
+                "payloadSchema": [
+                  {
+                    "name": "totalPrompts",
+                    "type": "number"
+                  }
+                ],
+                "tier": "domain"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "first",
+                        [
+                          "array/nth",
+                          "@config.prompts",
+                          0.0
+                        ]
+                      ],
+                      [
+                        "circles",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "color": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "fill": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "id": [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "radius": [
+                                "object/get",
+                                "@s",
+                                "radius",
+                                22.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@s",
+                                "y"
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "labels",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "align": "center",
+                              "color": "#0f172a",
+                              "fontSize": 12.0,
+                              "id": [
+                                "str/concat",
+                                "label-",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "id"
+                                ]
+                              ],
+                              "text": [
+                                "object/get",
+                                "@s",
+                                "label"
+                              ],
+                              "type": "text",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "y"
+                                ],
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "radius",
+                                  22.0
+                                ],
+                                14.0
+                              ]
+                            }
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.active",
+                        true
+                      ],
+                      [
+                        "set",
+                        "@entity.title",
+                        "@config.title"
+                      ],
+                      [
+                        "set",
+                        "@entity.promptIndex",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.totalPrompts",
+                        [
+                          "array/len",
+                          "@config.prompts"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.score",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.tries",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.found",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.promptText",
+                        [
+                          "object/get",
+                          "@first",
+                          "prompt"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.targetId",
+                        [
+                          "object/get",
+                          "@first",
+                          "targetId"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.explanation",
+                        [
+                          "object/get",
+                          "@first",
+                          "explanation",
+                          ""
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.feedback",
+                        ""
+                      ],
+                      [
+                        "set",
+                        "@entity.canvasShapes",
+                        [
+                          "array/concat",
+                          "@circles",
+                          "@labels"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.view",
+                        [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.promptText",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "padding": "md",
+                            "type": "card",
+                            "variant": "bordered"
+                          },
+                          {
+                            "animate": false,
+                            "backgroundColor": "@config.backgroundColor",
+                            "height": "@config.height",
+                            "interactive": true,
+                            "onShapeClick": "TAP_SHAPE",
+                            "shapes": "@entity.canvasShapes",
+                            "type": "learning-canvas",
+                            "width": "@config.width"
+                          },
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.feedback",
+                                "type": "typography",
+                                "variant": "caption"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "xs",
+                            "type": "stack"
+                          },
+                          {
+                            "children": [
+                              {
+                                "action": "NEXT",
+                                "disabled": [
+                                  "if",
+                                  "@entity.found",
+                                  false,
+                                  true
+                                ],
+                                "label": "@config.nextLabel",
+                                "type": "button",
+                                "variant": "primary"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "sm",
+                            "type": "stack"
+                          },
+                          {
+                            "label": "First-try score",
+                            "max": "@entity.totalPrompts",
+                            "type": "stat-display",
+                            "value": "@entity.score"
+                          }
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": [
+                                "str/concat",
+                                "Prompt ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "+",
+                                    "@entity.promptIndex",
+                                    1.0
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  "@entity.totalPrompts"
+                                ]
+                              ],
+                              "max": "@entity.totalPrompts",
+                              "showPercentage": false,
+                              "type": "progress-bar",
+                              "value": [
+                                "+",
+                                "@entity.promptIndex",
+                                1.0
+                              ]
+                            },
+                            {
+                              "children": "@entity.view",
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M075812D7NCEX7G3TP34MXBS",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@config.matchMode",
+                  ""
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "first",
+                        [
+                          "array/nth",
+                          "@config.prompts",
+                          0.0
+                        ]
+                      ],
+                      [
+                        "circles",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "color": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "fill": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "id": [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "radius": [
+                                "object/get",
+                                "@s",
+                                "radius",
+                                22.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@s",
+                                "y"
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "labels",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "align": "center",
+                              "color": "#0f172a",
+                              "fontSize": 12.0,
+                              "id": [
+                                "str/concat",
+                                "label-",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "id"
+                                ]
+                              ],
+                              "text": [
+                                "object/get",
+                                "@s",
+                                "label"
+                              ],
+                              "type": "text",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "y"
+                                ],
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "radius",
+                                  22.0
+                                ],
+                                14.0
+                              ]
+                            }
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.active",
+                        true
+                      ],
+                      [
+                        "set",
+                        "@entity.title",
+                        "@config.title"
+                      ],
+                      [
+                        "set",
+                        "@entity.promptIndex",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.totalPrompts",
+                        [
+                          "array/len",
+                          "@config.prompts"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.score",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.tries",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.found",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.promptText",
+                        [
+                          "object/get",
+                          "@first",
+                          "prompt"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.targetId",
+                        [
+                          "object/get",
+                          "@first",
+                          "targetId"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.explanation",
+                        [
+                          "object/get",
+                          "@first",
+                          "explanation",
+                          ""
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.feedback",
+                        ""
+                      ],
+                      [
+                        "set",
+                        "@entity.canvasShapes",
+                        [
+                          "array/concat",
+                          "@circles",
+                          "@labels"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.view",
+                        [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.promptText",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "padding": "md",
+                            "type": "card",
+                            "variant": "bordered"
+                          },
+                          {
+                            "animate": false,
+                            "backgroundColor": "@config.backgroundColor",
+                            "height": "@config.height",
+                            "interactive": true,
+                            "onShapeClick": "TAP_SHAPE",
+                            "shapes": "@entity.canvasShapes",
+                            "type": "learning-canvas",
+                            "width": "@config.width"
+                          },
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.feedback",
+                                "type": "typography",
+                                "variant": "caption"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "xs",
+                            "type": "stack"
+                          },
+                          {
+                            "children": [
+                              {
+                                "action": "NEXT",
+                                "disabled": [
+                                  "if",
+                                  "@entity.found",
+                                  false,
+                                  true
+                                ],
+                                "label": "@config.nextLabel",
+                                "type": "button",
+                                "variant": "primary"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "sm",
+                            "type": "stack"
+                          },
+                          {
+                            "label": "First-try score",
+                            "max": "@entity.totalPrompts",
+                            "type": "stat-display",
+                            "value": "@entity.score"
+                          }
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": [
+                                "str/concat",
+                                "Prompt ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "+",
+                                    "@entity.promptIndex",
+                                    1.0
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  "@entity.totalPrompts"
+                                ]
+                              ],
+                              "max": "@entity.totalPrompts",
+                              "showPercentage": false,
+                              "type": "progress-bar",
+                              "value": [
+                                "+",
+                                "@entity.promptIndex",
+                                1.0
+                              ]
+                            },
+                            {
+                              "children": "@entity.view",
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ]
+                ],
+                "event": "MODE_SELECTED",
+                "eventId": "evt_01M075812JWBR49NJTVRXS2MWY",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@payload.mode",
+                  "@config.matchMode"
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "tappedId",
+                        [
+                          "str/replace",
+                          [
+                            "object/get",
+                            "@payload.payload",
+                            "id",
+                            ""
+                          ],
+                          "label-",
+                          ""
+                        ]
+                      ],
+                      [
+                        "hit",
+                        [
+                          "==",
+                          "@tappedId",
+                          "@entity.targetId"
+                        ]
+                      ],
+                      [
+                        "tapped",
+                        [
+                          "array/find",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            [
+                              "==",
+                              [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "@tappedId"
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "tappedLabel",
+                        [
+                          "object/get",
+                          "@tapped",
+                          "label",
+                          ""
+                        ]
+                      ],
+                      [
+                        "target",
+                        [
+                          "array/find",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            [
+                              "==",
+                              [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "@entity.targetId"
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "circles",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "color": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "fill": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "id": [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "radius": [
+                                "object/get",
+                                "@s",
+                                "radius",
+                                22.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@s",
+                                "y"
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "labels",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "align": "center",
+                              "color": "#0f172a",
+                              "fontSize": 12.0,
+                              "id": [
+                                "str/concat",
+                                "label-",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "id"
+                                ]
+                              ],
+                              "text": [
+                                "object/get",
+                                "@s",
+                                "label"
+                              ],
+                              "type": "text",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "y"
+                                ],
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "radius",
+                                  22.0
+                                ],
+                                14.0
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "ring",
+                        [
+                          "if",
+                          "@hit",
+                          [
+                            {
+                              "color": "@config.hitColor",
+                              "fill": "transparent",
+                              "id": "hit-ring",
+                              "lineWidth": 4.0,
+                              "radius": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@target",
+                                  "radius",
+                                  22.0
+                                ],
+                                6.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@target",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@target",
+                                "y"
+                              ]
+                            }
+                          ],
+                          []
+                        ]
+                      ],
+                      [
+                        "newFound",
+                        [
+                          "if",
+                          "@hit",
+                          true,
+                          false
+                        ]
+                      ],
+                      [
+                        "newScore",
+                        [
+                          "if",
+                          [
+                            "and",
+                            "@hit",
+                            [
+                              "==",
+                              "@entity.tries",
+                              0.0
+                            ]
+                          ],
+                          [
+                            "+",
+                            "@entity.score",
+                            1.0
+                          ],
+                          "@entity.score"
+                        ]
+                      ],
+                      [
+                        "newFeedback",
+                        [
+                          "if",
+                          "@hit",
+                          [
+                            "if",
+                            [
+                              "!=",
+                              "@entity.explanation",
+                              ""
+                            ],
+                            [
+                              "str/concat",
+                              "Correct! ",
+                              "@entity.explanation"
+                            ],
+                            "Correct!"
+                          ],
+                          [
+                            "if",
+                            [
+                              "!=",
+                              "@tappedLabel",
+                              ""
+                            ],
+                            [
+                              "str/concat",
+                              "That's ",
+                              "@tappedLabel",
+                              " — try again."
+                            ],
+                            "Not a labeled part — try again."
+                          ]
+                        ]
+                      ],
+                      [
+                        "newCanvasShapes",
+                        [
+                          "array/concat",
+                          [
+                            "array/concat",
+                            "@circles",
+                            "@labels"
+                          ],
+                          "@ring"
+                        ]
+                      ],
+                      [
+                        "foundView",
+                        [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.promptText",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "padding": "md",
+                            "type": "card",
+                            "variant": "bordered"
+                          },
+                          {
+                            "animate": false,
+                            "backgroundColor": "@config.backgroundColor",
+                            "height": "@config.height",
+                            "interactive": true,
+                            "onShapeClick": "TAP_SHAPE",
+                            "shapes": "@newCanvasShapes",
+                            "type": "learning-canvas",
+                            "width": "@config.width"
+                          },
+                          {
+                            "children": [
+                              {
+                                "label": "Found",
+                                "type": "badge",
+                                "variant": "success"
+                              },
+                              {
+                                "content": "@newFeedback",
+                                "type": "typography",
+                                "variant": "caption"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "xs",
+                            "type": "stack"
+                          },
+                          {
+                            "children": [
+                              {
+                                "action": "NEXT",
+                                "disabled": false,
+                                "label": "@config.nextLabel",
+                                "type": "button",
+                                "variant": "primary"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "sm",
+                            "type": "stack"
+                          },
+                          {
+                            "label": "First-try score",
+                            "max": "@entity.totalPrompts",
+                            "type": "stat-display",
+                            "value": "@newScore"
+                          }
+                        ]
+                      ],
+                      [
+                        "notFoundView",
+                        [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.promptText",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "padding": "md",
+                            "type": "card",
+                            "variant": "bordered"
+                          },
+                          {
+                            "animate": false,
+                            "backgroundColor": "@config.backgroundColor",
+                            "height": "@config.height",
+                            "interactive": true,
+                            "onShapeClick": "TAP_SHAPE",
+                            "shapes": "@newCanvasShapes",
+                            "type": "learning-canvas",
+                            "width": "@config.width"
+                          },
+                          {
+                            "children": [
+                              {
+                                "content": "@newFeedback",
+                                "type": "typography",
+                                "variant": "caption"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "xs",
+                            "type": "stack"
+                          },
+                          {
+                            "children": [
+                              {
+                                "action": "NEXT",
+                                "disabled": true,
+                                "label": "@config.nextLabel",
+                                "type": "button",
+                                "variant": "primary"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "sm",
+                            "type": "stack"
+                          },
+                          {
+                            "label": "First-try score",
+                            "max": "@entity.totalPrompts",
+                            "type": "stat-display",
+                            "value": "@newScore"
+                          }
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.tries",
+                        [
+                          "if",
+                          "@hit",
+                          "@entity.tries",
+                          [
+                            "+",
+                            "@entity.tries",
+                            1.0
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.score",
+                        "@newScore"
+                      ],
+                      [
+                        "set",
+                        "@entity.found",
+                        "@newFound"
+                      ],
+                      [
+                        "set",
+                        "@entity.feedback",
+                        "@newFeedback"
+                      ],
+                      [
+                        "set",
+                        "@entity.canvasShapes",
+                        "@newCanvasShapes"
+                      ],
+                      [
+                        "set",
+                        "@entity.view",
+                        [
+                          "if",
+                          "@newFound",
+                          "@foundView",
+                          "@notFoundView"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": [
+                                "str/concat",
+                                "Prompt ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "+",
+                                    "@entity.promptIndex",
+                                    1.0
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  "@entity.totalPrompts"
+                                ]
+                              ],
+                              "max": "@entity.totalPrompts",
+                              "showPercentage": false,
+                              "type": "progress-bar",
+                              "value": [
+                                "+",
+                                "@entity.promptIndex",
+                                1.0
+                              ]
+                            },
+                            {
+                              "children": "@entity.view",
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "TAP_JUDGED",
+                    {
+                      "correct": "@entity.found",
+                      "promptIndex": "@entity.promptIndex",
+                      "tries": "@entity.tries"
+                    }
+                  ]
+                ],
+                "event": "TAP_SHAPE",
+                "eventId": "evt_01M075812JEJR3YKZ3EVCXYZ6W",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "and",
+                    [
+                      "==",
+                      "@entity.found",
+                      false
+                    ],
+                    [
+                      "==",
+                      "@entity.done",
+                      false
+                    ]
+                  ]
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "nextIndex",
+                        [
+                          "+",
+                          "@entity.promptIndex",
+                          1.0
+                        ]
+                      ],
+                      [
+                        "finished",
+                        [
+                          ">=",
+                          "@nextIndex",
+                          [
+                            "array/len",
+                            "@config.prompts"
+                          ]
+                        ]
+                      ],
+                      [
+                        "next",
+                        [
+                          "array/nth",
+                          "@config.prompts",
+                          [
+                            "math/min",
+                            "@nextIndex",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.prompts"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "circles",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "color": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "fill": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "id": [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "radius": [
+                                "object/get",
+                                "@s",
+                                "radius",
+                                22.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@s",
+                                "y"
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "labels",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "align": "center",
+                              "color": "#0f172a",
+                              "fontSize": 12.0,
+                              "id": [
+                                "str/concat",
+                                "label-",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "id"
+                                ]
+                              ],
+                              "text": [
+                                "object/get",
+                                "@s",
+                                "label"
+                              ],
+                              "type": "text",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "y"
+                                ],
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "radius",
+                                  22.0
+                                ],
+                                14.0
+                              ]
+                            }
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.promptIndex",
+                        [
+                          "if",
+                          "@finished",
+                          "@entity.promptIndex",
+                          "@nextIndex"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          "@finished",
+                          true,
+                          false
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.tries",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.found",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.promptText",
+                        [
+                          "if",
+                          "@finished",
+                          "@entity.promptText",
+                          [
+                            "object/get",
+                            "@next",
+                            "prompt"
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.targetId",
+                        [
+                          "if",
+                          "@finished",
+                          "@entity.targetId",
+                          [
+                            "object/get",
+                            "@next",
+                            "targetId"
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.explanation",
+                        [
+                          "if",
+                          "@finished",
+                          "@entity.explanation",
+                          [
+                            "object/get",
+                            "@next",
+                            "explanation",
+                            ""
+                          ]
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.feedback",
+                        ""
+                      ],
+                      [
+                        "set",
+                        "@entity.canvasShapes",
+                        [
+                          "array/concat",
+                          "@circles",
+                          "@labels"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.view",
+                        [
+                          "if",
+                          "@finished",
+                          [
+                            {
+                              "content": "Round Complete",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": "First-try score",
+                              "max": "@entity.totalPrompts",
+                              "type": "stat-display",
+                              "value": "@entity.score"
+                            },
+                            {
+                              "action": "RETRY",
+                              "label": "@config.retryLabel",
+                              "type": "button",
+                              "variant": "primary"
+                            }
+                          ],
+                          [
+                            {
+                              "children": [
+                                {
+                                  "content": "@entity.promptText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ],
+                              "padding": "md",
+                              "type": "card",
+                              "variant": "bordered"
+                            },
+                            {
+                              "animate": false,
+                              "backgroundColor": "@config.backgroundColor",
+                              "height": "@config.height",
+                              "interactive": true,
+                              "onShapeClick": "TAP_SHAPE",
+                              "shapes": "@entity.canvasShapes",
+                              "type": "learning-canvas",
+                              "width": "@config.width"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "content": "@entity.feedback",
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "xs",
+                              "type": "stack"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "action": "NEXT",
+                                  "disabled": [
+                                    "if",
+                                    "@entity.found",
+                                    false,
+                                    true
+                                  ],
+                                  "label": "@config.nextLabel",
+                                  "type": "button",
+                                  "variant": "primary"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack"
+                            },
+                            {
+                              "label": "First-try score",
+                              "max": "@entity.totalPrompts",
+                              "type": "stat-display",
+                              "value": "@entity.score"
+                            }
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": [
+                                "str/concat",
+                                "Prompt ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "+",
+                                    "@entity.promptIndex",
+                                    1.0
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  "@entity.totalPrompts"
+                                ]
+                              ],
+                              "max": "@entity.totalPrompts",
+                              "showPercentage": false,
+                              "type": "progress-bar",
+                              "value": [
+                                "+",
+                                "@entity.promptIndex",
+                                1.0
+                              ]
+                            },
+                            {
+                              "children": "@entity.view",
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "PROMPT_ADVANCED",
+                    {
+                      "done": "@entity.done",
+                      "promptIndex": "@entity.promptIndex",
+                      "score": "@entity.score"
+                    }
+                  ]
+                ],
+                "event": "NEXT",
+                "eventId": "evt_01M075812JZ16GNXVCQ09WRT43",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "and",
+                    [
+                      "==",
+                      "@entity.found",
+                      true
+                    ],
+                    [
+                      "==",
+                      "@entity.done",
+                      false
+                    ]
+                  ]
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "let",
+                    [
+                      [
+                        "first",
+                        [
+                          "array/nth",
+                          "@config.prompts",
+                          0.0
+                        ]
+                      ],
+                      [
+                        "circles",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "color": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "fill": [
+                                "object/get",
+                                "@s",
+                                "color",
+                                "#3b82f6"
+                              ],
+                              "id": [
+                                "object/get",
+                                "@s",
+                                "id"
+                              ],
+                              "radius": [
+                                "object/get",
+                                "@s",
+                                "radius",
+                                22.0
+                              ],
+                              "type": "circle",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "object/get",
+                                "@s",
+                                "y"
+                              ]
+                            }
+                          ]
+                        ]
+                      ],
+                      [
+                        "labels",
+                        [
+                          "array/map",
+                          "@config.shapes",
+                          [
+                            "fn",
+                            "s",
+                            {
+                              "align": "center",
+                              "color": "#0f172a",
+                              "fontSize": 12.0,
+                              "id": [
+                                "str/concat",
+                                "label-",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "id"
+                                ]
+                              ],
+                              "text": [
+                                "object/get",
+                                "@s",
+                                "label"
+                              ],
+                              "type": "text",
+                              "x": [
+                                "object/get",
+                                "@s",
+                                "x"
+                              ],
+                              "y": [
+                                "+",
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "y"
+                                ],
+                                [
+                                  "object/get",
+                                  "@s",
+                                  "radius",
+                                  22.0
+                                ],
+                                14.0
+                              ]
+                            }
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.promptIndex",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.score",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.tries",
+                        0.0
+                      ],
+                      [
+                        "set",
+                        "@entity.found",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        false
+                      ],
+                      [
+                        "set",
+                        "@entity.promptText",
+                        [
+                          "object/get",
+                          "@first",
+                          "prompt"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.targetId",
+                        [
+                          "object/get",
+                          "@first",
+                          "targetId"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.explanation",
+                        [
+                          "object/get",
+                          "@first",
+                          "explanation",
+                          ""
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.feedback",
+                        ""
+                      ],
+                      [
+                        "set",
+                        "@entity.canvasShapes",
+                        [
+                          "array/concat",
+                          "@circles",
+                          "@labels"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.view",
+                        [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.promptText",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "padding": "md",
+                            "type": "card",
+                            "variant": "bordered"
+                          },
+                          {
+                            "animate": false,
+                            "backgroundColor": "@config.backgroundColor",
+                            "height": "@config.height",
+                            "interactive": true,
+                            "onShapeClick": "TAP_SHAPE",
+                            "shapes": "@entity.canvasShapes",
+                            "type": "learning-canvas",
+                            "width": "@config.width"
+                          },
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.feedback",
+                                "type": "typography",
+                                "variant": "caption"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "xs",
+                            "type": "stack"
+                          },
+                          {
+                            "children": [
+                              {
+                                "action": "NEXT",
+                                "disabled": [
+                                  "if",
+                                  "@entity.found",
+                                  false,
+                                  true
+                                ],
+                                "label": "@config.nextLabel",
+                                "type": "button",
+                                "variant": "primary"
+                              }
+                            ],
+                            "direction": "horizontal",
+                            "gap": "sm",
+                            "type": "stack"
+                          },
+                          {
+                            "label": "First-try score",
+                            "max": "@entity.totalPrompts",
+                            "type": "stat-display",
+                            "value": "@entity.score"
+                          }
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "content": "@entity.title",
+                              "type": "typography",
+                              "variant": "h4"
+                            },
+                            {
+                              "label": [
+                                "str/concat",
+                                "Prompt ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  [
+                                    "+",
+                                    "@entity.promptIndex",
+                                    1.0
+                                  ]
+                                ],
+                                " of ",
+                                [
+                                  "str/concat",
+                                  "",
+                                  "@entity.totalPrompts"
+                                ]
+                              ],
+                              "max": "@entity.totalPrompts",
+                              "showPercentage": false,
+                              "type": "progress-bar",
+                              "value": [
+                                "+",
+                                "@entity.promptIndex",
+                                1.0
+                              ]
+                            },
+                            {
+                              "children": "@entity.view",
+                              "direction": "vertical",
+                              "gap": "md",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "ROUND_RESTARTED",
+                    {
+                      "totalPrompts": "@entity.totalPrompts"
+                    }
+                  ]
+                ],
+                "event": "RETRY",
+                "eventId": "evt_01M075812J4KYMXGSBR18KZAQ2",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "==",
+                    "@entity.done",
+                    true
+                  ]
+                ],
+                "to": "idle"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}