@almadar/std 8.3.0 → 8.4.0

package/behaviors/registry/game/organisms/std-strategy-game.orb

@@ -158,8 +158,8 @@
                     "ArmyBattle",
                     {
                       "emit": {
-                        "success": "ArmyBattleLoaded",
-                        "failure": "ArmyBattleLoadFailed"
+                        "failure": "ArmyBattleLoadFailed",
+                        "success": "ArmyBattleLoaded"
                       }
                     }
                   ],
@@ -167,14 +167,12 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "type": "game-shell",
                       "appName": "Strategy Game",
                       "children": [
                         {
                           "type": "game-menu",
-                          "subtitle": "Turn-Based Strategy",
                           "title": "Army Battle",
+                          "subtitle": "Turn-Based Strategy",
                           "menuItems": [
                             {
                               "event": "START",
@@ -183,7 +181,9 @@
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -198,8 +198,6 @@
                     "main",
                     {
                       "showTopBar": true,
-                      "appName": "Strategy Game",
-                      "type": "game-shell",
                       "children": [
                         {
                           "stats": [
@@ -208,13 +206,15 @@
                               "value": "@entity.turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ],
                           "type": "game-hud"
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "appName": "Strategy Game"
                     }
                   ]
                 ]
@@ -242,9 +242,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
                       "appName": "Strategy Game",
+                      "type": "game-shell",
                       "children": [
                         {
                           "stats": [
@@ -253,13 +252,14 @@
                               "label": "Turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ],
                           "type": "game-hud"
                         }
-                      ]
+                      ],
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -273,19 +273,19 @@
                     "render-ui",
                     "modal",
                     {
-                      "title": "Paused",
                       "menuItems": [
                         {
-                          "label": "Resume",
                           "event": "RESUME",
+                          "label": "Resume",
                           "variant": "primary"
                         },
                         {
-                          "event": "RESTART",
                           "label": "Quit",
+                          "event": "RESTART",
                           "variant": "ghost"
                         }
                       ],
+                      "title": "Paused",
                       "type": "game-menu"
                     }
                   ]
@@ -301,36 +301,36 @@
                     "main",
                     {
                       "type": "game-shell",
+                      "appName": "Strategy Game",
                       "showTopBar": true,
                       "children": [
                         {
+                          "type": "game-over-screen",
+                          "title": "Battle Over",
                           "stats": [
                             {
                               "label": "Turns",
                               "value": "@entity.turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ],
-                          "type": "game-over-screen",
                           "menuItems": [
                             {
+                              "label": "Play Again",
                               "event": "RESTART",
-                              "variant": "primary",
-                              "label": "Play Again"
+                              "variant": "primary"
                             },
                             {
                               "event": "RESTART",
-                              "label": "Main Menu",
-                              "variant": "secondary"
+                              "variant": "secondary",
+                              "label": "Main Menu"
                             }
-                          ],
-                          "title": "Battle Over"
+                          ]
                         }
-                      ],
-                      "appName": "Strategy Game"
+                      ]
                     }
                   ]
                 ]
@@ -354,9 +354,9 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "Strategy Game",
                       "showTopBar": true,
                       "type": "game-shell",
-                      "appName": "Strategy Game",
                       "children": [
                         {
                           "type": "game-hud",
@@ -390,24 +390,24 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "game-shell",
+                      "showTopBar": true,
+                      "appName": "Strategy Game",
                       "children": [
                         {
+                          "type": "game-hud",
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turn"
+                              "label": "Turn",
+                              "value": "@entity.turn"
                             },
                             {
                               "label": "Score",
                               "value": "@entity.score"
                             }
-                          ],
-                          "type": "game-hud"
+                          ]
                         }
-                      ],
-                      "appName": "Strategy Game",
-                      "type": "game-shell",
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -426,23 +426,23 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "game-shell",
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "subtitle": "Turn-Based Strategy",
-                          "type": "game-menu",
-                          "title": "Army Battle",
                           "menuItems": [
                             {
                               "variant": "primary",
                               "label": "Start Battle",
                               "event": "START"
                             }
-                          ]
+                          ],
+                          "type": "game-menu",
+                          "title": "Army Battle",
+                          "subtitle": "Turn-Based Strategy"
                         }
-                      ],
-                      "appName": "Strategy Game",
-                      "showTopBar": true,
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]
@@ -457,6 +457,7 @@
                     "main",
                     {
                       "showTopBar": true,
+                      "type": "game-shell",
                       "appName": "Strategy Game",
                       "children": [
                         {
@@ -468,11 +469,10 @@
                               "label": "Start Battle"
                             }
                           ],
-                          "title": "Army Battle",
-                          "type": "game-menu"
+                          "type": "game-menu",
+                          "title": "Army Battle"
                         }
-                      ],
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]
@@ -592,19 +592,19 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "children": [
                         {
+                          "title": "Combat Log",
                           "autoScroll": true,
                           "type": "combat-log",
-                          "maxVisible": 10.0,
-                          "title": "Combat Log",
                           "showTimestamps": true,
-                          "events": "@ArmyBattle"
+                          "events": "@ArmyBattle",
+                          "maxVisible": 10.0
                         }
                       ],
