@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/organisms/std-coding-academy.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-coding-academy",
   "version": "1.0.0",
-  "description": "Coding academy organism. Composes: stdSequencerGame(SeqChallenge) + stdBuilderGame(BuildChallenge) + stdEventHandlerGame(EventChallenge) + stdDisplay(StudentProgress)",
+  "description": "std-coding-academy as a Function",
   "orbitals": [
     {
       "name": "SeqChallengeOrbital",
@@ -27,7 +27,7 @@
           {
             "name": "score",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "completed",
@@ -37,25 +37,61 @@
           {
             "name": "level",
             "type": "number",
-            "default": 1
-          }
-        ],
-        "instances": [
-          {
-            "id": "game-1",
-            "name": "Sequencer Session",
-            "description": "Active game session",
-            "status": "active",
-            "score": 0,
-            "level": 1
+            "default": 1.0
           }
         ]
       },
       "traits": [
         {
           "name": "SeqChallengeSequencerGame",
-          "linkedEntity": "SeqChallenge",
           "category": "interaction",
+          "linkedEntity": "SeqChallenge",
+          "emits": [
+            {
+              "event": "SeqChallengeLoaded",
+              "description": "Fired when SeqChallenge finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "title",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "difficulty",
+                  "type": "string"
+                },
+                {
+                  "name": "score",
+                  "type": "number"
+                },
+                {
+                  "name": "completed",
+                  "type": "boolean"
+                },
+                {
+                  "name": "level",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "event": "SeqChallengeLoadFailed",
+              "description": "Fired when SeqChallenge fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -78,6 +114,10 @@
                 "key": "START",
                 "name": "Start"
               },
+              {
+                "key": "NAVIGATE",
+                "name": "Navigate"
+              },
               {
                 "key": "COMPLETE",
                 "name": "Complete"
@@ -87,8 +127,18 @@
                 "name": "Restart"
               },
               {
-                "key": "NAVIGATE",
-                "name": "Navigate"
+                "key": "SeqChallengeLoaded",
+                "name": "SeqChallenge loaded"
+              },
+              {
+                "key": "SeqChallengeLoadFailed",
+                "name": "SeqChallenge load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -99,28 +149,34 @@
                 "effects": [
                   [
                     "fetch",
-                    "SeqChallenge"
+                    "SeqChallenge",
+                    {
+                      "emit": {
+                        "success": "SeqChallengeLoaded",
+                        "failure": "SeqChallengeLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "game-shell",
-                      "appName": "Coding Academy",
                       "showTopBar": true,
                       "children": [
                         {
-                          "type": "game-menu",
-                          "title": "Sequencer Challenge",
                           "menuItems": [
                             {
+                              "variant": "primary",
                               "label": "Start",
-                              "event": "START",
-                              "variant": "primary"
+                              "event": "START"
                             }
-                          ]
+                          ],
+                          "title": "Sequencer Challenge",
+                          "type": "game-menu"
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy"
                     }
                   ]
                 ]
@@ -134,27 +190,25 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Coding Academy",
                       "showTopBar": true,
                       "children": [
                         {
+                          "gap": "md",
                           "type": "stack",
                           "direction": "vertical",
-                          "gap": "md",
                           "children": [
                             {
-                              "type": "game-hud",
                               "stats": [
                                 {
                                   "label": "Score",
                                   "value": "@entity.score"
                                 },
                                 {
-                                  "label": "Level",
-                                  "value": "@entity.level"
+                                  "value": "@entity.level",
+                                  "label": "Level"
                                 }
-                              ]
+                              ],
+                              "type": "game-hud"
                             },
                             {
                               "type": "sequencer-board",
@@ -163,7 +217,9 @@
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "appName": "Coding Academy"
                     }
                   ]
                 ]
@@ -171,8 +227,7 @@
               {
                 "from": "menu",
                 "to": "menu",
-                "event": "NAVIGATE",
-                "effects": []
+                "event": "NAVIGATE"
               },
               {
                 "from": "playing",
@@ -184,21 +239,21 @@
                     "main",
                     {
                       "type": "game-shell",
-                      "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "game-over-screen",
-                          "title": "Well Done!",
                           "menuItems": [
                             {
-                              "label": "Play Again",
                               "event": "RESTART",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "label": "Play Again"
                             }
-                          ]
+                          ],
+                          "title": "Well Done!",
+                          "type": "game-over-screen"
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -213,34 +268,34 @@
                     "main",
                     {
                       "type": "game-shell",
-                      "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-menu",
                           "title": "Sequencer Challenge",
                           "menuItems": [
                             {
-                              "label": "Start",
                               "event": "START",
+                              "label": "Start",
                               "variant": "primary"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy",
+                      "showTopBar": true
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
         {
           "name": "SequencerPage",
           "path": "/sequencer",
-          "isInitial": true,
           "traits": [
             {
               "ref": "SeqChallengeSequencerGame"
@@ -273,7 +328,7 @@
           {
             "name": "score",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "completed",
@@ -283,25 +338,61 @@
           {
             "name": "level",
             "type": "number",
-            "default": 1
-          }
-        ],
-        "instances": [
-          {
-            "id": "game-1",
-            "name": "Builder Session",
-            "description": "Active game session",
-            "status": "active",
-            "score": 0,
-            "level": 1
+            "default": 1.0
           }
         ]
       },
       "traits": [
         {
           "name": "BuildChallengeBuilderGame",
-          "linkedEntity": "BuildChallenge",
           "category": "interaction",
+          "linkedEntity": "BuildChallenge",
+          "emits": [
+            {
+              "event": "BuildChallengeLoaded",
+              "description": "Fired when BuildChallenge finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "title",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "difficulty",
+                  "type": "string"
+                },
+                {
+                  "name": "score",
+                  "type": "number"
+                },
+                {
+                  "name": "completed",
+                  "type": "boolean"
+                },
+                {
+                  "name": "level",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "event": "BuildChallengeLoadFailed",
+              "description": "Fired when BuildChallenge fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -324,6 +415,10 @@
                 "key": "START",
                 "name": "Start"
               },
+              {
+                "key": "NAVIGATE",
+                "name": "Navigate"
+              },
               {
                 "key": "COMPLETE",
                 "name": "Complete"
@@ -333,8 +428,18 @@
                 "name": "Restart"
               },
               {
-                "key": "NAVIGATE",
-                "name": "Navigate"
+                "key": "BuildChallengeLoaded",
+                "name": "BuildChallenge loaded"
+              },
+              {
+                "key": "BuildChallengeLoadFailed",
+                "name": "BuildChallenge load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -345,7 +450,13 @@
                 "effects": [
                   [
                     "fetch",
-                    "BuildChallenge"
+                    "BuildChallenge",
+                    {
+                      "emit": {
+                        "failure": "BuildChallengeLoadFailed",
+                        "success": "BuildChallengeLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
@@ -353,20 +464,20 @@
                     {
                       "type": "game-shell",
                       "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-menu",
                           "title": "Builder Challenge",
                           "menuItems": [
                             {
+                              "variant": "primary",
                               "label": "Start",
-                              "event": "START",
-                              "variant": "primary"
+                              "event": "START"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -381,35 +492,35 @@
                     "main",
                     {
                       "type": "game-shell",
-                      "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "md",
                           "children": [
                             {
-                              "type": "game-hud",
                               "stats": [
                                 {
-                                  "label": "Score",
-                                  "value": "@entity.score"
+                                  "value": "@entity.score",
+                                  "label": "Score"
                                 },
                                 {
-                                  "label": "Level",
-                                  "value": "@entity.level"
+                                  "value": "@entity.level",
+                                  "label": "Level"
                                 }
-                              ]
+                              ],
+                              "type": "game-hud"
                             },
                             {
+                              "completeEvent": "COMPLETE",
                               "type": "builder-board",
-                              "entity": "BuildChallenge",
-                              "completeEvent": "COMPLETE"
+                              "entity": "BuildChallenge"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "vertical",
+                          "gap": "md"
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -417,8 +528,7 @@
               {
                 "from": "menu",
                 "to": "menu",
-                "event": "NAVIGATE",
-                "effects": []
+                "event": "NAVIGATE"
               },
               {
                 "from": "playing",
@@ -429,9 +539,6 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-over-screen",
@@ -444,7 +551,10 @@
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "showTopBar": true,
+                      "appName": "Coding Academy"
                     }
                   ]
                 ]
@@ -458,33 +568,34 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-menu",
-                          "title": "Builder Challenge",
                           "menuItems": [
                             {
-                              "label": "Start",
                               "event": "START",
+                              "label": "Start",
                               "variant": "primary"
                             }
-                          ]
+                          ],
+                          "title": "Builder Challenge"
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy",
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
         {
-          "name": "BuilderPage",
+          "name": "Builder",
           "path": "/builder",
           "traits": [
             {
@@ -518,7 +629,7 @@
           {
             "name": "score",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "completed",
@@ -528,25 +639,61 @@
           {
             "name": "level",
             "type": "number",
-            "default": 1
-          }
-        ],
-        "instances": [
-          {
-            "id": "game-1",
-            "name": "Event Handler Session",
-            "description": "Active game session",
-            "status": "active",
-            "score": 0,
-            "level": 1
+            "default": 1.0
           }
         ]
       },
       "traits": [
         {
           "name": "EventChallengeEventHandlerGame",
-          "linkedEntity": "EventChallenge",
           "category": "interaction",
+          "linkedEntity": "EventChallenge",
+          "emits": [
+            {
+              "event": "EventChallengeLoaded",
+              "description": "Fired when EventChallenge finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "title",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "difficulty",
+                  "type": "string"
+                },
+                {
+                  "name": "score",
+                  "type": "number"
+                },
+                {
+                  "name": "completed",
+                  "type": "boolean"
+                },
+                {
+                  "name": "level",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "event": "EventChallengeLoadFailed",
+              "description": "Fired when EventChallenge fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -569,6 +716,10 @@
                 "key": "START",
                 "name": "Start"
               },
+              {
+                "key": "NAVIGATE",
+                "name": "Navigate"
+              },
               {
                 "key": "COMPLETE",
                 "name": "Complete"
@@ -578,8 +729,18 @@
                 "name": "Restart"
               },
               {
-                "key": "NAVIGATE",
-                "name": "Navigate"
+                "key": "EventChallengeLoaded",
+                "name": "EventChallenge loaded"
+              },
+              {
+                "key": "EventChallengeLoadFailed",
+                "name": "EventChallenge load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -590,19 +751,24 @@
                 "effects": [
                   [
                     "fetch",
-                    "EventChallenge"
+                    "EventChallenge",
+                    {
+                      "emit": {
+                        "failure": "EventChallengeLoadFailed",
+                        "success": "EventChallengeLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Coding Academy",
                       "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
-                          "type": "game-menu",
                           "title": "Event Handler Challenge",
+                          "type": "game-menu",
                           "menuItems": [
                             {
                               "label": "Start",
@@ -611,7 +777,8 @@
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "appName": "Coding Academy"
                     }
                   ]
                 ]
@@ -630,7 +797,6 @@
                       "showTopBar": true,
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "vertical",
                           "gap": "md",
                           "children": [
@@ -638,8 +804,8 @@
                               "type": "game-hud",
                               "stats": [
                                 {
-                                  "label": "Score",
-                                  "value": "@entity.score"
+                                  "value": "@entity.score",
+                                  "label": "Score"
                                 },
                                 {
                                   "label": "Level",
@@ -648,11 +814,12 @@
                               ]
                             },
                             {
-                              "type": "event-handler-board",
                               "entity": "EventChallenge",
-                              "completeEvent": "COMPLETE"
+                              "completeEvent": "COMPLETE",
+                              "type": "event-handler-board"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         }
                       ]
                     }
@@ -662,8 +829,7 @@
               {
                 "from": "menu",
                 "to": "menu",
-                "event": "NAVIGATE",
-                "effects": []
+                "event": "NAVIGATE"
               },
               {
                 "from": "playing",
@@ -674,9 +840,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Coding Academy",
                       "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
                           "type": "game-over-screen",
@@ -684,8 +850,8 @@
                           "menuItems": [
                             {
                               "label": "Play Again",
-                              "event": "RESTART",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "event": "RESTART"
                             }
                           ]
                         }
@@ -703,33 +869,34 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-menu",
-                          "title": "Event Handler Challenge",
                           "menuItems": [
                             {
+                              "variant": "primary",
                               "label": "Start",
-                              "event": "START",
-                              "variant": "primary"
+                              "event": "START"
                             }
-                          ]
+                          ],
+                          "title": "Event Handler Challenge"
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
         {
-          "name": "EventsPage",
+          "name": "Events",
           "path": "/events",
           "traits": [
             {
@@ -752,31 +919,68 @@
           },
           {
             "name": "totalLessons",
-            "type": "number",
-            "default": 0
+            "type": "number"
           },
           {
             "name": "completedLessons",
-            "type": "number",
-            "default": 0
+            "type": "number"
           },
           {
             "name": "averageScore",
-            "type": "number",
-            "default": 0
+            "type": "number"
           },
           {
             "name": "streak",
-            "type": "number",
-            "default": 0
+            "type": "number"
           }
         ]
       },
       "traits": [
         {
           "name": "StudentProgressDisplay",
-          "linkedEntity": "StudentProgress",
           "category": "interaction",
+          "linkedEntity": "StudentProgress",
+          "emits": [
+            {
+              "event": "StudentProgressLoaded",
+              "description": "Fired when StudentProgress finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "totalLessons",
+                  "type": "number"
+                },
+                {
+                  "name": "completedLessons",
+                  "type": "number"
+                },
+                {
+                  "name": "averageScore",
+                  "type": "number"
+                },
+                {
+                  "name": "streak",
+                  "type": "number"
+                }
+              ]
+            },
+            {
+              "event": "StudentProgressLoadFailed",
+              "description": "Fired when StudentProgress fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -806,6 +1010,20 @@
               {
                 "key": "REFRESHED",
                 "name": "Refreshed"
+              },
+              {
+                "key": "StudentProgressLoaded",
+                "name": "StudentProgress loaded"
+              },
+              {
+                "key": "StudentProgressLoadFailed",
+                "name": "StudentProgress load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -816,7 +1034,13 @@
                 "effects": [
                   [
                     "fetch",
-                    "StudentProgress"
+                    "StudentProgress",
+                    {
+                      "emit": {
+                        "failure": "StudentProgressLoadFailed",
+                        "success": "StudentProgressLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
@@ -827,19 +1051,16 @@
                       "showTopBar": true,
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Progress"
@@ -847,47 +1068,43 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "direction": "horizontal",
-                                      "gap": "md",
                                       "children": [
                                         {
+                                          "size": "lg",
                                           "type": "icon",
-                                          "name": "trending-up",
-                                          "size": "lg"
+                                          "name": "trending-up"
                                         },
                                         {
+                                          "variant": "h2",
                                           "type": "typography",
-                                          "content": "Progress",
-                                          "variant": "h2"
+                                          "content": "Progress"
                                         }
-                                      ]
+                                      ],
+                                      "type": "stack",
+                                      "gap": "md"
                                     },
                                     {
+                                      "variant": "secondary",
+                                      "icon": "refresh-cw",
                                       "type": "button",
-                                      "label": "Refresh",
                                       "event": "REFRESH",
-                                      "variant": "secondary",
-                                      "icon": "refresh-cw"
+                                      "label": "Refresh"
                                     }
-                                  ]
+                                  ],
+                                  "gap": "md",
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "box",
-                                  "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "columns": 3,
                                       "children": [
                                         {
                                           "type": "stat-display",
@@ -902,8 +1119,6 @@
                                           ]
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "CompletedLessons",
                                           "value": [
                                             "object/get",
                                             [
@@ -911,11 +1126,11 @@
                                               "@entity"
                                             ],
                                             "completedLessons"
-                                          ]
+                                          ],
+                                          "label": "CompletedLessons",
+                                          "type": "stat-display"
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "AverageScore",
                                           "value": [
                                             "object/get",
                                             [
@@ -923,11 +1138,11 @@
                                               "@entity"
                                             ],
                                             "averageScore"
-                                          ]
+                                          ],
+                                          "type": "stat-display",
+                                          "label": "AverageScore"
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "Streak",
                                           "value": [
                                             "object/get",
                                             [
@@ -935,18 +1150,23 @@
                                               "@entity"
                                             ],
                                             "streak"
-                                          ]
+                                          ],
+                                          "label": "Streak",
+                                          "type": "stat-display"
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid",
+                                      "columns": 3.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "box",
+                                  "padding": "md"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
                                   "type": "grid",
-                                  "columns": 2,
                                   "gap": "md",
                                   "children": [
                                     {
@@ -963,97 +1183,101 @@
                                       "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
+                                          "content": "Graph View",
                                           "variant": "caption",
-                                          "content": "Graph View"
+                                          "type": "typography"
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "columns": 2.0
                                 },
                                 {
-                                  "type": "line-chart",
+                                  "xKey": "date",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
                                       "date": "Mar",
-                                      "value": 15
+                                      "value": 15.0
                                     },
                                     {
                                       "date": "Apr",
-                                      "value": 25
+                                      "value": 25.0
                                     },
                                     {
-                                      "date": "May",
-                                      "value": 22
+                                      "value": 22.0,
+                                      "date": "May"
                                     },
                                     {
                                       "date": "Jun",
-                                      "value": 30
+                                      "value": 30.0
                                     }
                                   ],
-                                  "xKey": "date",
                                   "yKey": "value",
+                                  "type": "line-chart",
                                   "title": "Trend"
                                 },
                                 {
-                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "label": "Current",
                                       "color": "primary"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
-                                  ]
+                                  ],
+                                  "type": "chart-legend"
                                 },
                                 {
                                   "type": "graph-view",
+                                  "width": 400.0,
+                                  "edges": [
+                                    {
+                                      "to": "b",
+                                      "from": "a"
+                                    },
+                                    {
+                                      "from": "b",
+                                      "to": "c"
+                                    }
+                                  ],
                                   "nodes": [
                                     {
+                                      "x": 50.0,
                                       "id": "a",
-                                      "label": "Start",
-                                      "x": 50,
-                                      "y": 100
+                                      "y": 100.0,
+                                      "label": "Start"
                                     },
                                     {
+                                      "y": 50.0,
                                       "id": "b",
                                       "label": "Process",
-                                      "x": 200,
-                                      "y": 50
+                                      "x": 200.0
                                     },
                                     {
                                       "id": "c",
                                       "label": "End",
-                                      "x": 350,
-                                      "y": 100
-                                    }
-                                  ],
-                                  "edges": [
-                                    {
-                                      "from": "a",
-                                      "to": "b"
-                                    },
-                                    {
-                                      "from": "b",
-                                      "to": "c"
+                                      "y": 100.0,
+                                      "x": 350.0
                                     }
                                   ],
-                                  "width": 400,
-                                  "height": 200
+                                  "height": 200.0
                                 }
-                              ]
+                              ],
+                              "gap": "lg",
+                              "direction": "vertical"
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ]
                     }
@@ -1067,23 +1291,26 @@
                 "effects": [
                   [
                     "fetch",
-                    "StudentProgress"
+                    "StudentProgress",
+                    {
+                      "emit": {
+                        "failure": "StudentProgressLoadFailed",
+                        "success": "StudentProgressLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "type": "game-shell",
                       "appName": "Coding Academy",
-                      "showTopBar": true,
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
@@ -1098,15 +1325,10 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "gap": "md",
-                                  "justify": "space-between",
+                                  "type": "stack",
                                   "children": [
                                     {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md",
                                       "children": [
                                         {
                                           "type": "icon",
@@ -1114,20 +1336,25 @@
                                           "size": "lg"
                                         },
                                         {
-                                          "type": "typography",
                                           "content": "Progress",
+                                          "type": "typography",
                                           "variant": "h2"
                                         }
-                                      ]
+                                      ],
+                                      "gap": "md",
+                                      "direction": "horizontal",
+                                      "type": "stack"
                                     },
                                     {
-                                      "type": "button",
-                                      "label": "Refresh",
+                                      "icon": "refresh-cw",
                                       "event": "REFRESH",
+                                      "type": "button",
                                       "variant": "secondary",
-                                      "icon": "refresh-cw"
+                                      "label": "Refresh"
                                     }
-                                  ]
+                                  ],
+                                  "direction": "horizontal",
+                                  "justify": "space-between"
                                 },
                                 {
                                   "type": "divider"
@@ -1137,12 +1364,9 @@
                                   "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "columns": 3,
+                                      "columns": 3.0,
                                       "children": [
                                         {
-                                          "type": "stat-display",
-                                          "label": "TotalLessons",
                                           "value": [
                                             "object/get",
                                             [
@@ -1150,10 +1374,11 @@
                                               "@entity"
                                             ],
                                             "totalLessons"
-                                          ]
+                                          ],
+                                          "type": "stat-display",
+                                          "label": "TotalLessons"
                                         },
                                         {
-                                          "type": "stat-display",
                                           "label": "CompletedLessons",
                                           "value": [
                                             "object/get",
@@ -1162,11 +1387,10 @@
                                               "@entity"
                                             ],
                                             "completedLessons"
-                                          ]
+                                          ],
+                                          "type": "stat-display"
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "AverageScore",
                                           "value": [
                                             "object/get",
                                             [
@@ -1174,11 +1398,13 @@
                                               "@entity"
                                             ],
                                             "averageScore"
-                                          ]
+                                          ],
+                                          "type": "stat-display",
+                                          "label": "AverageScore"
                                         },
                                         {
-                                          "type": "stat-display",
                                           "label": "Streak",
+                                          "type": "stat-display",
                                           "value": [
                                             "object/get",
                                             [
@@ -1188,7 +1414,8 @@
                                             "streak"
                                           ]
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid"
                                     }
                                   ]
                                 },
@@ -1196,113 +1423,116 @@
                                   "type": "divider"
                                 },
                                 {
+                                  "columns": 2.0,
                                   "type": "grid",
-                                  "columns": 2,
-                                  "gap": "md",
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "variant": "caption",
-                                          "content": "Chart View"
+                                          "content": "Chart View",
+                                          "variant": "caption"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
                                       "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "variant": "caption",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "variant": "caption"
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "gap": "md"
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "date": "Jan",
-                                      "value": 12
+                                      "value": 12.0
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
                                       "date": "Mar",
-                                      "value": 15
+                                      "value": 15.0
                                     },
                                     {
                                       "date": "Apr",
-                                      "value": 25
+                                      "value": 25.0
                                     },
                                     {
                                       "date": "May",
-                                      "value": 22
+                                      "value": 22.0
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
                                   ],
+                                  "type": "line-chart",
                                   "xKey": "date",
                                   "yKey": "value",
                                   "title": "Trend"
                                 },
                                 {
-                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
-                                  ]
+                                  ],
+                                  "type": "chart-legend"
                                 },
                                 {
-                                  "type": "graph-view",
+                                  "width": 400.0,
                                   "nodes": [
                                     {
-                                      "id": "a",
+                                      "y": 100.0,
+                                      "x": 50.0,
                                       "label": "Start",
-                                      "x": 50,
-                                      "y": 100
+                                      "id": "a"
                                     },
                                     {
-                                      "id": "b",
                                       "label": "Process",
-                                      "x": 200,
-                                      "y": 50
+                                      "id": "b",
+                                      "x": 200.0,
+                                      "y": 50.0
                                     },
                                     {
-                                      "id": "c",
                                       "label": "End",
-                                      "x": 350,
-                                      "y": 100
+                                      "x": 350.0,
+                                      "y": 100.0,
+                                      "id": "c"
                                     }
                                   ],
+                                  "type": "graph-view",
+                                  "height": 200.0,
                                   "edges": [
                                     {
                                       "from": "a",
                                       "to": "b"
                                     },
                                     {
-                                      "from": "b",
-                                      "to": "c"
+                                      "to": "c",
+                                      "from": "b"
                                     }
-                                  ],
-                                  "width": 400,
-                                  "height": 200
+                                  ]
                                 }
-                              ]
+                              ],
+                              "direction": "vertical",
+                              "type": "stack",
+                              "gap": "lg"
                             }
                           ]
                         }
@@ -1318,23 +1548,27 @@
                 "effects": [
                   [
                     "fetch",
-                    "StudentProgress"
+                    "StudentProgress",
+                    {
+                      "emit": {
+                        "failure": "StudentProgressLoadFailed",
+                        "success": "StudentProgressLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Coding Academy",
                       "showTopBar": true,
+                      "appName": "Coding Academy",
+                      "type": "game-shell",
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "vertical",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
@@ -1349,36 +1583,36 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
                                   "justify": "space-between",
+                                  "type": "stack",
                                   "children": [
                                     {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md",
                                       "children": [
                                         {
+                                          "size": "lg",
                                           "type": "icon",
-                                          "name": "trending-up",
-                                          "size": "lg"
+                                          "name": "trending-up"
                                         },
                                         {
                                           "type": "typography",
                                           "content": "Progress",
                                           "variant": "h2"
                                         }
-                                      ]
+                                      ],
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "md"
                                     },
                                     {
-                                      "type": "button",
                                       "label": "Refresh",
-                                      "event": "REFRESH",
                                       "variant": "secondary",
+                                      "event": "REFRESH",
+                                      "type": "button",
                                       "icon": "refresh-cw"
                                     }
-                                  ]
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "divider"
@@ -1388,12 +1622,11 @@
                                   "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "columns": 3,
+                                      "columns": 3.0,
                                       "children": [
                                         {
-                                          "type": "stat-display",
                                           "label": "TotalLessons",
+                                          "type": "stat-display",
                                           "value": [
                                             "object/get",
                                             [
@@ -1404,8 +1637,8 @@
                                           ]
                                         },
                                         {
-                                          "type": "stat-display",
                                           "label": "CompletedLessons",
+                                          "type": "stat-display",
                                           "value": [
                                             "object/get",
                                             [
@@ -1428,8 +1661,8 @@
                                           ]
                                         },
                                         {
-                                          "type": "stat-display",
                                           "label": "Streak",
+                                          "type": "stat-display",
                                           "value": [
                                             "object/get",
                                             [
@@ -1439,7 +1672,8 @@
                                             "streak"
                                           ]
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid"
                                     }
                                   ]
                                 },
@@ -1448,28 +1682,28 @@
                                 },
                                 {
                                   "type": "grid",
-                                  "columns": 2,
                                   "gap": "md",
+                                  "columns": 2.0,
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
                                           "variant": "caption",
-                                          "content": "Chart View"
+                                          "content": "Chart View",
+                                          "type": "typography"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
                                           "variant": "caption",
                                           "content": "Graph View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
                                   ]
                                 },
@@ -1478,82 +1712,84 @@
                                   "data": [
                                     {
                                       "date": "Jan",
-                                      "value": 12
+                                      "value": 12.0
                                     },
                                     {
                                       "date": "Feb",
-                                      "value": 19
+                                      "value": 19.0
                                     },
                                     {
                                       "date": "Mar",
-                                      "value": 15
+                                      "value": 15.0
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "date": "May",
-                                      "value": 22
+                                      "value": 22.0,
+                                      "date": "May"
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
                                   ],
+                                  "title": "Trend",
                                   "xKey": "date",
-                                  "yKey": "value",
-                                  "title": "Trend"
+                                  "yKey": "value"
                                 },
                                 {
-                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "label": "Current",
                                       "color": "primary"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
-                                  ]
+                                  ],
+                                  "type": "chart-legend"
                                 },
                                 {
                                   "type": "graph-view",
                                   "nodes": [
                                     {
-                                      "id": "a",
                                       "label": "Start",
-                                      "x": 50,
-                                      "y": 100
+                                      "id": "a",
+                                      "y": 100.0,
+                                      "x": 50.0
                                     },
                                     {
-                                      "id": "b",
                                       "label": "Process",
-                                      "x": 200,
-                                      "y": 50
+                                      "y": 50.0,
+                                      "id": "b",
+                                      "x": 200.0
                                     },
                                     {
-                                      "id": "c",
+                                      "x": 350.0,
+                                      "y": 100.0,
                                       "label": "End",
-                                      "x": 350,
-                                      "y": 100
+                                      "id": "c"
                                     }
                                   ],
                                   "edges": [
                                     {
-                                      "from": "a",
-                                      "to": "b"
+                                      "to": "b",
+                                      "from": "a"
                                     },
                                     {
-                                      "from": "b",
-                                      "to": "c"
+                                      "to": "c",
+                                      "from": "b"
                                     }
                                   ],
-                                  "width": 400,
-                                  "height": 200
+                                  "height": 200.0,
+                                  "width": 400.0
                                 }
-                              ]
+                              ],
+                              "gap": "lg",
+                              "type": "stack"
                             }
                           ]
                         }
@@ -1569,30 +1805,33 @@
                 "effects": [
                   [
                     "fetch",
-                    "StudentProgress"
+                    "StudentProgress",
+                    {
+                      "emit": {
+                        "success": "StudentProgressLoaded",
+                        "failure": "StudentProgressLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Coding Academy",
+                      "type": "game-shell",
                       "showTopBar": true,
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Progress"
@@ -1600,13 +1839,9 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "gap": "md",
-                                  "justify": "space-between",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "direction": "horizontal",
                                       "gap": "md",
                                       "children": [
@@ -1616,35 +1851,33 @@
                                           "size": "lg"
                                         },
                                         {
-                                          "type": "typography",
                                           "content": "Progress",
+                                          "type": "typography",
                                           "variant": "h2"
                                         }
-                                      ]
+                                      ],
+                                      "type": "stack"
                                     },
                                     {
-                                      "type": "button",
                                       "label": "Refresh",
-                                      "event": "REFRESH",
                                       "variant": "secondary",
-                                      "icon": "refresh-cw"
+                                      "icon": "refresh-cw",
+                                      "type": "button",
+                                      "event": "REFRESH"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "box",
-                                  "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "columns": 3,
                                       "children": [
                                         {
-                                          "type": "stat-display",
-                                          "label": "TotalLessons",
                                           "value": [
                                             "object/get",
                                             [
@@ -1652,7 +1885,9 @@
                                               "@entity"
                                             ],
                                             "totalLessons"
-                                          ]
+                                          ],
+                                          "label": "TotalLessons",
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
@@ -1679,8 +1914,6 @@
                                           ]
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "Streak",
                                           "value": [
                                             "object/get",
                                             [
@@ -1688,73 +1921,79 @@
                                               "@entity"
                                             ],
                                             "streak"
-                                          ]
+                                          ],
+                                          "label": "Streak",
+                                          "type": "stat-display"
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid",
+                                      "columns": 3.0
                                     }
-                                  ]
+                                  ],
+                                  "padding": "md",
+                                  "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
-                                  "columns": 2,
                                   "gap": "md",
+                                  "type": "grid",
+                                  "columns": 2.0,
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "variant": "caption",
-                                          "content": "Chart View"
+                                          "content": "Chart View",
+                                          "variant": "caption"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
+                                          "content": "Graph View",
                                           "variant": "caption",
-                                          "content": "Graph View"
+                                          "type": "typography"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
                                   ]
                                 },
                                 {
+                                  "xKey": "date",
                                   "type": "line-chart",
+                                  "yKey": "value",
+                                  "title": "Trend",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
                                       "date": "Feb",
-                                      "value": 19
+                                      "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
                                       "date": "Apr",
-                                      "value": 25
+                                      "value": 25.0
                                     },
                                     {
                                       "date": "May",
-                                      "value": 22
+                                      "value": 22.0
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
-                                  ],
-                                  "xKey": "date",
-                                  "yKey": "value",
-                                  "title": "Trend"
+                                  ]
                                 },
                                 {
                                   "type": "chart-legend",
@@ -1770,41 +2009,44 @@
                                   ]
                                 },
                                 {
-                                  "type": "graph-view",
                                   "nodes": [
                                     {
-                                      "id": "a",
+                                      "y": 100.0,
                                       "label": "Start",
-                                      "x": 50,
-                                      "y": 100
+                                      "x": 50.0,
+                                      "id": "a"
                                     },
                                     {
+                                      "y": 50.0,
                                       "id": "b",
-                                      "label": "Process",
-                                      "x": 200,
-                                      "y": 50
+                                      "x": 200.0,
+                                      "label": "Process"
                                     },
                                     {
                                       "id": "c",
                                       "label": "End",
-                                      "x": 350,
-                                      "y": 100
+                                      "x": 350.0,
+                                      "y": 100.0
                                     }
                                   ],
+                                  "type": "graph-view",
+                                  "height": 200.0,
                                   "edges": [
                                     {
-                                      "from": "a",
-                                      "to": "b"
+                                      "to": "b",
+                                      "from": "a"
                                     },
                                     {
-                                      "from": "b",
-                                      "to": "c"
+                                      "to": "c",
+                                      "from": "b"
                                     }
                                   ],
-                                  "width": 400,
-                                  "height": 200
+                                  "width": 400.0
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "gap": "lg",
+                              "direction": "vertical"
                             }
                           ]
                         }
