@almadar/std 8.3.0 → 8.4.0

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

@@ -372,8 +372,8 @@
                     "BattleState",
                     {
                       "emit": {
-                        "success": "BattleStateLoaded",
-                        "failure": "BattleStateLoadFailed"
+                        "failure": "BattleStateLoadFailed",
+                        "success": "BattleStateLoaded"
                       }
                     }
                   ],
@@ -381,21 +381,21 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
                       "appName": "RPG Game",
                       "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
+                          "title": "Battle Arena",
                           "type": "game-menu",
                           "menuItems": [
                             {
-                              "variant": "primary",
                               "event": "START",
+                              "variant": "primary",
                               "label": "Start Battle"
                             }
                           ],
-                          "subtitle": "Turn-Based Strategy",
-                          "title": "Battle Arena"
+                          "subtitle": "Turn-Based Strategy"
                         }
                       ]
                     }
@@ -411,22 +411,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
                       "appName": "RPG Game",
+                      "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
-                          "type": "game-hud",
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turn"
+                              "label": "Turn",
+                              "value": "@entity.turn"
                             },
                             {
                               "value": "@entity.score",
                               "label": "Score"
                             }
-                          ]
+                          ],
+                          "type": "game-hud"
                         }
                       ]
                     }
@@ -456,24 +456,24 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
                           "type": "game-hud",
                           "stats": [
                             {
-                              "label": "Turn",
-                              "value": "@entity.turn"
+                              "value": "@entity.turn",
+                              "label": "Turn"
                             },
                             {
-                              "label": "Score",
-                              "value": "@entity.score"
+                              "value": "@entity.score",
+                              "label": "Score"
                             }
                           ]
                         }
-                      ],
-                      "appName": "RPG Game",
-                      "type": "game-shell",
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -487,20 +487,20 @@
                     "render-ui",
                     "modal",
                     {
-                      "title": "Paused",
+                      "type": "game-menu",
                       "menuItems": [
                         {
-                          "label": "Resume",
                           "event": "RESUME",
-                          "variant": "primary"
+                          "variant": "primary",
+                          "label": "Resume"
                         },
                         {
-                          "variant": "ghost",
                           "label": "Quit",
-                          "event": "RESTART"
+                          "event": "RESTART",
+                          "variant": "ghost"
                         }
                       ],
-                      "type": "game-menu"
+                      "title": "Paused"
                     }
                   ]
                 ]
@@ -514,35 +514,35 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "appName": "RPG Game",
                       "type": "game-shell",
-                      "showTopBar": true,
                       "children": [
                         {
+                          "title": "Battle Over",
                           "stats": [
                             {
                               "label": "Turns",
                               "value": "@entity.turn"
                             },
                             {
-                              "label": "Score",
-                              "value": "@entity.score"
+                              "value": "@entity.score",
+                              "label": "Score"
                             }
                           ],
-                          "title": "Battle Over",
+                          "type": "game-over-screen",
                           "menuItems": [
                             {
-                              "label": "Play Again",
                               "event": "RESTART",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "label": "Play Again"
                             },
                             {
-                              "label": "Main Menu",
                               "event": "RESTART",
-                              "variant": "secondary"
+                              "variant": "secondary",
+                              "label": "Main Menu"
                             }
-                          ],
-                          "type": "game-over-screen"
+                          ]
                         }
                       ]
                     }
@@ -568,23 +568,23 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
                       "type": "game-shell",
                       "children": [
                         {
                           "type": "game-hud",
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turn"
+                              "label": "Turn",
+                              "value": "@entity.turn"
                             },
                             {
-                              "label": "Score",
-                              "value": "@entity.score"
+                              "value": "@entity.score",
+                              "label": "Score"
                             }
                           ]
                         }
                       ],
+                      "showTopBar": true,
                       "appName": "RPG Game"
                     }
                   ]
@@ -604,24 +604,24 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "RPG Game",
                       "type": "game-shell",
                       "children": [
                         {
                           "type": "game-hud",
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turn"
+                              "label": "Turn",
+                              "value": "@entity.turn"
                             },
                             {
-                              "value": "@entity.score",
-                              "label": "Score"
+                              "label": "Score",
+                              "value": "@entity.score"
                             }
                           ]
                         }
                       ],