-                      "appName": "Strategy Game",
-                      "showTopBar": true
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "Strategy Game"
                     }
                   ]
                 ]
@@ -618,19 +618,19 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "Strategy Game",
                       "children": [
                         {
-                          "type": "combat-log",
-                          "autoScroll": true,
                           "events": "@ArmyBattle",
                           "maxVisible": 10.0,
+                          "type": "combat-log",
                           "showTimestamps": true,
-                          "title": "Combat Log"
+                          "title": "Combat Log",
+                          "autoScroll": true
                         }
-                      ],
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "Strategy Game"
+                      ]
                     }
                   ]
                 ]
@@ -794,21 +794,21 @@
                     "main",
                     {
                       "align": "center",
-                      "type": "stack",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
                           "content": "Loading…",
-                          "type": "typography",
-                          "variant": "caption"
+                          "variant": "caption",
+                          "color": "muted",
+                          "type": "typography"
                         }
                       ],
-                      "gap": "md",
+                      "type": "stack",
                       "direction": "vertical",
-                      "className": "py-12"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -822,113 +822,113 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "Strategy Game",
                       "children": [
                         {
-                          "direction": "vertical",
-                          "gap": "lg",
                           "children": [
                             {
+                              "direction": "horizontal",
+                              "justify": "between",
                               "type": "stack",
                               "children": [
                                 {
-                                  "gap": "md",
                                   "type": "stack",
                                   "children": [
                                     {
-                                      "name": "map",
-                                      "type": "icon"
+                                      "type": "icon",
+                                      "name": "map"
                                     },
                                     {
-                                      "content": "Territory Map",
+                                      "type": "typography",
                                       "variant": "h2",
-                                      "type": "typography"
+                                      "content": "Territory Map"
                                     }
                                   ],
+                                  "gap": "md",
                                   "direction": "horizontal"
                                 },
                                 {
-                                  "label": "Exploring",
-                                  "pulse": false,
                                   "status": "online",
-                                  "type": "status-dot"
+                                  "pulse": false,
+                                  "type": "status-dot",
+                                  "label": "Exploring"
                                 }
                               ],
-                              "justify": "between",
-                              "gap": "md",
-                              "direction": "horizontal"
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "height": "200px",
                               "type": "map-view",
                               "zoom": 10.0,
-                              "markers": []
+                              "markers": [],
+                              "height": "200px"
                             },
                             {
-                              "entity": "@payload.data",
-                              "type": "data-grid",
-                              "itemActions": [
-                                {
-                                  "label": "Travel",
-                                  "event": "TRAVEL"
-                                }
-                              ],
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
                                   "type": "stack",
+                                  "direction": "vertical",
                                   "gap": "sm",
                                   "children": [
                                     {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "justify": "between",
-                                      "align": "center",
                                       "children": [
                                         {
-                                          "type": "stack",
                                           "gap": "sm",
-                                          "align": "center",
                                           "children": [
                                             {
                                               "name": "map-pin",
                                               "type": "icon"
                                             },
                                             {
-                                              "variant": "h4",
                                               "content": "@item.name",
-                                              "type": "typography"
+                                              "type": "typography",
+                                              "variant": "h4"
                                             }
                                           ],
-                                          "direction": "horizontal"
+                                          "direction": "horizontal",
+                                          "type": "stack",
+                                          "align": "center"
                                         },
                                         {
                                           "type": "badge",
                                           "label": "@item.owner"
                                         }
-                                      ]
+                                      ],
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "align": "center",
+                                      "justify": "between"
                                     },
                                     {
-                                      "type": "typography",
                                       "variant": "caption",
+                                      "type": "typography",
                                       "content": "@item.defense"
                                     }
-                                  ],
-                                  "direction": "vertical"
+                                  ]
+                                }
+                              ],
+                              "itemActions": [
+                                {
+                                  "label": "Travel",
+                                  "event": "TRAVEL"
                                 }
                               ],
+                              "type": "data-grid",
+                              "entity": "@payload.data",
                               "fields": []
                             }
                           ],
+                          "direction": "vertical",
+                          "gap": "lg",
                           "type": "stack"
                         }
-                      ]
+                      ],
+                      "appName": "Strategy Game",
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -942,19 +942,18 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "type": "stack",
                       "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
-                          "name": "alert-triangle",
                           "type": "icon",
-                          "color": "destructive"
+                          "color": "destructive",
+                          "name": "alert-triangle"
                         },
                         {
+                          "content": "Failed to load territory",
                           "type": "typography",
-                          "variant": "h3",
-                          "content": "Failed to load territory"
+                          "variant": "h3"
                         },
                         {
                           "content": "@payload.error",
@@ -963,15 +962,16 @@
                           "type": "typography"
                         },
                         {
-                          "label": "Retry",
-                          "type": "button",
-                          "icon": "rotate-ccw",
                           "action": "INIT",
-                          "variant": "primary"
+                          "type": "button",
+                          "variant": "primary",
+                          "label": "Retry",
+                          "icon": "rotate-ccw"
                         }
                       ],
                       "direction": "vertical",