@@ -1820,23 +2062,26 @@
                 "effects": [
                   [
                     "fetch",
-                    "StudentProgress"
+                    "StudentProgress",
+                    {
+                      "emit": {
+                        "success": "StudentProgressLoaded",
+                        "failure": "StudentProgressLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Coding Academy",
+                      "type": "game-shell",
                       "showTopBar": true,
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
@@ -1851,51 +2096,46 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "gap": "md",
-                                  "justify": "space-between",
+                                  "direction": "horizontal",
                                   "children": [
                                     {
                                       "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md",
                                       "children": [
                                         {
                                           "type": "icon",
-                                          "name": "trending-up",
-                                          "size": "lg"
+                                          "size": "lg",
+                                          "name": "trending-up"
                                         },
                                         {
                                           "type": "typography",
                                           "content": "Progress",
                                           "variant": "h2"
                                         }
-                                      ]
+                                      ],
+                                      "gap": "md",
+                                      "direction": "horizontal"
                                     },
                                     {
                                       "type": "button",
-                                      "label": "Refresh",
                                       "event": "REFRESH",
                                       "variant": "secondary",
+                                      "label": "Refresh",
                                       "icon": "refresh-cw"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "justify": "space-between"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
                                   "type": "box",
-                                  "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "columns": 3,
                                       "children": [
                                         {
-                                          "type": "stat-display",
-                                          "label": "TotalLessons",
                                           "value": [
                                             "object/get",
                                             [
@@ -1903,11 +2143,11 @@
                                               "@entity"
                                             ],
                                             "totalLessons"
-                                          ]
+                                          ],
+                                          "type": "stat-display",
+                                          "label": "TotalLessons"
                                         },
                                         {
-                                          "type": "stat-display",
-                                          "label": "CompletedLessons",
                                           "value": [
                                             "object/get",
                                             [
@@ -1915,10 +2155,11 @@
                                               "@entity"
                                             ],
                                             "completedLessons"
-                                          ]
+                                          ],
+                                          "label": "CompletedLessons",
+                                          "type": "stat-display"
                                         },
                                         {
-                                          "type": "stat-display",
                                           "label": "AverageScore",
                                           "value": [
                                             "object/get",
@@ -1927,7 +2168,8 @@
                                               "@entity"
                                             ],
                                             "averageScore"
-                                          ]
+                                          ],
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
@@ -1941,74 +2183,76 @@
                                             "streak"
                                           ]
                                         }
-                                      ]
+                                      ],
+                                      "columns": 3.0,
+                                      "type": "simple-grid"
                                     }