-                      "showTopBar": true
+                      "showTopBar": true,
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -640,23 +640,23 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "RPG Game",
+                      "showTopBar": true,
                       "children": [
                         {
+                          "title": "Battle Arena",
                           "menuItems": [
                             {
                               "label": "Start Battle",
-                              "variant": "primary",
-                              "event": "START"
+                              "event": "START",
+                              "variant": "primary"
                             }
                           ],
-                          "type": "game-menu",
-                          "title": "Battle Arena",
-                          "subtitle": "Turn-Based Strategy"
+                          "subtitle": "Turn-Based Strategy",
+                          "type": "game-menu"
                         }
                       ],
-                      "showTopBar": true
+                      "type": "game-shell",
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -670,23 +670,23 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "appName": "RPG Game",
                       "children": [
                         {
-                          "subtitle": "Turn-Based Strategy",
+                          "type": "game-menu",
                           "title": "Battle Arena",
                           "menuItems": [
                             {
-                              "label": "Start Battle",
                               "variant": "primary",
+                              "label": "Start Battle",
                               "event": "START"
                             }
                           ],
-                          "type": "game-menu"
+                          "subtitle": "Turn-Based Strategy"
                         }
                       ],
-                      "showTopBar": true
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -790,8 +790,8 @@
                     "BattleState",
                     {
                       "emit": {
-                        "success": "BattleStateLoaded",
-                        "failure": "BattleStateLoadFailed"
+                        "failure": "BattleStateLoadFailed",
+                        "success": "BattleStateLoaded"
                       }
                     }
                   ]
@@ -806,17 +806,17 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "type": "game-shell",
                       "appName": "RPG Game",
-                      "showTopBar": true,
                       "children": [
                         {
-                          "autoScroll": true,
-                          "events": "@BattleState",
+                          "showTimestamps": true,
                           "title": "Combat Log",
+                          "type": "combat-log",
+                          "autoScroll": true,
                           "maxVisible": 10.0,
-                          "showTimestamps": true,
-                          "type": "combat-log"
+                          "events": "@BattleState"
                         }
                       ]
                     }
@@ -832,18 +832,18 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
-                          "type": "combat-log",
                           "maxVisible": 10.0,
+                          "title": "Combat Log",
                           "autoScroll": true,
+                          "type": "combat-log",
                           "showTimestamps": true,
-                          "title": "Combat Log",
                           "events": "@BattleState"
                         }
                       ],
-                      "appName": "RPG Game",
-                      "type": "game-shell",
                       "showTopBar": true
                     }
                   ]
@@ -1022,8 +1022,8 @@
                     "WorldZone",
                     {
                       "emit": {
-                        "success": "WorldZoneLoaded",
-                        "failure": "WorldZoneLoadFailed"
+                        "failure": "WorldZoneLoadFailed",
+                        "success": "WorldZoneLoaded"
                       }
                     }
                   ],
@@ -1031,22 +1031,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "variant": "caption",
-                          "color": "muted",
                           "content": "Loading map…",
+                          "color": "muted",
                           "type": "typography"
                         }
                       ],
                       "direction": "vertical",
+                      "type": "stack",
                       "gap": "md",