-                      "gap": "md"
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -985,43 +985,43 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "appName": "Strategy Game",
                       "type": "game-shell",
+                      "appName": "Strategy Game",
                       "children": [
                         {
+                          "gap": "lg",
                           "align": "center",
+                          "type": "stack",
+                          "direction": "vertical",
                           "children": [
                             {
+                              "type": "stack",
+                              "direction": "horizontal",
                               "children": [
                                 {
                                   "name": "loader",
                                   "type": "icon"
                                 },
                                 {
-                                  "content": "Traveling...",
                                   "type": "typography",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "content": "Traveling..."
                                 }
                               ],
-                              "direction": "horizontal",
-                              "type": "stack",
                               "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "variant": "body",
+                              "content": "Traveling to the destination territorys map.",
                               "type": "typography",
-                              "content": "Traveling to the destination territorys map."
+                              "variant": "body"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "lg",
-                          "direction": "vertical"
+                          ]
                         }
-                      ]
+                      ],
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -1046,19 +1046,19 @@
                     "main",
                     {
                       "type": "stack",
-                      "className": "py-12",
+                      "align": "center",
                       "gap": "md",
+                      "className": "py-12",
                       "direction": "vertical",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Loading…",
-                          "color": "muted",
                           "variant": "caption",
-                          "type": "typography"
+                          "type": "typography",
+                          "color": "muted",
+                          "content": "Loading…"
                         }
                       ]
                     }
@@ -1074,25 +1074,27 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Strategy Game",
+                      "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
-                          "direction": "vertical",
                           "type": "stack",
+                          "gap": "lg",
+                          "direction": "vertical",
                           "children": [
                             {
-                              "gap": "md",
+                              "type": "stack",
                               "justify": "between",
+                              "gap": "md",
                               "direction": "horizontal",
                               "children": [
                                 {
                                   "direction": "horizontal",
-                                  "type": "stack",
                                   "children": [
                                     {
-                                      "type": "icon",
-                                      "name": "map"
+                                      "name": "map",
+                                      "type": "icon"
                                     },
                                     {
                                       "content": "Territorys Map",
@@ -1100,15 +1102,15 @@
                                       "type": "typography"
                                     }
                                   ],
+                                  "type": "stack",
                                   "gap": "md"
                                 },
                                 {
                                   "status": "online",
-                                  "label": "Entered",
-                                  "type": "status-dot"
+                                  "type": "status-dot",
+                                  "label": "Entered"
                                 }
-                              ],
-                              "type": "stack"
+                              ]
                             },
                             {
                               "type": "divider"
@@ -1119,28 +1121,30 @@
                                 "fn",
                                 "item",
                                 {
-                                  "direction": "vertical",
-                                  "type": "stack",
                                   "gap": "sm",
+                                  "type": "stack",
+                                  "direction": "vertical",
                                   "children": [
                                     {
-                                      "justify": "between",
+                                      "type": "stack",
                                       "direction": "horizontal",
+                                      "justify": "between",
+                                      "align": "center",
                                       "children": [
                                         {
-                                          "direction": "horizontal",
+                                          "gap": "sm",
                                           "type": "stack",
+                                          "direction": "horizontal",
                                           "align": "center",
-                                          "gap": "sm",
                                           "children": [
                                             {
                                               "name": "map-pin",
                                               "type": "icon"
                                             },
                                             {
-                                              "content": "@item.name",
                                               "type": "typography",
-                                              "variant": "h4"
+                                              "variant": "h4",
+                                              "content": "@item.name"
                                             }
                                           ]
                                         },
@@ -1148,13 +1152,11 @@
                                           "label": "@item.owner",
                                           "type": "badge"
                                         }
-                                      ],
-                                      "align": "center",
-                                      "type": "stack"
+                                      ]
                                     },
                                     {
-                                      "content": "@item.defense",
                                       "type": "typography",
+                                      "content": "@item.defense",
                                       "variant": "caption"
                                     }
                                   ]
@@ -1168,24 +1170,22 @@
                             },
                             {
                               "direction": "horizontal",
-                              "justify": "end",
                               "children": [
                                 {
-                                  "variant": "ghost",
-                                  "icon": "arrow-left",
                                   "type": "button",
                                   "label": "Back to Map",
-                                  "action": "BACK"
+                                  "variant": "ghost",
+                                  "action": "BACK",
+                                  "icon": "arrow-left"
                                 }
                               ],
-                              "type": "stack",
-                              "gap": "sm"
+                              "justify": "end",
+                              "gap": "sm",
+                              "type": "stack"
                             }
-                          ],
-                          "gap": "lg"
+                          ]
                         }
-                      ],
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -1199,36 +1199,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
                           "type": "icon",
-                          "color": "destructive",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "color": "destructive"
                         },
                         {
-                          "type": "typography",
                           "content": "Failed to load territory",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
-                          "variant": "body",
-                          "type": "typography",
                           "content": "@payload.error",
+                          "type": "typography",
+                          "variant": "body",
                           "color": "muted"
                         },
                         {
-                          "label": "Retry",
-                          "variant": "primary",
                           "icon": "rotate-ccw",
                           "type": "button",
-                          "action": "INIT"
+                          "label": "Retry",
+                          "action": "INIT",
+                          "variant": "primary"
                         }
                       ],
