@almadar/std 9.0.0 → 11.0.0

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

@@ -170,19 +170,19 @@
                       "children": [
                         {
                           "type": "game-menu",
+                          "title": "Army Battle",
+                          "subtitle": "Turn-Based Strategy",
                           "menuItems": [
                             {
-                              "label": "Start Battle",
                               "event": "START",
+                              "label": "Start Battle",
                               "variant": "primary"
                             }
-                          ],
-                          "title": "Army Battle",
-                          "subtitle": "Turn-Based Strategy"
+                          ]
                         }
                       ],
-                      "appName": "Strategy Game",
                       "type": "game-shell",
+                      "appName": "Strategy Game",
                       "showTopBar": true
                     }
                   ]
@@ -197,6 +197,7 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "children": [
                         {
                           "type": "game-hud",
@@ -206,15 +207,14 @@
                               "value": "@entity.turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ]
                         }
                       ],
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "Strategy Game"
+                      "appName": "Strategy Game",
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -242,9 +242,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "Strategy Game",
                       "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
                           "stats": [
@@ -259,7 +258,8 @@
                           ],
                           "type": "game-hud"
                         }
-                      ]
+                      ],
+                      "appName": "Strategy Game"
                     }
                   ]
                 ]
@@ -273,7 +273,7 @@
                     "render-ui",
                     "modal",
                     {
-                      "title": "Paused",
+                      "type": "game-menu",
                       "menuItems": [
                         {
                           "event": "RESUME",
@@ -281,12 +281,12 @@
                           "label": "Resume"
                         },
                         {
-                          "event": "RESTART",
+                          "variant": "ghost",
                           "label": "Quit",
-                          "variant": "ghost"
+                          "event": "RESTART"
                         }
                       ],
-                      "type": "game-menu"
+                      "title": "Paused"
                     }
                   ]
                 ]
@@ -300,35 +300,35 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "type": "game-shell",
                       "appName": "Strategy Game",
+                      "type": "game-shell",
+                      "showTopBar": true,
                       "children": [
                         {
+                          "title": "Battle Over",
                           "type": "game-over-screen",
-                          "menuItems": [
+                          "stats": [
                             {
-                              "label": "Play Again",
-                              "event": "RESTART",
-                              "variant": "primary"
+                              "value": "@entity.turn",
+                              "label": "Turns"
                             },
                             {
-                              "label": "Main Menu",
-                              "variant": "secondary",
-                              "event": "RESTART"
+                              "value": "@entity.score",
+                              "label": "Score"
                             }
                           ],
-                          "stats": [
+                          "menuItems": [
                             {
-                              "label": "Turns",
-                              "value": "@entity.turn"
+                              "event": "RESTART",
+                              "variant": "primary",
+                              "label": "Play Again"
                             },
                             {
-                              "label": "Score",
-                              "value": "@entity.score"
+                              "label": "Main Menu",
+                              "variant": "secondary",
+                              "event": "RESTART"
                             }
-                          ],
-                          "title": "Battle Over"
+                          ]
                         }
                       ]
                     }
@@ -354,7 +354,9 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "Strategy Game",
                       "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
                           "type": "game-hud",
@@ -364,14 +366,12 @@
                               "value": "@entity.turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ]
                         }
-                      ],
-                      "appName": "Strategy Game",
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]
@@ -390,24 +390,24 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
-                      "appName": "Strategy Game",
                       "children": [
                         {
                           "type": "game-hud",
                           "stats": [
                             {
-                              "label": "Turn",
-                              "value": "@entity.turn"
+                              "value": "@entity.turn",
+                              "label": "Turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -426,9 +426,7 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Strategy Game",
-                      "showTopBar": true,
                       "children": [
                         {
                           "subtitle": "Turn-Based Strategy",
@@ -442,7 +440,9 @@
                           ],
                           "title": "Army Battle"
                         }
-                      ]
+                      ],
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -456,23 +456,23 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "type": "game-shell",
                       "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "game-menu",
-                          "subtitle": "Turn-Based Strategy",
-                          "title": "Army Battle",
                           "menuItems": [
                             {
-                              "variant": "primary",
+                              "event": "START",
                               "label": "Start Battle",
-                              "event": "START"
+                              "variant": "primary"
                             }
-                          ]
+                          ],
+                          "subtitle": "Turn-Based Strategy",
+                          "type": "game-menu",
+                          "title": "Army Battle"
                         }
-                      ]
+                      ],
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -576,8 +576,8 @@
                     "ArmyBattle",
                     {
                       "emit": {
-                        "failure": "ArmyBattleLoadFailed",
-                        "success": "ArmyBattleLoaded"
+                        "success": "ArmyBattleLoaded",
+                        "failure": "ArmyBattleLoadFailed"
                       }
                     }
                   ]
