@almadar/std 8.2.0 → 8.4.0

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

@@ -381,23 +381,23 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "RPG Game",
                       "showTopBar": true,
                       "type": "game-shell",
                       "children": [
                         {
-                          "subtitle": "Turn-Based Strategy",
                           "title": "Battle Arena",
+                          "type": "game-menu",
                           "menuItems": [
                             {
                               "event": "START",
-                              "label": "Start Battle",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "label": "Start Battle"
                             }
                           ],
-                          "type": "game-menu"
+                          "subtitle": "Turn-Based Strategy"
                         }
-                      ],
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -411,14 +411,15 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
                       "appName": "RPG Game",
+                      "showTopBar": true,
+                      "type": "game-shell",
                       "children": [
                         {
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turn"
+                              "label": "Turn",
+                              "value": "@entity.turn"
                             },
                             {
                               "value": "@entity.score",
@@ -427,8 +428,7 @@
                           ],
                           "type": "game-hud"
                         }
-                      ],
-                      "type": "game-shell"
+                      ]
                     }
                   ]
                 ]
@@ -457,13 +457,15 @@
                     "main",
                     {
                       "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
                           "type": "game-hud",
                           "stats": [
                             {
-                              "label": "Turn",
-                              "value": "@entity.turn"
+                              "value": "@entity.turn",
+                              "label": "Turn"
                             },
                             {
                               "value": "@entity.score",
@@ -471,9 +473,7 @@
                             }
                           ]
                         }
-                      ],
-                      "type": "game-shell",
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -487,12 +487,12 @@
                     "render-ui",
                     "modal",
                     {
-                      "title": "Paused",
+                      "type": "game-menu",
                       "menuItems": [
                         {
-                          "label": "Resume",
+                          "event": "RESUME",
                           "variant": "primary",
-                          "event": "RESUME"
+                          "label": "Resume"
                         },
                         {
                           "label": "Quit",
@@ -500,7 +500,7 @@
                           "variant": "ghost"
                         }
                       ],
-                      "type": "game-menu"
+                      "title": "Paused"
                     }
                   ]
                 ]
@@ -514,19 +514,22 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "appName": "RPG Game",
+                      "type": "game-shell",
                       "children": [
                         {
+                          "title": "Battle Over",
                           "stats": [
                             {
-                              "value": "@entity.turn",
-                              "label": "Turns"
+                              "label": "Turns",
+                              "value": "@entity.turn"
                             },
                             {
-                              "label": "Score",
-                              "value": "@entity.score"
+                              "value": "@entity.score",
+                              "label": "Score"
                             }
                           ],
-                          "title": "Battle Over",
                           "type": "game-over-screen",
                           "menuItems": [
                             {
@@ -536,15 +539,12 @@
                             },
                             {
                               "event": "RESTART",
-                              "label": "Main Menu",
-                              "variant": "secondary"
+                              "variant": "secondary",
+                              "label": "Main Menu"
                             }
                           ]
                         }
-                      ],
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -569,23 +569,23 @@
                     "main",
                     {
                       "type": "game-shell",
-                      "appName": "RPG Game",
-                      "showTopBar": true,
                       "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,10 +604,10 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "appName": "RPG Game",
+                      "type": "game-shell",
                       "children": [
                         {
+                          "type": "game-hud",
                           "stats": [
                             {
                               "label": "Turn",
@@ -617,11 +617,11 @@
                               "label": "Score",
                               "value": "@entity.score"
                             }
-                          ],
-                          "type": "game-hud"
+                          ]
                         }
                       ],
-                      "type": "game-shell"
+                      "showTopBar": true,
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -640,23 +640,23 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "game-menu",
                           "title": "Battle Arena",
-                          "subtitle": "Turn-Based Strategy",
                           "menuItems": [
                             {
+                              "label": "Start Battle",
                               "event": "START",
-                              "variant": "primary",
-                              "label": "Start Battle"
+                              "variant": "primary"
                             }
-                          ]
+                          ],
+                          "subtitle": "Turn-Based Strategy",
+                          "type": "game-menu"
                         }
                       ],