-                      "align": "center"
+                      "direction": "vertical",
+                      "type": "stack",
+                      "align": "center",
+                      "gap": "md",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -1243,8 +1243,8 @@
                     "Territory",
                     {
                       "emit": {
-                        "success": "TerritoryLoaded",
-                        "failure": "TerritoryLoadFailed"
+                        "failure": "TerritoryLoadFailed",
+                        "success": "TerritoryLoaded"
                       }
                     }
                   ],
@@ -1252,22 +1252,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "className": "py-12",
-                      "align": "center",
-                      "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "content": "Loading…",
-                          "variant": "caption",
                           "color": "muted",
+                          "variant": "caption",
                           "type": "typography"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1281,30 +1281,30 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
+                      "appName": "Strategy Game",
                       "children": [
                         {
-                          "direction": "vertical",
-                          "type": "stack",
                           "gap": "lg",
+                          "type": "stack",
                           "children": [
                             {
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "direction": "horizontal",
-                                  "type": "stack",
-                                  "gap": "md",
                                   "children": [
                                     {
-                                      "name": "map",
-                                      "type": "icon"
+                                      "type": "icon",
+                                      "name": "map"
                                     },
                                     {
                                       "content": "Territory Map",
                                       "variant": "h2",
                                       "type": "typography"
                                     }
-                                  ]
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "type": "stack"
                                 },
                                 {
                                   "type": "status-dot",
@@ -1313,81 +1313,81 @@
                                   "label": "Exploring"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "justify": "between",
+                              "gap": "md",
                               "type": "stack",
-                              "gap": "md"
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "type": "map-view",
                               "height": "200px",
-                              "zoom": 10.0,
-                              "markers": []
+                              "markers": [],
+                              "type": "map-view",
+                              "zoom": 10.0
                             },
                             {
-                              "entity": "@payload.data",
-                              "fields": [],
-                              "itemActions": [
-                                {
-                                  "label": "Travel",
-                                  "event": "TRAVEL"
-                                }
-                              ],
                               "type": "data-grid",
+                              "entity": "@payload.data",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
-                                  "gap": "sm",
-                                  "direction": "vertical",
                                   "type": "stack",
+                                  "direction": "vertical",
                                   "children": [
                                     {
                                       "direction": "horizontal",
                                       "align": "center",
+                                      "type": "stack",
+                                      "justify": "between",
                                       "children": [
                                         {
-                                          "type": "stack",
-                                          "gap": "sm",
-                                          "align": "center",
-                                          "direction": "horizontal",
                                           "children": [
                                             {
                                               "type": "icon",
                                               "name": "map-pin"
                                             },
                                             {
-                                              "type": "typography",
                                               "variant": "h4",
-                                              "content": "@item.name"
+                                              "content": "@item.name",
+                                              "type": "typography"
                                             }
-                                          ]
+                                          ],
+                                          "align": "center",
+                                          "direction": "horizontal",
+                                          "type": "stack",
+                                          "gap": "sm"
                                         },
                                         {
-                                          "type": "badge",
-                                          "label": "@item.owner"
+                                          "label": "@item.owner",
+                                          "type": "badge"
                                         }
-                                      ],
-                                      "justify": "between",
-                                      "type": "stack"
+                                      ]
                                     },
                                     {
-                                      "content": "@item.defense",
                                       "variant": "caption",
+                                      "content": "@item.defense",
                                       "type": "typography"
                                     }
-                                  ]
+                                  ],
+                                  "gap": "sm"
+                                }
+                              ],
+                              "fields": [],
+                              "itemActions": [
+                                {
+                                  "label": "Travel",
+                                  "event": "TRAVEL"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "direction": "vertical"
                         }
                       ],
-                      "type": "game-shell",
-                      "appName": "Strategy Game"
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -1401,36 +1401,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "md",
+                      "direction": "vertical",
                       "align": "center",
-                      "className": "py-12",
                       "children": [
                         {
-                          "color": "destructive",
+                          "type": "icon",
                           "name": "alert-triangle",
-                          "type": "icon"
+                          "color": "destructive"
                         },
                         {
-                          "type": "typography",
                           "content": "Failed to load territory",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
                           "type": "typography",
-                          "variant": "body",
                           "content": "@payload.error",
-                          "color": "muted"
+                          "color": "muted",
+                          "variant": "body"
                         },
                         {
                           "icon": "rotate-ccw",
-                          "label": "Retry",
                           "type": "button",
                           "action": "INIT",
+                          "label": "Retry",
                           "variant": "primary"
                         }
                       ],
-                      "direction": "vertical"
+                      "className": "py-12",
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1580,8 +1580,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "failure": "ResourceLoadFailed",
-                        "success": "ResourceLoaded"
+                        "success": "ResourceLoaded",
+                        "failure": "ResourceLoadFailed"
                       }
                     }
                   ],