@@ -594,17 +594,17 @@
                     {
                       "children": [
                         {
-                          "type": "combat-log",
+                          "showTimestamps": true,
                           "autoScroll": true,
-                          "title": "Combat Log",
+                          "type": "combat-log",
+                          "events": "@ArmyBattle",
                           "maxVisible": 10.0,
-                          "showTimestamps": true,
-                          "events": "@ArmyBattle"
+                          "title": "Combat Log"
                         }
                       ],
+                      "type": "game-shell",
                       "appName": "Strategy Game",
-                      "showTopBar": true,
-                      "type": "game-shell"
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -618,19 +618,19 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
                       "type": "game-shell",
-                      "appName": "Strategy Game",
                       "children": [
                         {
                           "title": "Combat Log",
-                          "maxVisible": 10.0,
-                          "type": "combat-log",
                           "events": "@ArmyBattle",
+                          "showTimestamps": true,
                           "autoScroll": true,
-                          "showTimestamps": true
+                          "type": "combat-log",
+                          "maxVisible": 10.0
                         }
-                      ]
+                      ],
+                      "appName": "Strategy Game",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -793,21 +793,21 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
+                      "align": "center",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
+                          "color": "muted",
                           "content": "Loading…",
                           "type": "typography",
-                          "color": "muted",
                           "variant": "caption"
                         }
                       ],
-                      "gap": "md",
-                      "align": "center",
+                      "type": "stack",
+                      "direction": "vertical",
                       "className": "py-12"
                     }
                   ]
@@ -822,70 +822,70 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "Strategy Game",
                       "children": [
                         {
-                          "type": "stack",
-                          "gap": "lg",
                           "direction": "vertical",
+                          "gap": "lg",
+                          "type": "stack",
                           "children": [
                             {
+                              "justify": "between",
                               "children": [
                                 {
-                                  "gap": "md",
                                   "children": [
                                     {
                                       "type": "icon",
                                       "name": "map"
                                     },
                                     {
+                                      "variant": "h2",
                                       "type": "typography",
-                                      "content": "Territory Map",
-                                      "variant": "h2"
+                                      "content": "Territory Map"
                                     }
                                   ],
                                   "type": "stack",
+                                  "gap": "md",
                                   "direction": "horizontal"
                                 },
                                 {
-                                  "status": "online",
-                                  "type": "status-dot",
                                   "pulse": false,
-                                  "label": "Exploring"
+                                  "type": "status-dot",
+                                  "label": "Exploring",
+                                  "status": "online"
                                 }
                               ],
-                              "justify": "between",
-                              "direction": "horizontal",
+                              "gap": "md",
                               "type": "stack",
-                              "gap": "md"
+                              "direction": "horizontal"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "height": "200px",
                               "zoom": 10.0,
-                              "type": "map-view",
-                              "markers": []
+                              "markers": [],
+                              "height": "200px",
+                              "type": "map-view"
                             },
                             {
-                              "entity": "@payload.data",
                               "type": "data-grid",
                               "itemActions": [
                                 {
-                                  "event": "TRAVEL",
-                                  "label": "Travel"
+                                  "label": "Travel",
+                                  "event": "TRAVEL"
                                 }
                               ],
+                              "fields": [],
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
-                                  "type": "stack",
-                                  "direction": "vertical",
+                                  "gap": "sm",
                                   "children": [
                                     {
                                       "type": "stack",
+                                      "direction": "horizontal",
+                                      "justify": "between",
                                       "align": "center",
                                       "children": [
                                         {
@@ -896,9 +896,9 @@
                                               "name": "map-pin"
                                             },
                                             {
-                                              "type": "typography",
                                               "content": "@item.name",
-                                              "variant": "h4"
+                                              "variant": "h4",
+                                              "type": "typography"
                                             }
                                           ],
                                           "direction": "horizontal",
@@ -906,12 +906,10 @@
                                           "type": "stack"
                                         },
                                         {
-                                          "label": "@item.owner",
-                                          "type": "badge"
+                                          "type": "badge",
+                                          "label": "@item.owner"
                                         }
-                                      ],
-                                      "justify": "between",
-                                      "direction": "horizontal"
+                                      ]
                                     },
                                     {
                                       "content": "@item.defense",
@@ -919,16 +917,18 @@
                                       "variant": "caption"
                                     }
                                   ],
-                                  "gap": "sm"
+                                  "type": "stack",
+                                  "direction": "vertical"
                                 }
                               ],
-                              "fields": []
+                              "entity": "@payload.data"
                             }
                           ]
                         }
                       ],
-                      "showTopBar": true,
-                      "type": "game-shell"
+                      "appName": "Strategy Game",
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -942,14 +942,15 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "className": "py-12",
+                      "type": "stack",
+                      "direction": "vertical",
                       "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
                           "name": "alert-triangle",
-                          "type": "icon",
-                          "color": "destructive"
+                          "color": "destructive",
+                          "type": "icon"
                         },
                         {
                           "variant": "h3",
@@ -957,21 +958,20 @@
                           "content": "Failed to load territory"
                         },
                         {
-                          "type": "typography",
-                          "content": "@payload.error",
+                          "variant": "body",
                           "color": "muted",
-                          "variant": "body"
+                          "type": "typography",
+                          "content": "@payload.error"
                         },
                         {
-                          "type": "button",
-                          "action": "INIT",
-                          "label": "Retry",
                           "variant": "primary",
-                          "icon": "rotate-ccw"
+                          "label": "Retry",
+                          "icon": "rotate-ccw",
+                          "action": "INIT",
+                          "type": "button"
                         }
                       ],