-                      "appName": "RPG Game",
                       "type": "game-shell",
-                      "showTopBar": true
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -670,23 +670,23 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "appName": "RPG Game",
-                      "type": "game-shell",
                       "children": [
                         {
                           "type": "game-menu",
                           "title": "Battle Arena",
                           "menuItems": [
                             {
-                              "label": "Start Battle",
                               "variant": "primary",
+                              "label": "Start Battle",
                               "event": "START"
                             }
                           ],
                           "subtitle": "Turn-Based Strategy"
                         }
-                      ]
+                      ],
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -790,8 +790,8 @@
                     "BattleState",
                     {
                       "emit": {
-                        "success": "BattleStateLoaded",
-                        "failure": "BattleStateLoadFailed"
+                        "failure": "BattleStateLoadFailed",
+                        "success": "BattleStateLoaded"
                       }
                     }
                   ]
@@ -806,19 +806,19 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
-                          "autoScroll": true,
-                          "title": "Combat Log",
-                          "events": "@BattleState",
                           "showTimestamps": true,
+                          "title": "Combat Log",
+                          "type": "combat-log",
+                          "autoScroll": true,
                           "maxVisible": 10.0,
-                          "type": "combat-log"
+                          "events": "@BattleState"
                         }
-                      ],
-                      "appName": "RPG Game",
-                      "type": "game-shell",
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -832,19 +832,19 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "appName": "RPG Game",
                       "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
-                          "title": "Combat Log",
-                          "type": "combat-log",
-                          "events": "@BattleState",
                           "maxVisible": 10.0,
+                          "title": "Combat Log",
                           "autoScroll": true,
-                          "showTimestamps": true
+                          "type": "combat-log",
+                          "showTimestamps": true,
+                          "events": "@BattleState"
                         }
-                      ]
+                      ],
+                      "showTopBar": true
                     }
                   ]
                 ]
@@ -1022,8 +1022,8 @@
                     "WorldZone",
                     {
                       "emit": {
-                        "success": "WorldZoneLoaded",
-                        "failure": "WorldZoneLoadFailed"
+                        "failure": "WorldZoneLoadFailed",
+                        "success": "WorldZoneLoaded"
                       }
                     }
                   ],