@@ -1589,34 +1589,35 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "showTopBar": true,
-                      "appName": "Strategy Game",
+                      "type": "game-shell",
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
+                              "gap": "lg",
+                              "type": "stack",
                               "children": [
                                 {
+                                  "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Resources"
                                     }
-                                  ],
-                                  "type": "breadcrumb"
+                                  ]
                                 },
                                 {
-                                  "type": "stack",
                                   "gap": "md",
-                                  "direction": "horizontal",
                                   "justify": "between",
                                   "children": [
                                     {
+                                      "gap": "md",
+                                      "type": "stack",
                                       "children": [
                                         {
                                           "name": "database",
@@ -1628,25 +1629,28 @@
                                           "variant": "h2"
                                         }
                                       ],
-                                      "gap": "md",
-                                      "type": "stack",
                                       "direction": "horizontal"
                                     },
                                     {
-                                      "type": "button",
                                       "label": "Refresh",
-                                      "variant": "secondary",
                                       "action": "REFRESH",
+                                      "type": "button",
+                                      "variant": "secondary",
                                       "icon": "refresh-cw"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
+                                      "type": "simple-grid",
                                       "cols": 3.0,
                                       "children": [
                                         {
@@ -1655,43 +1659,38 @@
                                           "type": "stat-display"
                                         },
                                         {
-                                          "type": "stat-display",
+                                          "value": "@entity.food",
                                           "label": "Food",
-                                          "value": "@entity.food"
+                                          "type": "stat-display"
                                         },
                                         {
+                                          "value": "@entity.wood",
                                           "type": "stat-display",
-                                          "label": "Wood",
-                                          "value": "@entity.wood"
+                                          "label": "Wood"
                                         },
                                         {
                                           "value": "@entity.iron",
-                                          "label": "Iron",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "label": "Iron"
                                         }
-                                      ],
-                                      "type": "simple-grid"
+                                      ]
                                     }
-                                  ],
-                                  "padding": "md",
-                                  "type": "box"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
-                                  "cols": 2.0,
                                   "children": [
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "content": "Chart View",
-                                          "variant": "caption"
+                                          "variant": "caption",
+                                          "content": "Chart View"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     },
                                     {
                                       "children": [
@@ -1704,10 +1703,11 @@
                                       "type": "card"
                                     }
                                   ],
-                                  "gap": "md"
+                                  "cols": 2.0,
+                                  "gap": "md",
+                                  "type": "grid"
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "value": 12.0,
@@ -1718,22 +1718,23 @@
                                       "value": 19.0
                                     },
                                     {
-                                      "value": 15.0,
-                                      "date": "Mar"
+                                      "date": "Mar",
+                                      "value": 15.0
                                     },
                                     {
                                       "value": 25.0,
                                       "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "date": "Jun",
                                       "value": 30.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
                                   "type": "chart-legend",
@@ -1749,11 +1750,10 @@
                                   ]
                                 },
                                 {
-                                  "width": 400.0,
                                   "edges": [
                                     {
-                                      "source": "a",
-                                      "target": "b"
+                                      "target": "b",
+                                      "source": "a"
                                     },
                                     {
                                       "source": "b",
@@ -1761,6 +1761,7 @@
                                     }
                                   ],
                                   "height": 200.0,
+                                  "type": "graph-view",
                                   "nodes": [
                                     {
                                       "label": "Start",
@@ -1775,16 +1776,15 @@
                                       "id": "c"
                                     }
                                   ],
-                                  "type": "graph-view"
+                                  "width": 400.0
                                 }
                               ],
-                              "gap": "lg",
-                              "direction": "vertical",
-                              "type": "stack"
+                              "direction": "vertical"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "appName": "Strategy Game"
                     }
                   ]
                 ]
@@ -1799,8 +1799,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "success": "ResourceLoaded",
-                        "failure": "ResourceLoadFailed"
+                        "failure": "ResourceLoadFailed",
+                        "success": "ResourceLoaded"
                       }
                     }
                   ],
@@ -1808,15 +1808,11 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "Strategy Game",
-                      "type": "game-shell",
                       "showTopBar": true,
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
                               "children": [
                                 {
                                   "items": [
@@ -1831,68 +1827,68 @@
                                   "type": "breadcrumb"
                                 },
                                 {
-                                  "direction": "horizontal",
                                   "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "between",
+                                  "gap": "md",
                                   "children": [
                                     {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "database"
+                                          "name": "database",
+                                          "type": "icon"
                                         },
                                         {
+                                          "content": "Resources",
                                           "variant": "h2",
-                                          "type": "typography",
-                                          "content": "Resources"
+                                          "type": "typography"
                                         }
-                                      ]
+                                      ],
+                                      "gap": "md",
+                                      "direction": "horizontal",
+                                      "type": "stack"
                                     },
                                     {
-                                      "type": "button",
                                       "variant": "secondary",
-                                      "action": "REFRESH",
+                                      "label": "Refresh",
                                       "icon": "refresh-cw",
-                                      "label": "Refresh"
+                                      "type": "button",
+                                      "action": "REFRESH"
                                     }
-                                  ],
-                                  "gap": "md",
-                                  "justify": "between"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "box",
                                   "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