-                      "className": "py-12"
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1060,14 +1060,16 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
-                          "gap": "lg",
                           "children": [
                             {
+                              "direction": "horizontal",
                               "justify": "between",
                               "gap": "md",
-                              "direction": "horizontal",
                               "children": [
                                 {
                                   "children": [
@@ -1076,20 +1078,20 @@
                                       "name": "map"
                                     },
                                     {
-                                      "content": "World Map",
                                       "variant": "h2",
+                                      "content": "World Map",
                                       "type": "typography"
                                     }
                                   ],
+                                  "gap": "md",
                                   "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md"
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "status": "online",
-                                  "type": "status-dot",
+                                  "label": "Exploring",
                                   "pulse": false,
-                                  "label": "Exploring"
+                                  "type": "status-dot"
                                 }
                               ],
                               "type": "stack"
@@ -1098,75 +1100,73 @@
                               "type": "divider"
                             },
                             {
-                              "type": "map-view",
-                              "markers": [],
                               "height": "200px",
-                              "zoom": 10.0
+                              "type": "map-view",
+                              "zoom": 10.0,
+                              "markers": []
                             },
                             {
-                              "fields": [],
                               "type": "data-grid",
-                              "itemActions": [
-                                {
-                                  "event": "TRAVEL",
-                                  "label": "Travel"
-                                }
-                              ],
+                              "entity": "@payload.data",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
+                                  "type": "stack",
                                   "children": [
                                     {
                                       "direction": "horizontal",
-                                      "type": "stack",
                                       "align": "center",
+                                      "justify": "between",
                                       "children": [
                                         {
-                                          "type": "stack",
-                                          "direction": "horizontal",
-                                          "gap": "sm",
-                                          "align": "center",
                                           "children": [
                                             {
                                               "type": "icon",
                                               "name": "map-pin"
                                             },
                                             {
+                                              "variant": "h4",
                                               "content": "@item.name",
-                                              "type": "typography",
-                                              "variant": "h4"
+                                              "type": "typography"
                                             }
-                                          ]
+                                          ],
+                                          "type": "stack",
+                                          "align": "center",
+                                          "direction": "horizontal",
+                                          "gap": "sm"
                                         },
                                         {
-                                          "label": "@item.description",
-                                          "type": "badge"
+                                          "type": "badge",
+                                          "label": "@item.description"
                                         }
                                       ],
-                                      "justify": "between"
+                                      "type": "stack"
                                     },
                                     {
+                                      "variant": "caption",
                                       "content": "@item.level",
-                                      "type": "typography",
-                                      "variant": "caption"
+                                      "type": "typography"
                                     }
                                   ],
                                   "direction": "vertical",
-                                  "type": "stack",
                                   "gap": "sm"
                                 }
                               ],
-                              "entity": "@payload.data"
+                              "itemActions": [
+                                {
+                                  "event": "TRAVEL",
+                                  "label": "Travel"
+                                }
+                              ],
+                              "fields": []
                             }
                           ],
+                          "direction": "vertical",
                           "type": "stack",
-                          "direction": "vertical"
+                          "gap": "lg"
                         }
-                      ],
-                      "showTopBar": true,
-                      "appName": "RPG Game",
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]
@@ -1180,16 +1180,12 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
                       "className": "py-12",
-                      "type": "stack",
-                      "gap": "md",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "name": "alert-triangle",
                           "color": "destructive",
-                          "type": "icon"
+                          "type": "icon",
+                          "name": "alert-triangle"
                         },
                         {
                           "variant": "h3",
@@ -1197,19 +1193,23 @@
                           "type": "typography"
                         },
                         {
-                          "type": "typography",
-                          "color": "muted",
                           "variant": "body",
-                          "content": "@payload.error"
+                          "type": "typography",
+                          "content": "@payload.error",
+                          "color": "muted"
                         },
                         {
                           "type": "button",
-                          "label": "Retry",
-                          "icon": "rotate-ccw",
+                          "action": "INIT",
                           "variant": "primary",
-                          "action": "INIT"
+                          "icon": "rotate-ccw",
+                          "label": "Retry"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1228,36 +1228,36 @@
                       "appName": "RPG Game",
                       "children": [
                         {
+                          "gap": "lg",
                           "type": "stack",
-                          "direction": "vertical",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "loader"
+                                  "name": "loader",
+                                  "type": "icon"
                                 },
                                 {
-                                  "content": "Traveling...",
+                                  "variant": "h2",
                                   "type": "typography",
-                                  "variant": "h2"
+                                  "content": "Traveling..."
                                 }
                               ],
+                              "type": "stack",
                               "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "variant": "body",
+                              "content": "Traveling to the destination worldzone.",
                               "type": "typography",
-                              "content": "Traveling to the destination worldzone."
+                              "variant": "body"
                             }
                           ],
-                          "align": "center",
-                          "gap": "lg"
+                          "direction": "vertical"
                         }
                       ]
                     }
@@ -1455,8 +1455,8 @@
                     "RpgItem",
                     {
                       "emit": {
-                        "success": "RpgItemLoaded",
-                        "failure": "RpgItemLoadFailed"
+                        "failure": "RpgItemLoadFailed",
+                        "success": "RpgItemLoaded"
                       }
                     }
                   ],
@@ -1464,8 +1464,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "gap": "md",
                       "className": "py-12",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
@@ -1477,9 +1478,8 @@
                           "variant": "caption"
                         }
                       ],