@@ -1032,21 +1032,21 @@
                     "main",
                     {
                       "className": "py-12",
-                      "type": "stack",
-                      "align": "center",
-                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Loading map…",
                           "variant": "caption",
+                          "content": "Loading map…",
                           "color": "muted",
                           "type": "typography"
                         }
                       ],
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1060,17 +1060,18 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
-                          "gap": "lg",
-                          "type": "stack",
-                          "direction": "vertical",
                           "children": [
                             {
+                              "direction": "horizontal",
+                              "justify": "between",
+                              "gap": "md",
                               "children": [
                                 {
-                                  "gap": "md",
-                                  "type": "stack",
                                   "children": [
                                     {
                                       "type": "icon",
@@ -1082,44 +1083,47 @@
                                       "type": "typography"
                                     }
                                   ],
+                                  "gap": "md",
+                                  "type": "stack",
                                   "direction": "horizontal"
                                 },
                                 {
-                                  "type": "status-dot",
                                   "status": "online",
+                                  "label": "Exploring",
                                   "pulse": false,
-                                  "label": "Exploring"
+                                  "type": "status-dot"
                                 }
                               ],
-                              "justify": "between",
-                              "type": "stack",
-                              "gap": "md",
-                              "direction": "horizontal"
+                              "type": "stack"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "markers": [],
+                              "height": "200px",
                               "type": "map-view",
                               "zoom": 10.0,
-                              "height": "200px"
+                              "markers": []
                             },
                             {
                               "type": "data-grid",
+                              "entity": "@payload.data",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
+                                  "type": "stack",
                                   "children": [
                                     {
                                       "direction": "horizontal",
+                                      "align": "center",
+                                      "justify": "between",
                                       "children": [
                                         {
                                           "children": [
                                             {
-                                              "name": "map-pin",
-                                              "type": "icon"
+                                              "type": "icon",
+                                              "name": "map-pin"
                                             },
                                             {
                                               "variant": "h4",
@@ -1127,46 +1131,42 @@
                                               "type": "typography"
                                             }
                                           ],
-                                          "align": "center",
-                                          "gap": "sm",
                                           "type": "stack",
-                                          "direction": "horizontal"
+                                          "align": "center",
+                                          "direction": "horizontal",
+                                          "gap": "sm"
                                         },
                                         {
-                                          "label": "@item.description",
-                                          "type": "badge"
+                                          "type": "badge",
+                                          "label": "@item.description"
                                         }
                                       ],
-                                      "type": "stack",
-                                      "justify": "between",
-                                      "align": "center"
+                                      "type": "stack"
                                     },
                                     {
-                                      "type": "typography",
+                                      "variant": "caption",
                                       "content": "@item.level",
-                                      "variant": "caption"
+                                      "type": "typography"
                                     }
                                   ],
-                                  "type": "stack",
                                   "direction": "vertical",
                                   "gap": "sm"
                                 }
                               ],
                               "itemActions": [
                                 {
-                                  "label": "Travel",
-                                  "event": "TRAVEL"
+                                  "event": "TRAVEL",
+                                  "label": "Travel"
                                 }
                               ],
-                              "entity": "@payload.data",
                               "fields": []
                             }
-                          ]
+                          ],
+                          "direction": "vertical",
+                          "type": "stack",
+                          "gap": "lg"
                         }
-                      ],
-                      "appName": "RPG Game",
-                      "type": "game-shell",
-                      "showTopBar": true
+                      ]
                     }
                   ]
                 ]
@@ -1180,36 +1180,36 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
                           "color": "destructive",
-                          "name": "alert-triangle",
-                          "type": "icon"
+                          "type": "icon",
+                          "name": "alert-triangle"
                         },
                         {
+                          "variant": "h3",
                           "content": "Failed to load map",
-                          "type": "typography",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
-                          "color": "muted",
                           "variant": "body",
+                          "type": "typography",
                           "content": "@payload.error",
-                          "type": "typography"
+                          "color": "muted"
                         },
                         {
                           "type": "button",
-                          "variant": "primary",
                           "action": "INIT",
-                          "label": "Retry",
-                          "icon": "rotate-ccw"
+                          "variant": "primary",
+                          "icon": "rotate-ccw",
+                          "label": "Retry"
                         }
                       ],
-                      "className": "py-12",
-                      "type": "stack",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1223,43 +1223,43 @@
                     "render-ui",
                     "main",
                     {
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
                           "gap": "lg",
                           "type": "stack",
-                          "direction": "vertical",
                           "align": "center",
                           "children": [
                             {
-                              "gap": "md",
                               "direction": "horizontal",
-                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "loader"
+                                  "name": "loader",
+                                  "type": "icon"
                                 },
                                 {
                                   "variant": "h2",
-                                  "content": "Traveling...",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "content": "Traveling..."
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "content": "Traveling to the destination worldzone.",
                               "type": "typography",
-                              "variant": "body",
-                              "content": "Traveling to the destination worldzone."
+                              "variant": "body"
                             }
-                          ]
+                          ],
+                          "direction": "vertical"
                         }
-                      ],
-                      "type": "game-shell",
-                      "showTopBar": true,
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -1455,8 +1455,8 @@
                     "RpgItem",
                     {
                       "emit": {
-                        "success": "RpgItemLoaded",
-                        "failure": "RpgItemLoadFailed"
+                        "failure": "RpgItemLoadFailed",
+                        "success": "RpgItemLoaded"
                       }
                     }
                   ],