+                                      "type": "simple-grid",
                                       "cols": 3.0,
                                       "children": [
                                         {
-                                          "value": "@entity.gold",
                                           "type": "stat-display",
+                                          "value": "@entity.gold",
                                           "label": "Gold"
                                         },
                                         {
-                                          "value": "@entity.food",
                                           "type": "stat-display",
+                                          "value": "@entity.food",
                                           "label": "Food"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "Wood",
-                                          "value": "@entity.wood",
-                                          "type": "stat-display"
+                                          "value": "@entity.wood"
                                         },
                                         {
                                           "label": "Iron",
                                           "type": "stat-display",
                                           "value": "@entity.iron"
                                         }
-                                      ],
-                                      "type": "simple-grid"
+                                      ]
                                     }
                                   ]
                                 },
@@ -1900,50 +1896,50 @@
                                   "type": "divider"
                                 },
                                 {
-                                  "gap": "md",
-                                  "type": "grid",
                                   "cols": 2.0,
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "variant": "caption",
                                           "content": "Chart View",
                                           "type": "typography"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "variant": "caption",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "variant": "caption"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid",
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "line-chart",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12.0
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19.0
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
-                                      "value": 25.0,
-                                      "date": "Apr"
+                                      "date": "Apr",
+                                      "value": 25.0
                                     },
                                     {
                                       "date": "May",
@@ -1956,54 +1952,58 @@
                                   ]
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "edges": [
+                                  "nodes": [
                                     {
-                                      "source": "a",
-                                      "target": "b"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
-                                      "source": "b",
-                                      "target": "c"
+                                      "id": "b",
+                                      "label": "Process"
+                                    },
+                                    {
+                                      "id": "c",
+                                      "label": "End"
                                     }
                                   ],
                                   "width": 400.0,
                                   "height": 200.0,
                                   "type": "graph-view",
-                                  "nodes": [
-                                    {
-                                      "label": "Start",
-                                      "id": "a"
-                                    },
+                                  "edges": [
                                     {
-                                      "label": "Process",
-                                      "id": "b"
+                                      "source": "a",
+                                      "target": "b"
                                     },
                                     {
-                                      "label": "End",
-                                      "id": "c"
+                                      "target": "c",
+                                      "source": "b"
                                     }
                                   ]
                                 }
                               ],
+                              "gap": "lg",
                               "direction": "vertical",
-                              "gap": "lg"
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "appName": "Strategy Game"
                     }
                   ]
                 ]
@@ -2027,17 +2027,13 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "gap": "lg",
-                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "breadcrumb",
                                   "items": [
                                     {
                                       "label": "Home",
@@ -2046,16 +2042,15 @@
                                     {
                                       "label": "Resources"
                                     }
-                                  ]
+                                  ],
+                                  "type": "breadcrumb"
                                 },
                                 {
+                                  "justify": "between",
                                   "type": "stack",
-                                  "gap": "md",
                                   "direction": "horizontal",
                                   "children": [
                                     {
-                                      "direction": "horizontal",
-                                      "gap": "md",
                                       "type": "stack",
                                       "children": [
                                         {
@@ -2063,56 +2058,58 @@
                                           "name": "database"
                                         },
                                         {
-                                          "content": "Resources",
+                                          "type": "typography",
                                           "variant": "h2",
-                                          "type": "typography"
+                                          "content": "Resources"
                                         }
-                                      ]
+                                      ],
+                                      "direction": "horizontal",
+                                      "gap": "md"
                                     },
                                     {
+                                      "type": "button",
                                       "action": "REFRESH",
                                       "variant": "secondary",
-                                      "label": "Refresh",
-                                      "type": "button",
-                                      "icon": "refresh-cw"
+                                      "icon": "refresh-cw",
+                                      "label": "Refresh"
                                     }
                                   ],
-                                  "justify": "between"
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
                                   "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
+                                      "cols": 3.0,
                                       "children": [
                                         {
+                                          "type": "stat-display",
                                           "label": "Gold",
-                                          "value": "@entity.gold",
-                                          "type": "stat-display"
+                                          "value": "@entity.gold"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "label": "Food",
-                                          "value": "@entity.food"
+                                          "value": "@entity.food",
+                                          "label": "Food"
                                         },
                                         {
+                                          "label": "Wood",
                                           "value": "@entity.wood",
-                                          "type": "stat-display",
-                                          "label": "Wood"
+                                          "type": "stat-display"
                                         },
                                         {
-                                          "value": "@entity.iron",
+                                          "label": "Iron",
                                           "type": "stat-display",
-                                          "label": "Iron"
+                                          "value": "@entity.iron"
                                         }
                                       ],
-                                      "type": "simple-grid",
-                                      "cols": 3.0
+                                      "type": "simple-grid"
                                     }
-                                  ],
-                                  "type": "box"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
@@ -2124,32 +2121,32 @@
                                       "type": "card",
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "type": "typography",
-                                          "content": "Chart View"
+                                          "content": "Chart View",
+                                          "variant": "caption"
                                         }
                                       ]
                                     },
                                     {
                                       "children": [
                                         {
-                                          "variant": "caption",
+                                          "type": "typography",
                                           "content": "Graph View",
-                                          "type": "typography"
+                                          "variant": "caption"
                                         }
                                       ],
                                       "type": "card"
                                     }
                                   ],