-                      "gap": "md",
-                      "align": "center",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1493,21 +1493,21 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
                       "appName": "RPG Game",
                       "children": [
                         {
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "type": "stack",
+                          "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
-                              "type": "stack",
+                              "gap": "md",
                               "align": "center",
+                              "type": "stack",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "direction": "horizontal",
-                                  "align": "center",
-                                  "gap": "sm",
-                                  "type": "stack",
                                   "children": [
                                     {
                                       "type": "icon",
@@ -1515,89 +1515,89 @@
                                     },
                                     {
                                       "variant": "h2",
-                                      "content": "Inventory",
-                                      "type": "typography"
+                                      "type": "typography",
+                                      "content": "Inventory"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "gap": "sm",
+                                  "direction": "horizontal",
+                                  "align": "center"
                                 },
                                 {
-                                  "direction": "horizontal",
-                                  "type": "stack",
                                   "children": [
                                     {
-                                      "type": "button",
-                                      "label": "Add RpgItem",
                                       "action": "ADD_ITEM",
-                                      "variant": "primary",
-                                      "icon": "plus"
+                                      "label": "Add RpgItem",
+                                      "icon": "plus",
+                                      "type": "button",
+                                      "variant": "primary"
                                     }
                                   ],
-                                  "gap": "sm"
+                                  "gap": "sm",
+                                  "type": "stack",
+                                  "direction": "horizontal"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "gap": "md",
                               "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "itemActions": [
+                                {
+                                  "label": "Use",
+                                  "variant": "ghost",
+                                  "event": "USE_ITEM"
+                                },
+                                {
+                                  "label": "Drop",
+                                  "event": "DROP",
+                                  "variant": "danger"
+                                }
+                              ],
+                              "fields": [],
                               "columns": [
                                 {
-                                  "label": "Name",
                                   "name": "name",
-                                  "icon": "briefcase",
-                                  "variant": "h4"
+                                  "label": "Name",
+                                  "variant": "h4",
+                                  "icon": "briefcase"
                                 },
                                 {
+                                  "name": "type",
+                                  "label": "Type",
                                   "colorMap": {
-                                    "cancelled": "destructive",
-                                    "scheduled": "warning",
                                     "active": "success",
-                                    "disabled": "neutral",
-                                    "done": "success",
-                                    "error": "destructive",
-                                    "completed": "success",
-                                    "pending": "warning",
+                                    "archived": "neutral",
                                     "draft": "warning",
                                     "inactive": "neutral",
-                                    "archived": "neutral",
-                                    "failed": "destructive"
+                                    "error": "destructive",
+                                    "scheduled": "warning",
+                                    "done": "success",
+                                    "completed": "success",
+                                    "disabled": "neutral",
+                                    "cancelled": "destructive",
+                                    "failed": "destructive",
+                                    "pending": "warning"
                                   },
-                                  "label": "Type",
-                                  "name": "type",
                                   "variant": "badge"
                                 },
                                 {
-                                  "name": "quantity",
                                   "label": "Quantity",
+                                  "name": "quantity",
                                   "variant": "caption"
                                 }
                               ],
-                              "type": "data-grid",
-                              "fields": [],
                               "entity": "@payload.data",
-                              "itemActions": [
-                                {
-                                  "label": "Use",
-                                  "event": "USE_ITEM",
-                                  "variant": "ghost"
-                                },
-                                {
-                                  "label": "Drop",
-                                  "variant": "danger",
-                                  "event": "DROP"
-                                }
-                              ]
+                              "type": "data-grid"
                             }
-                          ],
-                          "type": "stack",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "direction": "vertical",
-                          "gap": "lg"
+                          ]
                         }