@@ -1464,22 +1464,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "className": "py-12",
                       "type": "stack",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
-                          "content": "Loading…"
+                          "content": "Loading…",
+                          "type": "typography",
+                          "variant": "caption"
                         }
                       ],
-                      "gap": "md",
                       "direction": "vertical",
-                      "className": "py-12"
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1493,110 +1493,110 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "game-shell",
+                      "appName": "RPG Game",
                       "children": [
                         {
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "type": "stack",
                           "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
-                              "justify": "between",
+                              "gap": "md",
+                              "align": "center",
+                              "type": "stack",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "direction": "horizontal",
-                                  "type": "stack",
-                                  "gap": "sm",
-                                  "align": "center",
                                   "children": [
                                     {
                                       "type": "icon",
                                       "name": "briefcase"
                                     },
                                     {
+                                      "variant": "h2",
                                       "type": "typography",
-                                      "content": "Inventory",
-                                      "variant": "h2"
+                                      "content": "Inventory"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "gap": "sm",
+                                  "direction": "horizontal",
+                                  "align": "center"
                                 },
                                 {
                                   "children": [
                                     {
-                                      "type": "button",
+                                      "action": "ADD_ITEM",
                                       "label": "Add RpgItem",
                                       "icon": "plus",
-                                      "variant": "primary",
-                                      "action": "ADD_ITEM"
+                                      "type": "button",
+                                      "variant": "primary"
                                     }
                                   ],
-                                  "direction": "horizontal",
                                   "gap": "sm",
-                                  "type": "stack"
+                                  "type": "stack",
+                                  "direction": "horizontal"
                                 }
                               ],
-                              "gap": "md",
-                              "type": "stack",
-                              "align": "center",
-                              "direction": "horizontal"
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "itemActions": [
+                                {
+                                  "label": "Use",
+                                  "variant": "ghost",
+                                  "event": "USE_ITEM"
+                                },
+                                {
+                                  "label": "Drop",
+                                  "event": "DROP",
+                                  "variant": "danger"
+                                }
+                              ],
+                              "fields": [],
                               "columns": [
                                 {
+                                  "name": "name",
                                   "label": "Name",
                                   "variant": "h4",
-                                  "name": "name",
                                   "icon": "briefcase"
                                 },
                                 {
-                                  "variant": "badge",
                                   "name": "type",
                                   "label": "Type",
                                   "colorMap": {
-                                    "done": "success",
-                                    "draft": "warning",
-                                    "disabled": "neutral",
                                     "active": "success",
                                     "archived": "neutral",
+                                    "draft": "warning",
+                                    "inactive": "neutral",
                                     "error": "destructive",
+                                    "scheduled": "warning",
+                                    "done": "success",
+                                    "completed": "success",
+                                    "disabled": "neutral",
                                     "cancelled": "destructive",
-                                    "pending": "warning",
-                                    "inactive": "neutral",
                                     "failed": "destructive",
-                                    "completed": "success",
-                                    "scheduled": "warning"
-                                  }
+                                    "pending": "warning"
+                                  },
+                                  "variant": "badge"
                                 },
                                 {
-                                  "variant": "caption",
                                   "label": "Quantity",
-                                  "name": "quantity"
-                                }
-                              ],
-                              "itemActions": [
-                                {
-                                  "label": "Use",
-                                  "event": "USE_ITEM",
-                                  "variant": "ghost"
-                                },
-                                {
-                                  "event": "DROP",
-                                  "label": "Drop",
-                                  "variant": "danger"
+                                  "name": "quantity",
+                                  "variant": "caption"
                                 }
                               ],
                               "entity": "@payload.data",
-                              "type": "data-grid",
-                              "fields": []
+                              "type": "data-grid"
                             }
-                          ],
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "type": "stack"
+                          ]
                         }
                       ],