-                                  "type": "grid",
-                                  "gap": "md"
+                                  "gap": "md",
+                                  "type": "grid"
                                 },
                                 {
                                   "type": "line-chart",
                                   "data": [
                                     {
-                                      "value": 12.0,
-                                      "date": "Jan"
+                                      "date": "Jan",
+                                      "value": 12.0
                                     },
                                     {
                                       "value": 19.0,
@@ -2160,68 +2157,71 @@
                                       "value": 15.0
                                     },
                                     {
-                                      "value": 25.0,
-                                      "date": "Apr"
+                                      "date": "Apr",
+                                      "value": 25.0
                                     },
                                     {
                                       "value": 22.0,
                                       "date": "May"
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "color": "primary",
-                                      "label": "Current"
+                                      "label": "Current",
+                                      "color": "primary"
                                     },
                                     {
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ]
+                                  ],
+                                  "type": "chart-legend"
                                 },
                                 {
-                                  "width": 400.0,
+                                  "edges": [
+                                    {
+                                      "target": "b",
+                                      "source": "a"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
+                                    }
+                                  ],
+                                  "height": 200.0,
+                                  "type": "graph-view",
                                   "nodes": [
                                     {
                                       "label": "Start",
                                       "id": "a"
                                     },
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "label": "Process",
+                                      "id": "b"
                                     },
                                     {
                                       "id": "c",
                                       "label": "End"
                                     }
                                   ],
-                                  "type": "graph-view",
-                                  "edges": [
-                                    {
-                                      "source": "a",
-                                      "target": "b"
-                                    },
-                                    {
-                                      "target": "c",
-                                      "source": "b"
-                                    }
-                                  ],
-                                  "height": 200.0
+                                  "width": 400.0
                                 }
                               ],
+                              "gap": "lg",
+                              "type": "stack",
                               "direction": "vertical"
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ],
-                      "showTopBar": true,
+                      "appName": "Strategy Game",
                       "type": "game-shell"
                     }
                   ]
@@ -2237,8 +2237,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "failure": "ResourceLoadFailed",
-                        "success": "ResourceLoaded"
+                        "success": "ResourceLoaded",
+                        "failure": "ResourceLoadFailed"
                       }
                     }
                   ],
@@ -2246,15 +2246,14 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
+                      "appName": "Strategy Game",
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "lg",
                               "direction": "vertical",
+                              "type": "stack",
                               "children": [
                                 {
                                   "type": "breadcrumb",
@@ -2269,78 +2268,75 @@
                                   ]
                                 },
                                 {
+                                  "gap": "md",
+                                  "justify": "between",
+                                  "type": "stack",
+                                  "direction": "horizontal",
                                   "children": [
                                     {
                                       "direction": "horizontal",
+                                      "type": "stack",
+                                      "gap": "md",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "database"
+                                          "name": "database",
+                                          "type": "icon"
                                         },
                                         {
-                                          "type": "typography",
                                           "content": "Resources",
-                                          "variant": "h2"
+                                          "variant": "h2",
+                                          "type": "typography"
                                         }
-                                      ],
-                                      "gap": "md",
-                                      "type": "stack"
+                                      ]
                                     },
                                     {
-                                      "label": "Refresh",
-                                      "action": "REFRESH",
                                       "icon": "refresh-cw",
+                                      "action": "REFRESH",
+                                      "type": "button",
                                       "variant": "secondary",
-                                      "type": "button"
+                                      "label": "Refresh"
                                     }
-                                  ],
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "between"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "type": "box",
+                                  "padding": "md",
                                   "children": [
                                     {
                                       "cols": 3.0,
                                       "children": [
                                         {
-                                          "value": "@entity.gold",
                                           "type": "stat-display",
-                                          "label": "Gold"
+                                          "label": "Gold",
+                                          "value": "@entity.gold"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "Food",
-                                          "value": "@entity.food",
-                                          "type": "stat-display"
+                                          "value": "@entity.food"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "value": "@entity.wood",
-                                          "label": "Wood"
+                                          "label": "Wood",
+                                          "value": "@entity.wood"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "Iron",
-                                          "value": "@entity.iron",
-                                          "type": "stat-display"
+                                          "value": "@entity.iron"
                                         }
                                       ],
                                       "type": "simple-grid"
                                     }
-                                  ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
-                                  "gap": "md",
-                                  "cols": 2.0,
                                   "children": [
                                     {
                                       "type": "card",
@@ -2362,18 +2358,20 @@
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid",
+                                  "gap": "md",
+                                  "cols": 2.0
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "date": "Jan",
                                       "value": 12.0
                                     },
                                     {
-                                      "value": 19.0,
-                                      "date": "Feb"
+                                      "date": "Feb",
+                                      "value": 19.0
                                     },
                                     {
                                       "date": "Mar",
@@ -2384,31 +2382,41 @@
                                       "value": 25.0
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "label": "Current",
                                       "color": "primary"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "height": 200.0,
                                   "type": "graph-view",
+                                  "edges": [
+                                    {
+                                      "target": "b",
+                                      "source": "a"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
+                                    }
+                                  ],
                                   "nodes": [
                                     {
                                       "label": "Start",
@@ -2419,29 +2427,21 @@
                                       "label": "Process"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "label": "End",
+                                      "id": "c"
                                     }
                                   ],
-                                  "width": 400.0,
-                                  "edges": [
-                                    {
-                                      "source": "a",
-                                      "target": "b"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ]
+                                  "height": 200.0,
+                                  "width": 400.0
                                 }
-                              ]
+                              ],
+                              "gap": "lg"
                             }
                           ]
                         }
                       ],