-                      ]
+                      ],
+                      "type": "game-shell",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -1611,16 +1611,11 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "align": "center",
-                      "type": "stack",
-                      "className": "py-12",
-                      "gap": "md",
                       "children": [
                         {
+                          "color": "destructive",
                           "name": "alert-triangle",
-                          "type": "icon",
-                          "color": "destructive"
+                          "type": "icon"
                         },
                         {
                           "variant": "h3",
@@ -1629,18 +1624,23 @@
                         },
                         {
                           "variant": "body",
-                          "content": "@payload.error",
                           "color": "muted",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "@payload.error"
                         },
                         {
+                          "label": "Retry",
                           "action": "INIT",
                           "type": "button",
-                          "label": "Retry",
                           "variant": "primary",
                           "icon": "rotate-ccw"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "type": "stack",
+                      "align": "center",
+                      "gap": "md",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -1816,8 +1816,8 @@
                     "RpgItem",
                     {
                       "emit": {
-                        "success": "RpgItemLoaded",
-                        "failure": "RpgItemLoadFailed"
+                        "failure": "RpgItemLoadFailed",
+                        "success": "RpgItemLoaded"
                       }
                     }
                   ],
@@ -1825,13 +1825,12 @@
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
                       "gap": "md",
+                      "type": "stack",
                       "direction": "vertical",
                       "children": [
                         {
                           "direction": "horizontal",
-                          "gap": "sm",
                           "children": [
                             {
                               "name": "plus-circle",
@@ -1839,26 +1838,27 @@
                             },
                             {
                               "type": "typography",
-                              "content": "Add RpgItem",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "content": "Add RpgItem"
                             }
                           ],
-                          "type": "stack"
+                          "type": "stack",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "submitEvent": "SAVE",
                           "cancelEvent": "CLOSE",
+                          "submitEvent": "SAVE",
+                          "mode": "create",
                           "type": "form-section",
                           "fields": [
                             "name",
                             "type",
                             "quantity",
                             "rarity"
-                          ],
-                          "mode": "create"
+                          ]
                         }
                       ]
                     }
@@ -2102,8 +2102,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "success": "RpgItemLoaded",
-                        "failure": "RpgItemLoadFailed"
+                        "failure": "RpgItemLoadFailed",
+                        "success": "RpgItemLoaded"
                       }
                     }
                   ],
@@ -2111,58 +2111,58 @@
                     "render-ui",
                     "modal",
                     {
+                      "type": "stack",
                       "direction": "vertical",
+                      "gap": "md",
                       "align": "center",
                       "children": [
                         {
-                          "type": "stack",
-                          "align": "center",
+                          "gap": "sm",
                           "direction": "horizontal",
                           "children": [
                             {
-                              "name": "zap",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "zap"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
+                              "variant": "h3",
                               "content": "Use RpgItem"
                             }
                           ],
-                          "gap": "sm"
+                          "type": "stack",
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "body",
                           "content": "@entity.name",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "body"
                         },
                         {
+                          "type": "stack",
+                          "gap": "sm",
                           "direction": "horizontal",
+                          "justify": "center",
                           "children": [
                             {
-                              "type": "button",
-                              "action": "CLOSE",
                               "variant": "ghost",
-                              "label": "Cancel"
+                              "action": "CLOSE",
+                              "label": "Cancel",
+                              "type": "button"
                             },
                             {
+                              "label": "Confirm Use",
                               "type": "button",
-                              "action": "SAVE",
-                              "variant": "primary",
                               "icon": "check",
-                              "label": "Confirm Use"
+                              "variant": "primary",
+                              "action": "SAVE"
                             }
-                          ],
-                          "gap": "sm",
-                          "justify": "center",
-                          "type": "stack"
+                          ]
                         }
-                      ],
-                      "type": "stack",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -2401,19 +2401,17 @@
                     "fetch",
                     "RpgItem",
                     {
-                      "id": "@payload.id",
                       "emit": {
-                        "failure": "RpgItemLoadFailed",
-                        "success": "RpgItemLoaded"
-                      }
+                        "success": "RpgItemLoaded",
+                        "failure": "RpgItemLoadFailed"
+                      },
+                      "id": "@payload.id"
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "md",
                       "children": [
                         {
@@ -2428,8 +2426,8 @@
                             },
                             {
                               "content": "Drop RpgItem",
-                              "variant": "h3",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "h3"
                             }
                           ]
                         },
@@ -2437,32 +2435,34 @@
                           "type": "divider"
                         },
                         {
+                          "message": "Are you sure you want to drop this rpgitem?",
                           "type": "alert",
-                          "variant": "error",
-                          "message": "Are you sure you want to drop this rpgitem?"
+                          "variant": "error"
                         },
                         {
-                          "justify": "end",
                           "children": [
                             {
-                              "variant": "ghost",
                               "action": "CANCEL",
+                              "type": "button",
                               "label": "Cancel",
-                              "type": "button"
+                              "variant": "ghost"
                             },
                             {
+                              "variant": "danger",
                               "icon": "check",
                               "type": "button",
-                              "variant": "danger",
-                              "label": "Drop",
-                              "action": "CONFIRM_DROP"
+                              "action": "CONFIRM_DROP",
+                              "label": "Drop"
                             }
                           ],
-                          "gap": "sm",
+                          "justify": "end",
                           "type": "stack",
-                          "direction": "horizontal"
+                          "direction": "horizontal",
+                          "gap": "sm"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2795,8 +2795,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "failure": "MissionLoadFailed",
-                        "success": "MissionLoaded"
+                        "success": "MissionLoaded",
+                        "failure": "MissionLoadFailed"
                       }
                     }
                   ],