-                      "appName": "RPG Game",
+                      "type": "game-shell",
                       "showTopBar": true
                     }
                   ]
@@ -1613,34 +1613,34 @@
                     {
                       "children": [
                         {
-                          "type": "icon",
                           "color": "destructive",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "type": "icon"
                         },
                         {
-                          "type": "typography",
                           "variant": "h3",
+                          "type": "typography",
                           "content": "Failed to load rpgitem"
                         },
                         {
-                          "content": "@payload.error",
                           "variant": "body",
+                          "color": "muted",
                           "type": "typography",
-                          "color": "muted"
+                          "content": "@payload.error"
                         },
                         {
-                          "icon": "rotate-ccw",
                           "label": "Retry",
-                          "variant": "primary",
+                          "action": "INIT",
                           "type": "button",
-                          "action": "INIT"
+                          "variant": "primary",
+                          "icon": "rotate-ccw"
                         }
                       ],
+                      "direction": "vertical",
+                      "type": "stack",
                       "align": "center",
                       "gap": "md",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "type": "stack"
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -1825,40 +1825,40 @@
                     "render-ui",
                     "modal",
                     {
+                      "gap": "md",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "plus-circle"
+                              "name": "plus-circle",
+                              "type": "icon"
                             },
                             {
-                              "content": "Add RpgItem",
+                              "type": "typography",
                               "variant": "h3",
-                              "type": "typography"
+                              "content": "Add RpgItem"
                             }
                           ],
-                          "gap": "sm",
-                          "direction": "horizontal"
+                          "type": "stack",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "cancelEvent": "CLOSE",
+                          "submitEvent": "SAVE",
+                          "mode": "create",
                           "type": "form-section",
                           "fields": [
                             "name",
                             "type",
                             "quantity",
                             "rarity"
-                          ],
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "mode": "create"
+                          ]
                         }
                       ]
                     }
@@ -1901,8 +1901,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "failure": "RpgItemSaveFailed",
-                        "success": "RpgItemSaved"
+                        "success": "RpgItemSaved",
+                        "failure": "RpgItemSaveFailed"
                       }
                     }
                   ],
@@ -2102,8 +2102,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "success": "RpgItemLoaded",
-                        "failure": "RpgItemLoadFailed"
+                        "failure": "RpgItemLoadFailed",
+                        "success": "RpgItemLoaded"
                       }
                     }
                   ],
@@ -2111,58 +2111,58 @@
                     "render-ui",
                     "modal",
                     {
-                      "align": "center",
+                      "type": "stack",
                       "direction": "vertical",
                       "gap": "md",
+                      "align": "center",
                       "children": [
                         {
+                          "gap": "sm",
                           "direction": "horizontal",
                           "children": [
                             {
-                              "name": "zap",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "zap"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
+                              "variant": "h3",
                               "content": "Use RpgItem"
                             }
                           ],
                           "type": "stack",
-                          "gap": "sm",
                           "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "body",
                           "content": "@entity.name",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "body"
                         },
                         {
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "type": "stack",
+                          "gap": "sm",
+                          "direction": "horizontal",
                           "justify": "center",
                           "children": [
                             {
+                              "variant": "ghost",
                               "action": "CLOSE",
                               "label": "Cancel",
-                              "type": "button",
-                              "variant": "ghost"
+                              "type": "button"
                             },
                             {
-                              "action": "SAVE",
-                              "variant": "primary",
-                              "icon": "check",
+                              "label": "Confirm Use",
                               "type": "button",
-                              "label": "Confirm Use"
+                              "icon": "check",
+                              "variant": "primary",
+                              "action": "SAVE"
                             }
                           ]
                         }
-                      ],
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -2203,8 +2203,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "failure": "RpgItemUpdateFailed",
-                        "success": "RpgItemUpdated"
+                        "success": "RpgItemUpdated",
+                        "failure": "RpgItemUpdateFailed"
                       }
                     }
                   ],