-                      "appName": "Strategy Game",
-                      "showTopBar": true
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -2456,8 +2456,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "success": "ResourceLoaded",
-                        "failure": "ResourceLoadFailed"
+                        "failure": "ResourceLoadFailed",
+                        "success": "ResourceLoaded"
                       }
                     }
                   ],
@@ -2465,17 +2465,16 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "gap": "lg",
-                              "type": "stack",
                               "direction": "vertical",
                               "children": [
                                 {
+                                  "type": "breadcrumb",
                                   "items": [
                                     {
                                       "href": "/",
@@ -2484,39 +2483,38 @@
                                     {
                                       "label": "Resources"
                                     }
-                                  ],
-                                  "type": "breadcrumb"
+                                  ]
                                 },
                                 {
                                   "justify": "between",
-                                  "direction": "horizontal",
                                   "gap": "md",
-                                  "type": "stack",
+                                  "direction": "horizontal",
                                   "children": [
                                     {
-                                      "direction": "horizontal",
+                                      "gap": "md",
+                                      "type": "stack",
                                       "children": [
                                         {
-                                          "name": "database",
-                                          "type": "icon"
+                                          "type": "icon",
+                                          "name": "database"
                                         },
                                         {
-                                          "content": "Resources",
                                           "type": "typography",
+                                          "content": "Resources",
                                           "variant": "h2"
                                         }
                                       ],
-                                      "type": "stack",
-                                      "gap": "md"
+                                      "direction": "horizontal"
                                     },
                                     {
-                                      "variant": "secondary",
                                       "label": "Refresh",
+                                      "variant": "secondary",
                                       "icon": "refresh-cw",
-                                      "action": "REFRESH",
-                                      "type": "button"
+                                      "type": "button",
+                                      "action": "REFRESH"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack"
                                 },
                                 {
                                   "type": "divider"
@@ -2524,12 +2522,12 @@
                                 {
                                   "children": [
                                     {
-                                      "type": "simple-grid",
+                                      "cols": 3.0,
                                       "children": [
                                         {
-                                          "type": "stat-display",
+                                          "value": "@entity.gold",
                                           "label": "Gold",
-                                          "value": "@entity.gold"
+                                          "type": "stat-display"
                                         },
                                         {
                                           "label": "Food",
@@ -2537,51 +2535,51 @@
                                           "value": "@entity.food"
                                         },
                                         {
-                                          "label": "Wood",
+                                          "type": "stat-display",
                                           "value": "@entity.wood",
-                                          "type": "stat-display"
+                                          "label": "Wood"
                                         },
                                         {
                                           "value": "@entity.iron",
-                                          "type": "stat-display",
-                                          "label": "Iron"
+                                          "label": "Iron",
+                                          "type": "stat-display"
                                         }
                                       ],
-                                      "cols": 3.0
+                                      "type": "simple-grid"
                                     }
                                   ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  "padding": "md",
+                                  "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
                                   "gap": "md",
+                                  "type": "grid",
+                                  "cols": 2.0,
                                   "children": [
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
+                                          "type": "typography",
                                           "content": "Chart View",
-                                          "variant": "caption",
-                                          "type": "typography"
+                                          "variant": "caption"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "content": "Graph View",
                                           "type": "typography",
                                           "variant": "caption"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
-                                  ],
-                                  "type": "grid",
-                                  "cols": 2.0
+                                  ]
                                 },
                                 {
                                   "type": "line-chart",
@@ -2595,24 +2593,25 @@
                                       "date": "Feb"
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25.0
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30.0
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
                                   ]
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "color": "primary",
@@ -2622,11 +2621,11 @@
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
                                   "type": "graph-view",
+                                  "height": 200.0,
                                   "width": 400.0,
                                   "nodes": [
                                     {
@@ -2634,8 +2633,8 @@
                                       "label": "Start"
                                     },
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "label": "Process",
+                                      "id": "b"
                                     },
                                     {
                                       "id": "c",
@@ -2644,23 +2643,24 @@
                                   ],
                                   "edges": [
                                     {
-                                      "target": "b",
-                                      "source": "a"
+                                      "source": "a",
+                                      "target": "b"
                                     },
                                     {
                                       "target": "c",
                                       "source": "b"
                                     }
-                                  ],
-                                  "height": 200.0
+                                  ]
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "gap": "lg"
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ],
-                      "showTopBar": true,
-                      "appName": "Strategy Game"
+                      "type": "game-shell"
                     }
                   ]
                 ]