-                      "direction": "vertical",
-                      "type": "stack"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -985,43 +985,43 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "appName": "Strategy Game",
-                      "type": "game-shell",
                       "children": [
                         {
+                          "gap": "lg",
                           "children": [
                             {
                               "direction": "horizontal",
-                              "type": "stack",
-                              "gap": "md",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "loader"
+                                  "name": "loader",
+                                  "type": "icon"
                                 },
                                 {
                                   "type": "typography",
                                   "content": "Traveling...",
                                   "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "gap": "md",
+                              "type": "stack"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "variant": "body",
                               "type": "typography",
-                              "content": "Traveling to the destination territorys map."
+                              "content": "Traveling to the destination territorys map.",
+                              "variant": "body"
                             }
                           ],
-                          "gap": "lg",
+                          "align": "center",
                           "type": "stack",
-                          "direction": "vertical",
-                          "align": "center"
+                          "direction": "vertical"
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "appName": "Strategy Game",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -1036,8 +1036,8 @@
                     "Territory",
                     {
                       "emit": {
-                        "failure": "TerritoryLoadFailed",
-                        "success": "TerritoryLoaded"
+                        "success": "TerritoryLoaded",
+                        "failure": "TerritoryLoadFailed"
                       }
                     }
                   ],
@@ -1045,22 +1045,22 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
                       "direction": "vertical",
-                      "align": "center",
+                      "gap": "md",
                       "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Loading…"
+                          "type": "typography",
+                          "content": "Loading…",
+                          "color": "muted"
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -1074,13 +1074,15 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "stack",
+                          "gap": "lg",
                           "children": [
                             {
-                              "gap": "md",
                               "justify": "between",
+                              "direction": "horizontal",
                               "children": [
                                 {
                                   "direction": "horizontal",
@@ -1091,101 +1093,99 @@
                                     },
                                     {
                                       "type": "typography",
-                                      "content": "Territorys Map",
-                                      "variant": "h2"
+                                      "variant": "h2",
+                                      "content": "Territorys Map"
                                     }
                                   ],
                                   "type": "stack",
                                   "gap": "md"
                                 },
                                 {
+                                  "label": "Entered",
                                   "type": "status-dot",
-                                  "status": "online",
-                                  "label": "Entered"
+                                  "status": "online"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "type": "stack"
+                              "type": "stack",
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "entity": "@payload.data",
-                              "fields": [],
                               "type": "data-grid",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
+                                  "gap": "sm",
                                   "type": "stack",
                                   "children": [
                                     {
-                                      "justify": "between",
-                                      "align": "center",
-                                      "type": "stack",
-                                      "direction": "horizontal",
                                       "children": [
                                         {
+                                          "align": "center",
                                           "gap": "sm",
                                           "direction": "horizontal",
+                                          "type": "stack",
                                           "children": [
                                             {
                                               "type": "icon",
                                               "name": "map-pin"
                                             },
                                             {
-                                              "type": "typography",
                                               "variant": "h4",
+                                              "type": "typography",
                                               "content": "@item.name"
                                             }
-                                          ],
-                                          "type": "stack",
-                                          "align": "center"
+                                          ]
                                         },
                                         {
                                           "type": "badge",
                                           "label": "@item.owner"
                                         }
-                                      ]
+                                      ],
+                                      "direction": "horizontal",
+                                      "justify": "between",
+                                      "type": "stack",
+                                      "align": "center"
                                     },
                                     {
-                                      "type": "typography",
                                       "variant": "caption",
-                                      "content": "@item.defense"
+                                      "content": "@item.defense",
+                                      "type": "typography"
                                     }
                                   ],
-                                  "gap": "sm",
                                   "direction": "vertical"
                                 }
-                              ]
+                              ],
+                              "fields": [],
+                              "entity": "@payload.data"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "type": "stack",
+                              "justify": "end",
+                              "gap": "sm",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "label": "Back to Map",
-                                  "action": "BACK",
                                   "icon": "arrow-left",
-                                  "type": "button",
-                                  "variant": "ghost"
+                                  "action": "BACK",
+                                  "label": "Back to Map",
+                                  "variant": "ghost",
+                                  "type": "button"
                                 }
-                              ],
-                              "gap": "sm",
-                              "direction": "horizontal",
-                              "type": "stack",
-                              "justify": "end"
+                              ]
                             }
                           ],