@@ -2412,10 +2412,13 @@
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
+                      "gap": "md",
                       "children": [
                         {
+                          "gap": "sm",
+                          "type": "stack",
                           "align": "center",
+                          "direction": "horizontal",
                           "children": [
                             {
                               "name": "alert-triangle",
@@ -2426,42 +2429,39 @@
                               "type": "typography",
                               "variant": "h3"
                             }
-                          ],
-                          "gap": "sm",
-                          "direction": "horizontal",
-                          "type": "stack"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "error",
+                          "message": "Are you sure you want to drop this rpgitem?",
                           "type": "alert",
-                          "message": "Are you sure you want to drop this rpgitem?"
+                          "variant": "error"
                         },
                         {
-                          "type": "stack",
                           "children": [
                             {
-                              "variant": "ghost",
-                              "label": "Cancel",
                               "action": "CANCEL",
-                              "type": "button"
+                              "type": "button",
+                              "label": "Cancel",
+                              "variant": "ghost"
                             },
                             {
+                              "variant": "danger",
                               "icon": "check",
                               "type": "button",
-                              "variant": "danger",
                               "action": "CONFIRM_DROP",
                               "label": "Drop"
                             }
                           ],
                           "justify": "end",
-                          "gap": "sm",
-                          "direction": "horizontal"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         }
                       ],
-                      "gap": "md",
+                      "direction": "vertical",
                       "type": "stack"
                     }
                   ]
@@ -2795,8 +2795,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "failure": "MissionLoadFailed",
-                        "success": "MissionLoaded"
+                        "success": "MissionLoaded",
+                        "failure": "MissionLoadFailed"
                       }
                     }
                   ],
@@ -2804,9 +2804,6 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "gap": "md",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
@@ -2814,12 +2811,15 @@
                         {
                           "variant": "caption",
                           "type": "typography",
-                          "color": "muted",
-                          "content": "Loading missions…"
+                          "content": "Loading missions…",
+                          "color": "muted"
                         }
                       ],
                       "type": "stack",
-                      "direction": "vertical"
+                      "align": "center",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -2833,19 +2833,16 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "RPG Game",
                       "children": [
                         {
-                          "direction": "vertical",
-                          "type": "stack",
+                          "gap": "lg",
                           "children": [
                             {
-                              "gap": "md",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "gap": "md",
                                   "direction": "horizontal",
-                                  "type": "stack",
+                                  "gap": "md",
                                   "children": [
                                     {
                                       "name": "flag",
@@ -2853,81 +2850,84 @@
                                     },
                                     {
                                       "type": "typography",
-                                      "variant": "h2",
-                                      "content": "Missions Board"
+                                      "content": "Missions Board",
+                                      "variant": "h2"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack"
                                 }
                               ],
-                              "justify": "between",
                               "direction": "horizontal",
-                              "type": "stack"
+                              "gap": "md",
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "itemActions": [
-                                {
-                                  "label": "Accept",
-                                  "event": "ACCEPT"
-                                }
-                              ],
+                              "entity": "@payload.data",
                               "renderItem": [
                                 "fn",
                                 "item",
                                 {
-                                  "gap": "sm",
+                                  "type": "stack",
+                                  "direction": "vertical",
                                   "children": [
                                     {
-                                      "direction": "horizontal",
-                                      "align": "center",
+                                      "type": "stack",
                                       "children": [
                                         {
                                           "type": "stack",
+                                          "gap": "sm",
+                                          "align": "center",
                                           "direction": "horizontal",
                                           "children": [
                                             {
-                                              "name": "flag",
-                                              "type": "icon"
+                                              "type": "icon",
+                                              "name": "flag"
                                             },
                                             {
-                                              "content": "@item.title",
                                               "type": "typography",
+                                              "content": "@item.title",
                                               "variant": "h4"
                                             }
-                                          ],
-                                          "align": "center",
-                                          "gap": "sm"
+                                          ]
                                         },
                                         {
                                           "label": "@item.description",
                                           "type": "badge"
                                         }
                                       ],
-                                      "type": "stack",
-                                      "justify": "between"
+                                      "justify": "between",
+                                      "align": "center",
+                                      "direction": "horizontal"
                                     },
                                     {
-                                      "variant": "caption",
                                       "type": "typography",
+                                      "variant": "caption",
                                       "content": "@item.status"
                                     }
                                   ],
-                                  "type": "stack",
-                                  "direction": "vertical"
+                                  "gap": "sm"
                                 }
                               ],
-                              "type": "data-list",
                               "fields": [],
                               "groupBy": "status",
-                              "entity": "@payload.data"
+                              "type": "data-list",
+                              "itemActions": [
+                                {
+                                  "label": "Accept",
+                                  "event": "ACCEPT"
+                                }
+                              ]
                             }
                           ],
-                          "gap": "lg"
+                          "type": "stack",
+                          "direction": "vertical"
                         }
                       ],
                       "type": "game-shell",