-                                  ]
+                                  ],
+                                  "padding": "md"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
-                                  "columns": 2,
                                   "gap": "md",
+                                  "columns": 2.0,
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
                                           "variant": "caption",
                                           "content": "Chart View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
                                       "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
                                           "variant": "caption",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "type": "typography"
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid"
                                 },
                                 {
+                                  "xKey": "date",
                                   "type": "line-chart",
+                                  "yKey": "value",
+                                  "title": "Trend",
                                   "data": [
                                     {
                                       "date": "Jan",
-                                      "value": 12
+                                      "value": 12.0
                                     },
                                     {
                                       "date": "Feb",
-                                      "value": 19
+                                      "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "date": "May",
-                                      "value": 22
+                                      "value": 22.0,
+                                      "date": "May"
                                     },
                                     {
                                       "date": "Jun",
-                                      "value": 30
+                                      "value": 30.0
                                     }
-                                  ],
-                                  "xKey": "date",
-                                  "yKey": "value",
-                                  "title": "Trend"
+                                  ]
                                 },
                                 {
-                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "label": "Current",
@@ -2018,44 +2262,48 @@
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ]
+                                  ],
+                                  "type": "chart-legend"
                                 },
                                 {
                                   "type": "graph-view",
+                                  "width": 400.0,
+                                  "edges": [
+                                    {
+                                      "to": "b",
+                                      "from": "a"
+                                    },
+                                    {
+                                      "from": "b",
+                                      "to": "c"
+                                    }
+                                  ],
                                   "nodes": [
                                     {
                                       "id": "a",
                                       "label": "Start",
-                                      "x": 50,
-                                      "y": 100
+                                      "y": 100.0,
+                                      "x": 50.0
                                     },
                                     {
+                                      "x": 200.0,
+                                      "y": 50.0,
                                       "id": "b",
-                                      "label": "Process",
-                                      "x": 200,
-                                      "y": 50
+                                      "label": "Process"
                                     },
                                     {
+                                      "x": 350.0,
+                                      "y": 100.0,
                                       "id": "c",
-                                      "label": "End",
-                                      "x": 350,
-                                      "y": 100
+                                      "label": "End"
                                     }
                                   ],
-                                  "edges": [
-                                    {
-                                      "from": "a",
-                                      "to": "b"
-                                    },
-                                    {
-                                      "from": "b",
-                                      "to": "c"
-                                    }
-                                  ],
-                                  "width": 400,
-                                  "height": 200
+                                  "height": 200.0
                                 }
-                              ]
+                              ],
+                              "direction": "vertical",
+                              "gap": "lg",
+                              "type": "stack"
                             }
                           ]
                         }
@@ -2065,12 +2313,13 @@
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
         {
-          "name": "ProgressPage",
+          "name": "Progress",
           "path": "/progress",
           "traits": [
             {
@@ -2081,4 +2330,4 @@
       ]
     }
   ]
-}
+}