-                          "gap": "lg",
+                          "type": "stack",
                           "direction": "vertical"
                         }
                       ],
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "Strategy Game"
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -1201,34 +1201,34 @@
                     {
                       "children": [
                         {
-                          "type": "icon",
                           "name": "alert-triangle",
+                          "type": "icon",
                           "color": "destructive"
                         },
                         {
-                          "content": "Failed to load territory",
                           "type": "typography",
-                          "variant": "h3"
+                          "variant": "h3",
+                          "content": "Failed to load territory"
                         },
                         {
-                          "type": "typography",
+                          "content": "@payload.error",
                           "variant": "body",
-                          "color": "muted",
-                          "content": "@payload.error"
+                          "type": "typography",
+                          "color": "muted"
                         },
                         {
-                          "label": "Retry",
-                          "variant": "primary",
+                          "action": "INIT",
                           "type": "button",
+                          "variant": "primary",
                           "icon": "rotate-ccw",
-                          "action": "INIT"
+                          "label": "Retry"
                         }
                       ],
+                      "gap": "md",
                       "direction": "vertical",
-                      "align": "center",
-                      "type": "stack",
                       "className": "py-12",
-                      "gap": "md"
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1243,8 +1243,8 @@
                     "Territory",
                     {
                       "emit": {
-                        "success": "TerritoryLoaded",
-                        "failure": "TerritoryLoadFailed"
+                        "failure": "TerritoryLoadFailed",
+                        "success": "TerritoryLoaded"
                       }
                     }
                   ],
@@ -1252,6 +1252,9 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical",
                       "align": "center",
                       "className": "py-12",
                       "children": [
@@ -1259,15 +1262,12 @@
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
                           "variant": "caption",
+                          "color": "muted",
                           "content": "Loading…",
-                          "color": "muted"
+                          "type": "typography"
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -1281,21 +1281,18 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
                       "children": [
                         {
+                          "gap": "lg",
                           "type": "stack",
-                          "direction": "vertical",
                           "children": [
                             {
-                              "direction": "horizontal",
                               "gap": "md",
-                              "type": "stack",
                               "justify": "between",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "gap": "md",
+                                  "direction": "horizontal",
                                   "type": "stack",
                                   "children": [
                                     {
@@ -1304,55 +1301,63 @@
                                     },
                                     {
                                       "content": "Territory Map",
-                                      "type": "typography",
-                                      "variant": "h2"
+                                      "variant": "h2",
+                                      "type": "typography"
                                     }
                                   ],
-                                  "direction": "horizontal"
+                                  "gap": "md"
                                 },
                                 {
-                                  "status": "online",
                                   "type": "status-dot",
+                                  "pulse": false,
                                   "label": "Exploring",
-                                  "pulse": false
+                                  "status": "online"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "height": "200px",
                               "markers": [],
                               "type": "map-view",
+                              "height": "200px",
                               "zoom": 10.0
                             },
                             {
+                              "itemActions": [
+                                {
+                                  "event": "TRAVEL",
+                                  "label": "Travel"
+                                }
+                              ],
+                              "entity": "@payload.data",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
-                                  "direction": "vertical",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "align": "center",
+                                      "justify": "between",
+                                      "direction": "horizontal",
                                       "children": [
                                         {
+                                          "gap": "sm",
+                                          "type": "stack",
                                           "children": [
                                             {
-                                              "type": "icon",
-                                              "name": "map-pin"
+                                              "name": "map-pin",
+                                              "type": "icon"
                                             },
                                             {
+                                              "type": "typography",
                                               "content": "@item.name",
-                                              "variant": "h4",
-                                              "type": "typography"
+                                              "variant": "h4"
                                             }
                                           ],
                                           "direction": "horizontal",
-                                          "gap": "sm",
-                                          "type": "stack",
                                           "align": "center"
                                         },
                                         {
@@ -1360,34 +1365,29 @@
                                           "label": "@item.owner"
                                         }
                                       ],
-                                      "direction": "horizontal",
-                                      "justify": "between"
+                                      "type": "stack"
                                     },
                                     {
-                                      "variant": "caption",
                                       "type": "typography",
+                                      "variant": "caption",
                                       "content": "@item.defense"
                                     }
                                   ],
-                                  "gap": "sm",
-                                  "type": "stack"
+                                  "type": "stack",
+                                  "direction": "vertical",
+                                  "gap": "sm"
                                 }
                               ],
-                              "fields": [],
                               "type": "data-grid",
-                              "entity": "@payload.data",
-                              "itemActions": [
-                                {
-                                  "label": "Travel",
-                                  "event": "TRAVEL"
-                                }
-                              ]
+                              "fields": []
                             }
                           ],
-                          "gap": "lg"
+                          "direction": "vertical"
                         }
                       ],
-                      "appName": "Strategy Game"
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -1401,36 +1401,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "className": "py-12",
                       "direction": "vertical",
-                      "align": "center",
                       "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
+                          "color": "destructive",
                           "name": "alert-triangle",
-                          "type": "icon",
-                          "color": "destructive"
+                          "type": "icon"
                         },
                         {
-                          "content": "Failed to load territory",
+                          "type": "typography",
                           "variant": "h3",
-                          "type": "typography"
+                          "content": "Failed to load territory"
                         },
                         {
                           "type": "typography",
-                          "variant": "body",
+                          "color": "muted",
                           "content": "@payload.error",
-                          "color": "muted"
+                          "variant": "body"
                         },
                         {
-                          "type": "button",
-                          "action": "INIT",
                           "label": "Retry",
                           "variant": "primary",
-                          "icon": "rotate-ccw"
+                          "icon": "rotate-ccw",
+                          "type": "button",
+                          "action": "INIT"
                         }
                       ],
-                      "className": "py-12"
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1580,8 +1580,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "success": "ResourceLoaded",
-                        "failure": "ResourceLoadFailed"
+                        "failure": "ResourceLoadFailed",
+                        "success": "ResourceLoaded"
                       }
                     }
                   ],