+                      "appName": "RPG Game",
                       "showTopBar": true
                     }
                   ]
@@ -2942,36 +2942,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "py-12",
+                      "direction": "vertical",
+                      "gap": "md",
                       "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
+                          "type": "icon",
                           "name": "alert-triangle",
-                          "color": "destructive",
-                          "type": "icon"
+                          "color": "destructive"
                         },
                         {
-                          "variant": "h3",
+                          "type": "typography",
                           "content": "Failed to load missions",
-                          "type": "typography"
+                          "variant": "h3"
                         },
                         {
-                          "color": "muted",
                           "variant": "body",
                           "type": "typography",
+                          "color": "muted",
                           "content": "@payload.error"
                         },
                         {
                           "icon": "rotate-ccw",
-                          "action": "INIT",
                           "label": "Retry",
+                          "action": "INIT",
                           "type": "button",
                           "variant": "primary"
                         }
                       ],
-                      "gap": "md",
-                      "direction": "vertical"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2986,51 +2986,51 @@
                     "main",
                     {
                       "appName": "RPG Game",
-                      "showTopBar": true,
                       "type": "game-shell",
+                      "showTopBar": true,
                       "children": [
                         {
                           "gap": "lg",
+                          "direction": "vertical",
+                          "align": "center",
                           "children": [
                             {
-                              "content": "Quest Active",
                               "type": "typography",
+                              "content": "Quest Active",
                               "variant": "h2"
                             },
                             {
-                              "showPercentage": true,
                               "type": "progress-bar",
-                              "value": 50.0
+                              "value": 50.0,
+                              "showPercentage": true
                             },
                             {
+                              "direction": "horizontal",
                               "type": "stack",
                               "gap": "sm",
-                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "variant": "primary",
-                                  "action": "PROGRESS",
                                   "type": "button",
+                                  "action": "PROGRESS",
+                                  "variant": "primary",
                                   "label": "Progress"
                                 },
                                 {
                                   "label": "Complete",
-                                  "variant": "success",
                                   "type": "button",
+                                  "variant": "success",
                                   "action": "COMPLETE"
                                 },
                                 {
                                   "label": "Fail",
                                   "action": "FAIL",
-                                  "type": "button",
-                                  "variant": "danger"
+                                  "variant": "danger",
+                                  "type": "button"
                                 }
                               ]
                             }
                           ],
-                          "type": "stack",
-                          "direction": "vertical",
-                          "align": "center"
+                          "type": "stack"
                         }
                       ]
                     }