@@ -2804,22 +2804,22 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Loading missions…",
-                          "color": "muted",
                           "variant": "caption",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "Loading missions…",
+                          "color": "muted"
                         }
                       ],
-                      "direction": "vertical",
+                      "type": "stack",
+                      "align": "center",
                       "gap": "md",
-                      "type": "stack"
+                      "direction": "vertical",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -2833,21 +2833,14 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
                       "children": [
                         {
                           "gap": "lg",
-                          "direction": "vertical",
-                          "type": "stack",
                           "children": [
                             {
-                              "justify": "between",
-                              "gap": "md",
-                              "direction": "horizontal",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "stack",
                                   "direction": "horizontal",
                                   "gap": "md",
                                   "children": [
@@ -2856,50 +2849,49 @@
                                       "type": "icon"
                                     },
                                     {
+                                      "type": "typography",
                                       "content": "Missions Board",
-                                      "variant": "h2",
-                                      "type": "typography"
+                                      "variant": "h2"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack"
                                 }
                               ],
-                              "type": "stack"
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
                               "entity": "@payload.data",
-                              "itemActions": [
-                                {
-                                  "label": "Accept",
-                                  "event": "ACCEPT"
-                                }
-                              ],
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
                                   "type": "stack",
+                                  "direction": "vertical",
                                   "children": [
                                     {
+                                      "type": "stack",
                                       "children": [
                                         {
-                                          "direction": "horizontal",
                                           "type": "stack",
                                           "gap": "sm",
+                                          "align": "center",
+                                          "direction": "horizontal",
                                           "children": [
                                             {
                                               "type": "icon",
                                               "name": "flag"
                                             },
                                             {
-                                              "variant": "h4",
+                                              "type": "typography",
                                               "content": "@item.title",
-                                              "type": "typography"
+                                              "variant": "h4"
                                             }
-                                          ],
-                                          "align": "center"
+                                          ]
                                         },
                                         {
                                           "label": "@item.description",
@@ -2907,9 +2899,8 @@
                                         }
                                       ],
                                       "justify": "between",
-                                      "direction": "horizontal",
                                       "align": "center",
-                                      "type": "stack"
+                                      "direction": "horizontal"
                                     },
                                     {
                                       "type": "typography",
@@ -2917,18 +2908,27 @@
                                       "content": "@item.status"
                                     }
                                   ],
-                                  "direction": "vertical",
                                   "gap": "sm"
                                 }
                               ],
-                              "type": "data-list",
+                              "fields": [],
                               "groupBy": "status",
-                              "fields": []
+                              "type": "data-list",
+                              "itemActions": [
+                                {
+                                  "label": "Accept",
+                                  "event": "ACCEPT"
+                                }
+                              ]
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "vertical"
                         }
                       ],
-                      "appName": "RPG Game"
+                      "type": "game-shell",
+                      "appName": "RPG Game",
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -2942,36 +2942,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "direction": "vertical",
                       "gap": "md",
                       "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
-                          "color": "destructive",
                           "type": "icon",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "color": "destructive"
                         },
                         {
-                          "variant": "h3",
+                          "type": "typography",
                           "content": "Failed to load missions",
-                          "type": "typography"
+                          "variant": "h3"
                         },
                         {
                           "variant": "body",
-                          "color": "muted",
                           "type": "typography",
+                          "color": "muted",
                           "content": "@payload.error"
                         },
                         {
                           "icon": "rotate-ccw",
-                          "variant": "primary",
                           "label": "Retry",
                           "action": "INIT",
-                          "type": "button"
+                          "type": "button",
+                          "variant": "primary"
                         }
                       ],
-                      "className": "py-12",
-                      "direction": "vertical"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2985,15 +2985,19 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
+                      "appName": "RPG Game",
                       "type": "game-shell",