@@ -1590,17 +1590,14 @@
                     "main",
                     {
                       "appName": "Strategy Game",
-                      "showTopBar": true,
-                      "type": "game-shell",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "gap": "lg",
-                              "type": "stack",
-                              "direction": "vertical",
                               "children": [
                                 {
+                                  "type": "breadcrumb",
                                   "items": [
                                     {
                                       "href": "/",
@@ -1609,52 +1606,53 @@
                                     {
                                       "label": "Resources"
                                     }
-                                  ],
-                                  "type": "breadcrumb"
+                                  ]
                                 },
                                 {
+                                  "justify": "between",
+                                  "gap": "md",
                                   "direction": "horizontal",
+                                  "type": "stack",
                                   "children": [
                                     {
-                                      "gap": "md",
+                                      "type": "stack",
                                       "direction": "horizontal",
+                                      "gap": "md",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "database"
+                                          "name": "database",
+                                          "type": "icon"
                                         },
                                         {
                                           "content": "Resources",
-                                          "variant": "h2",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "variant": "h2"
                                         }
-                                      ],
-                                      "type": "stack"
+                                      ]
                                     },
                                     {
                                       "action": "REFRESH",
-                                      "variant": "secondary",
-                                      "icon": "refresh-cw",
+                                      "label": "Refresh",
                                       "type": "button",
-                                      "label": "Refresh"
+                                      "variant": "secondary",
+                                      "icon": "refresh-cw"
                                     }
-                                  ],
-                                  "gap": "md",
-                                  "justify": "between",
-                                  "type": "stack"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "padding": "md",
                                   "children": [
                                     {
                                       "cols": 3.0,
+                                      "type": "simple-grid",
                                       "children": [
                                         {
+                                          "value": "@entity.gold",
                                           "label": "Gold",
-                                          "type": "stat-display",
-                                          "value": "@entity.gold"
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
@@ -1662,50 +1660,48 @@
                                           "value": "@entity.food"
                                         },
                                         {
-                                          "value": "@entity.wood",
                                           "label": "Wood",
+                                          "value": "@entity.wood",
                                           "type": "stat-display"
                                         },
                                         {
-                                          "label": "Iron",
+                                          "type": "stat-display",
                                           "value": "@entity.iron",
-                                          "type": "stat-display"
+                                          "label": "Iron"
                                         }
-                                      ],
-                                      "type": "simple-grid"
+                                      ]
                                     }
                                   ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "gap": "md",
-                                  "cols": 2.0,
                                   "children": [
                                     {
                                       "type": "card",
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "content": "Chart View",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "variant": "caption"
                                         }
                                       ]
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
                                           "content": "Graph View",
-                                          "type": "typography",
-                                          "variant": "caption"
+                                          "variant": "caption",
+                                          "type": "typography"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
                                   ],
+                                  "cols": 2.0,
+                                  "gap": "md",
                                   "type": "grid"
                                 },
                                 {
@@ -1723,12 +1719,12 @@
                                       "value": 15.0
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25.0
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "date": "Jun",
@@ -1738,53 +1734,57 @@
                                   "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": [
+                                    {
+                                      "source": "a",
+                                      "target": "b"
+                                    },
+                                    {
+                                      "target": "c",
+                                      "source": "b"
+                                    }
+                                  ],
+                                  "width": 400.0,
                                   "nodes": [
                                     {
-                                      "id": "a",
-                                      "label": "Start"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
                                       "label": "Process",
                                       "id": "b"
                                     },
                                     {
-                                      "label": "End",
-                                      "id": "c"
+                                      "id": "c",
+                                      "label": "End"
                                     }
                                   ],
-                                  "type": "graph-view",
-                                  "edges": [
-                                    {
-                                      "target": "b",
-                                      "source": "a"
-                                    },
-                                    {
-                                      "target": "c",
-                                      "source": "b"
-                                    }
-                                  ],
-                                  "width": 400.0
+                                  "height": 200.0
                                 }
-                              ]
+                              ],
+                              "gap": "lg",
+                              "type": "stack",
+                              "direction": "vertical"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -1808,19 +1808,22 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "Strategy Game",
+                      "showTopBar": true,
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
+                              "type": "stack",
                               "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "href": "/",
-                                      "label": "Home"
+                                      "label": "Home",
+                                      "href": "/"
                                     },
                                     {
                                       "label": "Resources"
@@ -1829,8 +1832,7 @@
                                 },
                                 {
                                   "justify": "between",
-                                  "gap": "md",
-                                  "direction": "horizontal",
+                                  "type": "stack",
                                   "children": [
                                     {
                                       "children": [
@@ -1840,63 +1842,65 @@
                                         },
                                         {
                                           "variant": "h2",
-                                          "content": "Resources",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "content": "Resources"
                                         }
                                       ],
+                                      "gap": "md",
                                       "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md"
+                                      "direction": "horizontal"
                                     },
                                     {
-                                      "action": "REFRESH",
-                                      "type": "button",
-                                      "variant": "secondary",
                                       "icon": "refresh-cw",
-                                      "label": "Refresh"
+                                      "label": "Refresh",
+                                      "variant": "secondary",
+                                      "action": "REFRESH",
+                                      "type": "button"
                                     }
                                   ],