@@ -3046,43 +3046,43 @@
                     "render-ui",
                     "modal",
                     {
+                      "type": "stack",
                       "children": [
                         {
-                          "gap": "sm",
-                          "direction": "horizontal",
                           "children": [
                             {
                               "name": "trending-up",
                               "type": "icon"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
-                              "content": "Update Progress"
+                              "content": "Update Progress",
+                              "variant": "h3"
                             }
                           ],
-                          "type": "stack"
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "entity": "@entity",
-                          "mode": "edit",
-                          "type": "form-section",
-                          "submitEvent": "SAVE",
                           "fields": [
                             "title",
                             "description",
                             "status",
                             "reward"
                           ],
+                          "type": "form-section",
+                          "mode": "edit",
+                          "entity": "@entity",
+                          "submitEvent": "SAVE",
                           "cancelEvent": "CANCEL"
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md"
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -3096,14 +3096,11 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
-                      "type": "game-shell",
-                      "appName": "RPG Game",
                       "children": [
                         {
-                          "type": "stack",
+                          "align": "center",
                           "gap": "lg",
-                          "direction": "vertical",
+                          "type": "stack",
                           "children": [
                             {
                               "type": "icon",
@@ -3111,8 +3108,8 @@
                             },
                             {
                               "variant": "h2",
-                              "type": "typography",
-                              "content": "Quest Complete"
+                              "content": "Quest Complete",
+                              "type": "typography"
                             },
                             {
                               "type": "alert",
@@ -3122,14 +3119,17 @@
                             {
                               "label": "View Quests",
                               "type": "button",
-                              "variant": "primary",
+                              "action": "RESET",
                               "icon": "arrow-left",
-                              "action": "RESET"
+                              "variant": "primary"
                             }
                           ],
-                          "align": "center"
+                          "direction": "vertical"
                         }
-                      ]
+                      ],
+                      "showTopBar": true,
+                      "type": "game-shell",
+                      "appName": "RPG Game"
                     }
                   ]
                 ]
@@ -3143,40 +3143,40 @@
                     "render-ui",
                     "main",
                     {
-                      "showTopBar": true,
                       "type": "game-shell",
+                      "appName": "RPG Game",
+                      "showTopBar": true,
                       "children": [
                         {
-                          "type": "stack",
+                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
                               "name": "x-circle"
                             },
                             {
+                              "type": "typography",
                               "variant": "h2",
-                              "content": "Quest Failed",
-                              "type": "typography"
+                              "content": "Quest Failed"
                             },
                             {
-                              "type": "alert",
                               "message": "The quest was not completed. You can try again.",
+                              "type": "alert",
                               "variant": "error"
                             },
                             {
+                              "type": "button",
                               "icon": "arrow-left",
+                              "action": "RESET",
                               "variant": "primary",
-                              "type": "button",
-                              "label": "View Quests",
-                              "action": "RESET"
+                              "label": "View Quests"
                             }
                           ],
-                          "align": "center",
                           "direction": "vertical",
+                          "type": "stack",
                           "gap": "lg"
                         }
-                      ],
-                      "appName": "RPG Game"
+                      ]
                     }
                   ]
                 ]
@@ -3193,8 +3193,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "success": "MissionUpdated",
-                        "failure": "MissionUpdateFailed"
+                        "failure": "MissionUpdateFailed",
+                        "success": "MissionUpdated"
                       }
                     }
                   ],
@@ -3237,8 +3237,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "success": "MissionLoaded",
-                        "failure": "MissionLoadFailed"
+                        "failure": "MissionLoadFailed",
+                        "success": "MissionLoaded"
                       }
                     }
                   ],
@@ -3290,8 +3290,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "failure": "MissionLoadFailed",
-                        "success": "MissionLoaded"
+                        "success": "MissionLoaded",
+                        "failure": "MissionLoadFailed"
                       }
                     }
                   ],
@@ -3314,8 +3314,8 @@
                     "Mission",
                     {
                       "emit": {
-                        "failure": "MissionLoadFailed",
-                        "success": "MissionLoaded"
+                        "success": "MissionLoaded",
+                        "failure": "MissionLoadFailed"
                       }
                     }
                   ],
@@ -3346,4 +3346,4 @@
       ]
     }
   ]
-}
+}