+                      "showTopBar": true,
                       "children": [
                         {
+                          "gap": "lg",
+                          "direction": "vertical",
+                          "align": "center",
                           "children": [
                             {
-                              "variant": "h2",
+                              "type": "typography",
                               "content": "Quest Active",
-                              "type": "typography"
+                              "variant": "h2"
                             },
                             {
                               "type": "progress-bar",
@@ -3001,38 +3005,34 @@
                               "showPercentage": true
                             },
                             {
+                              "direction": "horizontal",
+                              "type": "stack",
                               "gap": "sm",
                               "children": [
                                 {
-                                  "label": "Progress",
                                   "type": "button",
+                                  "action": "PROGRESS",
                                   "variant": "primary",
-                                  "action": "PROGRESS"
+                                  "label": "Progress"
                                 },
                                 {
-                                  "variant": "success",
                                   "label": "Complete",
-                                  "action": "COMPLETE",
-                                  "type": "button"
+                                  "type": "button",
+                                  "variant": "success",
+                                  "action": "COMPLETE"
                                 },
                                 {
-                                  "type": "button",
-                                  "variant": "danger",
+                                  "label": "Fail",
                                   "action": "FAIL",
-                                  "label": "Fail"
+                                  "variant": "danger",
+                                  "type": "button"
                                 }
-                              ],
-                              "direction": "horizontal",
-                              "type": "stack"
+                              ]
                             }
                           ],
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "align": "center"
+                          "type": "stack"
                         }
-                      ],
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -3046,43 +3046,43 @@
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
-                      "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
-                          "gap": "sm",
-                          "type": "stack",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "trending-up"
+                              "name": "trending-up",
+                              "type": "icon"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
-                              "content": "Update Progress"
+                              "content": "Update Progress",
+                              "variant": "h3"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "mode": "edit",
-                          "cancelEvent": "CANCEL",
-                          "submitEvent": "SAVE",
-                          "type": "form-section",
                           "fields": [
                             "title",
                             "description",
                             "status",
                             "reward"
                           ],
-                          "entity": "@entity"
+                          "type": "form-section",
+                          "mode": "edit",
+                          "entity": "@entity",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CANCEL"
                         }
                       ],
-                      "type": "stack"
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -3096,12 +3096,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
-                      "showTopBar": true,
-                      "appName": "RPG Game",
                       "children": [
                         {
-                          "direction": "vertical",
+                          "align": "center",
                           "gap": "lg",
                           "type": "stack",
                           "children": [
@@ -3111,25 +3108,28 @@
                             },
                             {
                               "variant": "h2",
-                              "type": "typography",
-                              "content": "Quest Complete"
+                              "content": "Quest Complete",
+                              "type": "typography"
                             },
                             {
-                              "message": "Congratulations! The quest has been completed.",
                               "type": "alert",
-                              "variant": "success"
+                              "variant": "success",
+                              "message": "Congratulations! The quest has been completed."
                             },
                             {
+                              "label": "View Quests",
                               "type": "button",
-                              "variant": "primary",
-                              "icon": "arrow-left",
                               "action": "RESET",
-                              "label": "View Quests"
+                              "icon": "arrow-left",
+                              "variant": "primary"
                             }
                           ],
-                          "align": "center"
+                          "direction": "vertical"
                         }
-                      ]
+                      ],
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -3143,10 +3143,12 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "game-shell",
+                      "appName": "RPG Game",
+                      "showTopBar": true,
                       "children": [
                         {
                           "align": "center",
-                          "direction": "vertical",
                           "children": [
                             {
                               "type": "icon",
@@ -3154,29 +3156,27 @@
                             },
                             {
                               "type": "typography",
-                              "content": "Quest Failed",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "Quest Failed"
                             },
                             {
-                              "variant": "error",
+                              "message": "The quest was not completed. You can try again.",
                               "type": "alert",
-                              "message": "The quest was not completed. You can try again."
+                              "variant": "error"
                             },
                             {
-                              "action": "RESET",
                               "type": "button",
-                              "variant": "primary",
                               "icon": "arrow-left",
+                              "action": "RESET",
+                              "variant": "primary",
                               "label": "View Quests"
                             }
                           ],
+                          "direction": "vertical",
                           "type": "stack",
                           "gap": "lg"
                         }
-                      ],
-                      "appName": "RPG Game",
-                      "type": "game-shell",
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -3314,8 +3314,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "failure": "MissionLoadFailed",
-                        "success": "MissionLoaded"
+                        "success": "MissionLoaded",
+                        "failure": "MissionLoadFailed"
                       }
                     }
                   ],