-                                  "type": "stack"
+                                  "direction": "horizontal",
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "padding": "md",
                                   "children": [
                                     {
+                                      "type": "simple-grid",
                                       "cols": 3.0,
                                       "children": [
                                         {
-                                          "type": "stat-display",
                                           "label": "Gold",
+                                          "type": "stat-display",
                                           "value": "@entity.gold"
                                         },
                                         {
-                                          "label": "Food",
                                           "type": "stat-display",
+                                          "label": "Food",
                                           "value": "@entity.food"
                                         },
                                         {
-                                          "type": "stat-display",
+                                          "label": "Wood",
                                           "value": "@entity.wood",
-                                          "label": "Wood"
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "label": "Iron",
-                                          "value": "@entity.iron"
+                                          "value": "@entity.iron",
+                                          "label": "Iron"
                                         }
-                                      ],
-                                      "type": "simple-grid"
+                                      ]
                                     }
                                   ],
-                                  "padding": "md",
                                   "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "cols": 2.0,
                                   "gap": "md",
                                   "children": [
                                     {
@@ -1913,18 +1917,16 @@
                                       "type": "card",
                                       "children": [
                                         {
+                                          "variant": "caption",
                                           "content": "Graph View",
-                                          "type": "typography",
-                                          "variant": "caption"
+                                          "type": "typography"
                                         }
                                       ]
                                     }
                                   ],
-                                  "type": "grid",
-                                  "cols": 2.0
+                                  "type": "grid"
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "date": "Jan",
@@ -1939,25 +1941,26 @@
                                       "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": "line-chart"
                                 },
                                 {
                                   "type": "chart-legend",
                                   "items": [
                                     {
-                                      "color": "primary",
-                                      "label": "Current"
+                                      "label": "Current",
+                                      "color": "primary"
                                     },
                                     {
                                       "color": "muted",
@@ -1966,20 +1969,7 @@
                                   ]
                                 },
                                 {
-                                  "nodes": [
-                                    {
-                                      "id": "a",
-                                      "label": "Start"
-                                    },
-                                    {
-                                      "id": "b",
-                                      "label": "Process"
-                                    },
-                                    {
-                                      "id": "c",
-                                      "label": "End"
-                                    }
-                                  ],
+                                  "type": "graph-view",
                                   "width": 400.0,
                                   "height": 200.0,
                                   "edges": [
@@ -1992,18 +1982,28 @@
                                       "target": "c"
                                     }
                                   ],
-                                  "type": "graph-view"
+                                  "nodes": [
+                                    {
+                                      "id": "a",
+                                      "label": "Start"
+                                    },
+                                    {
+                                      "label": "Process",
+                                      "id": "b"
+                                    },
+                                    {
+                                      "id": "c",
+                                      "label": "End"
+                                    }
+                                  ]
                                 }
                               ],
-                              "direction": "vertical",
-                              "type": "stack"
+                              "direction": "vertical"
                             }
                           ]
                         }
                       ],
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "Strategy Game"
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -2027,11 +2027,11 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "Strategy Game",
                       "showTopBar": true,
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
                               "type": "stack",
@@ -2040,8 +2040,8 @@
                                 {
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Resources"
@@ -2050,11 +2050,10 @@
                                   "type": "breadcrumb"
                                 },
                                 {
-                                  "direction": "horizontal",
-                                  "justify": "between",
+                                  "type": "stack",
                                   "children": [
                                     {
-                                      "gap": "md",
+                                      "direction": "horizontal",
                                       "type": "stack",
                                       "children": [
                                         {
@@ -2067,18 +2066,19 @@
                                           "type": "typography"
                                         }
                                       ],
-                                      "direction": "horizontal"
+                                      "gap": "md"
                                     },
                                     {
-                                      "variant": "secondary",
+                                      "type": "button",
                                       "label": "Refresh",
-                                      "icon": "refresh-cw",
                                       "action": "REFRESH",
-                                      "type": "button"
+                                      "variant": "secondary",
+                                      "icon": "refresh-cw"
                                     }
                                   ],
+                                  "justify": "between",
                                   "gap": "md",
-                                  "type": "stack"
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
@@ -2088,7 +2088,7 @@
                                   "padding": "md",
                                   "children": [
                                     {
-                                      "cols": 3.0,
+                                      "type": "simple-grid",
                                       "children": [
                                         {
                                           "label": "Gold",
@@ -2107,11 +2107,11 @@
                                         },
                                         {
                                           "value": "@entity.iron",
-                                          "label": "Iron",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "label": "Iron"
                                         }
                                       ],
-                                      "type": "simple-grid"
+                                      "cols": 3.0
                                     }
                                   ]
                                 },
@@ -2119,41 +2119,41 @@
                                   "type": "divider"
                                 },
                                 {
+                                  "type": "grid",
+                                  "cols": 2.0,
+                                  "gap": "md",
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "variant": "caption",
                                           "type": "typography",
                                           "content": "Chart View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "type": "typography",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "variant": "caption"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
-                                  ],
-                                  "cols": 2.0,
-                                  "gap": "md",
-                                  "type": "grid"
+                                  ]
                                 },
                                 {
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12.0
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19.0
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
                                       "date": "Mar",
@@ -2175,54 +2175,54 @@
                                   "type": "line-chart"
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
                                       "color": "muted",
                                       "label": "Previous"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
+                                  "height": 200.0,
+                                  "edges": [
+                                    {
+                                      "target": "b",
+                                      "source": "a"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
+                                    }
+                                  ],
+                                  "width": 400.0,
                                   "nodes": [
                                     {
                                       "label": "Start",
                                       "id": "a"
                                     },
                                     {
-                                      "label": "Process",
-                                      "id": "b"
+                                      "id": "b",
+                                      "label": "Process"
                                     },
                                     {
                                       "id": "c",
                                       "label": "End"
                                     }
                                   ],
-                                  "height": 200.0,
-                                  "edges": [
-                                    {
-                                      "source": "a",
-                                      "target": "b"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ],
-                                  "width": 400.0,
                                   "type": "graph-view"
                                 }
                               ],
                               "gap": "lg"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell"
                     }
                   ]
                 ]
@@ -2237,8 +2237,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "success": "ResourceLoaded",
-                        "failure": "ResourceLoadFailed"
+                        "failure": "ResourceLoadFailed",
+                        "success": "ResourceLoaded"
                       }
                     }
                   ],
@@ -2246,21 +2246,23 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "type": "game-shell",
                       "appName": "Strategy Game",
-                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
+                              "direction": "vertical",
+                              "type": "stack",
+                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Resources"
@@ -2268,70 +2270,70 @@
                                   ]
                                 },
                                 {
-                                  "justify": "between",
-                                  "direction": "horizontal",
                                   "type": "stack",
+                                  "gap": "md",
+                                  "direction": "horizontal",
+                                  "justify": "between",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "children": [
                                         {
                                           "type": "icon",
                                           "name": "database"
                                         },
                                         {
+                                          "type": "typography",
                                           "variant": "h2",
-                                          "content": "Resources",
-                                          "type": "typography"
+                                          "content": "Resources"
                                         }
                                       ],
-                                      "gap": "md",
-                                      "direction": "horizontal"
+                                      "direction": "horizontal",
+                                      "type": "stack",
+                                      "gap": "md"
                                     },
                                     {
-                                      "icon": "refresh-cw",
-                                      "type": "button",
-                                      "variant": "secondary",
                                       "action": "REFRESH",
-                                      "label": "Refresh"
+                                      "label": "Refresh",
+                                      "type": "button",
+                                      "icon": "refresh-cw",
+                                      "variant": "secondary"
                                     }
-                                  ],
-                                  "gap": "md"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
+                                      "cols": 3.0,
                                       "children": [
                                         {
                                           "value": "@entity.gold",
-                                          "label": "Gold",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "label": "Gold"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "value": "@entity.food",
-                                          "label": "Food"
+                                          "label": "Food",
+                                          "value": "@entity.food"
                                         },
                                         {
+                                          "label": "Wood",
                                           "value": "@entity.wood",
-                                          "type": "stat-display",
-                                          "label": "Wood"
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "value": "@entity.iron",
-                                          "label": "Iron"
+                                          "label": "Iron",
+                                          "value": "@entity.iron"
                                         }
                                       ],
-                                      "cols": 3.0
+                                      "type": "simple-grid"
                                     }
                                   ],
-                                  "type": "box"
+                                  "padding": "md"
                                 },
                                 {
                                   "type": "divider"
@@ -2341,30 +2343,29 @@
                                     {
                                       "children": [
                                         {
-                                          "type": "typography",
                                           "variant": "caption",
-                                          "content": "Chart View"
+                                          "content": "Chart View",
+                                          "type": "typography"
                                         }
                                       ],
                                       "type": "card"
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "variant": "caption",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "variant": "caption"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
                                   ],
+                                  "gap": "md",
                                   "type": "grid",
-                                  "cols": 2.0,
-                                  "gap": "md"
+                                  "cols": 2.0
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "date": "Jan",
@@ -2375,71 +2376,70 @@
                                       "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
                                       "date": "Apr",
                                       "value": 25.0
                                     },
                                     {
-                                      "date": "May",
-                                      "value": 22.0
+                                      "value": 22.0,
+                                      "date": "May"
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
-                                      "color": "muted",
-                                      "label": "Previous"
+                                      "label": "Previous",
+                                      "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
+                                  "width": 400.0,
                                   "height": 200.0,
-                                  "type": "graph-view",
                                   "edges": [
                                     {
-                                      "source": "a",
-                                      "target": "b"
+                                      "target": "b",
+                                      "source": "a"
                                     },
                                     {
-                                      "source": "b",
-                                      "target": "c"
+                                      "target": "c",
+                                      "source": "b"
                                     }
                                   ],
-                                  "width": 400.0,
+                                  "type": "graph-view",
                                   "nodes": [
                                     {
                                       "id": "a",
                                       "label": "Start"
                                     },
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "label": "Process",
+                                      "id": "b"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "label": "End",
+                                      "id": "c"
                                     }
                                   ]
                                 }
-                              ],
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg"
+                              ]
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ]
                     }
@@ -2456,8 +2456,8 @@
                     "Resource",
                     {
                       "emit": {
-                        "failure": "ResourceLoadFailed",
-                        "success": "ResourceLoaded"
+                        "success": "ResourceLoaded",
+                        "failure": "ResourceLoadFailed"
                       }
                     }
                   ],
@@ -2465,13 +2465,15 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "game-shell",
+                      "showTopBar": true,
+                      "appName": "Strategy Game",
                       "children": [
                         {
                           "type": "scaled-diagram",
                           "children": [
                             {
                               "type": "stack",
-                              "gap": "lg",
                               "children": [
                                 {
                                   "items": [
@@ -2486,15 +2488,10 @@
                                   "type": "breadcrumb"
                                 },
                                 {
-                                  "type": "stack",
                                   "direction": "horizontal",
                                   "gap": "md",
-                                  "justify": "between",
                                   "children": [
                                     {
-                                      "gap": "md",
-                                      "direction": "horizontal",
-                                      "type": "stack",
                                       "children": [
                                         {
                                           "type": "icon",
@@ -2502,107 +2499,112 @@
                                         },
                                         {
                                           "type": "typography",
-                                          "variant": "h2",
-                                          "content": "Resources"
+                                          "content": "Resources",
+                                          "variant": "h2"
                                         }
-                                      ]
+                                      ],
+                                      "gap": "md",
+                                      "type": "stack",
+                                      "direction": "horizontal"
                                     },
                                     {
                                       "action": "REFRESH",
-                                      "label": "Refresh",
-                                      "variant": "secondary",
                                       "type": "button",
-                                      "icon": "refresh-cw"
+                                      "icon": "refresh-cw",
+                                      "variant": "secondary",
+                                      "label": "Refresh"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "justify": "between"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
                                       "cols": 3.0,
-                                      "type": "simple-grid",
                                       "children": [
                                         {
-                                          "type": "stat-display",
+                                          "value": "@entity.gold",
                                           "label": "Gold",
-                                          "value": "@entity.gold"
+                                          "type": "stat-display"
                                         },
                                         {
+                                          "value": "@entity.food",
                                           "label": "Food",
-                                          "type": "stat-display",
-                                          "value": "@entity.food"
+                                          "type": "stat-display"
                                         },
                                         {
-                                          "value": "@entity.wood",
                                           "label": "Wood",
+                                          "value": "@entity.wood",
                                           "type": "stat-display"
                                         },
                                         {
+                                          "value": "@entity.iron",
                                           "type": "stat-display",
-                                          "label": "Iron",
-                                          "value": "@entity.iron"
+                                          "label": "Iron"
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid"
                                     }
-                                  ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "cols": 2.0,
+                                  "type": "grid",
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "content": "Chart View",
-                                          "variant": "caption"
+                                          "variant": "caption",
+                                          "content": "Chart View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "content": "Graph View",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "variant": "caption"
                                         }
                                       ],
                                       "type": "card"
                                     }
                                   ],
-                                  "type": "grid",
+                                  "cols": 2.0,
                                   "gap": "md"
                                 },
                                 {
                                   "type": "line-chart",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12.0
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
                                       "date": "Feb",
                                       "value": 19.0
                                     },
                                     {
-                                      "value": 15.0,
-                                      "date": "Mar"
+                                      "date": "Mar",
+                                      "value": 15.0
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25.0
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "date": "Jun",
@@ -2614,8 +2616,8 @@
                                   "type": "chart-legend",
                                   "items": [
                                     {
-                                      "color": "primary",
-                                      "label": "Current"
+                                      "label": "Current",
+                                      "color": "primary"
                                     },
                                     {
                                       "label": "Previous",
@@ -2624,43 +2626,41 @@
                                   ]
                                 },
                                 {
-                                  "edges": [
-                                    {
-                                      "target": "b",
-                                      "source": "a"
-                                    },
-                                    {
-                                      "target": "c",
-                                      "source": "b"
-                                    }
-                                  ],
                                   "width": 400.0,
-                                  "type": "graph-view",
                                   "nodes": [
                                     {
-                                      "label": "Start",
-                                      "id": "a"
+                                      "id": "a",
+                                      "label": "Start"
                                     },
                                     {
                                       "label": "Process",
                                       "id": "b"
                                     },
                                     {
-                                      "label": "End",
-                                      "id": "c"
+                                      "id": "c",
+                                      "label": "End"
                                     }
                                   ],
-                                  "height": 200.0
+                                  "edges": [
+                                    {
+                                      "target": "b",
+                                      "source": "a"
+                                    },
+                                    {
+                                      "target": "c",
+                                      "source": "b"
+                                    }
+                                  ],
+                                  "height": 200.0,
+                                  "type": "graph-view"
                                 }
                               ],
-                              "direction": "vertical"
+                              "direction": "vertical",
+                              "gap": "lg"
                             }
                           ]
                         }
-                      ],
-                      "appName": "Strategy Game",
-                      "showTopBar": true,
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]