@almadar/std 8.5.1 → 9.0.0

package/behaviors/registry/app/organisms/std-cicd-pipeline.orb

@@ -55,7 +55,7 @@
               "event": "BuildLoaded",
               "description": "Fired when Build finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Build]"
@@ -66,7 +66,7 @@
               "event": "BuildLoadFailed",
               "description": "Fired when Build fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -80,7 +80,7 @@
             {
               "event": "BuildSaved",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -90,7 +90,7 @@
             {
               "event": "BuildSaveFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -104,7 +104,7 @@
             {
               "event": "BuildUpdated",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -114,7 +114,7 @@
             {
               "event": "BuildUpdateFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -128,7 +128,7 @@
             {
               "event": "BuildDeleted",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -138,7 +138,7 @@
             {
               "event": "BuildDeleteFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -152,7 +152,7 @@
             {
               "event": "DeploymentSaved",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -162,7 +162,7 @@
             {
               "event": "DeploymentSaveFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -215,7 +215,7 @@
               {
                 "key": "BuildLoaded",
                 "name": "Build loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Build]"
@@ -225,7 +225,7 @@
               {
                 "key": "BuildLoadFailed",
                 "name": "Build load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -239,7 +239,7 @@
               {
                 "key": "BuildSaved",
                 "name": "Build saved",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -249,7 +249,7 @@
               {
                 "key": "BuildSaveFailed",
                 "name": "Build save failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -263,7 +263,7 @@
               {
                 "key": "BuildUpdated",
                 "name": "Build updated",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -273,7 +273,7 @@
               {
                 "key": "BuildUpdateFailed",
                 "name": "Build update failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -287,7 +287,7 @@
               {
                 "key": "BuildDeleted",
                 "name": "Build deleted",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -297,7 +297,7 @@
               {
                 "key": "BuildDeleteFailed",
                 "name": "Build delete failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -311,7 +311,7 @@
               {
                 "key": "DeploymentSaved",
                 "name": "Deployment saved",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -321,7 +321,7 @@
               {
                 "key": "DeploymentSaveFailed",
                 "name": "Deployment save failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -335,7 +335,7 @@
               {
                 "key": "VIEW",
                 "name": "View",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -350,7 +350,7 @@
               {
                 "key": "EDIT",
                 "name": "Edit",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -365,7 +365,7 @@
               {
                 "key": "DELETE",
                 "name": "Delete",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -389,8 +389,8 @@
                     "Build",
                     {
                       "emit": {
-                        "failure": "BuildLoadFailed",
-                        "success": "BuildLoaded"
+                        "success": "BuildLoaded",
+                        "failure": "BuildLoadFailed"
                       }
                     }
                   ],
@@ -398,22 +398,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
                       "type": "stack",
-                      "align": "center",
                       "className": "py-12",
-                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "type": "typography",
                           "variant": "caption",
-                          "content": "Loading builds…"
+                          "content": "Loading builds…",
+                          "type": "typography",
+                          "color": "muted"
                         }
                       ],
-                      "gap": "md"
+                      "direction": "vertical",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -427,11 +427,12 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "CI/CD Pipeline",
                       "navItems": [
                         {
                           "label": "Builds",
-                          "href": "/builds",
-                          "icon": "hammer"
+                          "icon": "hammer",
+                          "href": "/builds"
                         },
                         {
                           "href": "/stages",
@@ -439,28 +440,28 @@
                           "label": "Stages"
                         },
                         {
-                          "icon": "rocket",
+                          "href": "/deploy",
                           "label": "Deploy",
-                          "href": "/deploy"
+                          "icon": "rocket"
                         }
                       ],
                       "type": "dashboard-layout",
                       "children": [
                         {
+                          "direction": "vertical",
                           "gap": "lg",
+                          "type": "stack",
+                          "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
-                              "direction": "horizontal",
-                              "type": "stack",
-                              "gap": "md",
                               "align": "center",
-                              "justify": "between",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "align": "center",
                                   "gap": "sm",
+                                  "direction": "horizontal",
+                                  "type": "stack",
                                   "children": [
                                     {
                                       "name": "package",
@@ -474,26 +475,31 @@
                                   ]
                                 },
                                 {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
                                   "children": [
                                     {
-                                      "action": "CREATE",
-                                      "label": "Create Build",
-                                      "variant": "primary",
+                                      "type": "button",
                                       "icon": "plus",
-                                      "type": "button"
+                                      "variant": "primary",
+                                      "label": "Create Build",
+                                      "action": "CREATE"
                                     }
-                                  ],
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm"
+                                  ]
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "justify": "between",
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "fields": [],
                               "entity": "@payload.data",
+                              "type": "data-list",
                               "itemActions": [
                                 {
                                   "label": "View",
@@ -501,21 +507,21 @@
                                   "variant": "ghost"
                                 },
                                 {
+                                  "event": "EDIT",
                                   "variant": "ghost",
-                                  "label": "Edit",
-                                  "event": "EDIT"
+                                  "label": "Edit"
                                 },
                                 {
-                                  "event": "DELETE",
                                   "label": "Delete",
+                                  "event": "DELETE",
                                   "variant": "danger"
                                 }
                               ],
                               "columns": [
                                 {
-                                  "icon": "git-branch",
+                                  "variant": "h3",
                                   "name": "branch",
-                                  "variant": "h3"
+                                  "icon": "git-branch"
                                 },
                                 {
                                   "variant": "badge",
@@ -527,22 +533,16 @@
                                 },
                                 {
                                   "variant": "caption",
-                                  "name": "triggeredBy",
-                                  "label": "Triggered By"
+                                  "label": "Triggered By",
+                                  "name": "triggeredBy"
                                 }
                               ],
-                              "type": "data-list",
-                              "fields": [],
                               "variant": "card",
                               "gap": "sm"
                             }
-                          ],
-                          "type": "stack",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "direction": "vertical"
+                          ]
                         }
-                      ],
-                      "appName": "CI/CD Pipeline"
+                      ]
                     }
                   ]
                 ]
@@ -556,36 +556,36 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
-                          "name": "alert-triangle",
                           "color": "destructive",
-                          "type": "icon"
+                          "type": "icon",
+                          "name": "alert-triangle"
                         },
                         {
                           "content": "Failed to load builds",
-                          "variant": "h3",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "h3"
                         },
                         {
-                          "variant": "body",
                           "color": "muted",
-                          "content": "@payload.error",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@payload.error"
                         },
                         {
-                          "variant": "primary",
                           "icon": "rotate-ccw",
                           "type": "button",
+                          "label": "Retry",
                           "action": "INIT",
-                          "label": "Retry"
+                          "variant": "primary"
                         }
                       ],
-                      "type": "stack",
+                      "gap": "md",
                       "direction": "vertical",
-                      "align": "center"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -602,7 +602,7 @@
             {
               "event": "BUILD_CREATED",
               "scope": "external",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -613,7 +613,7 @@
               "event": "BuildLoadFailed",
               "description": "Fired when Build fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -628,7 +628,7 @@
               "event": "BuildLoaded",
               "description": "Fired when Build finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Build]"
@@ -638,7 +638,7 @@
             {
               "event": "BuildSaveFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -652,7 +652,7 @@
             {
               "event": "BuildSaved",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -686,7 +686,7 @@
               {
                 "key": "SAVE",
                 "name": "Save",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "object",
@@ -701,7 +701,7 @@
               {
                 "key": "BuildLoadFailed",
                 "name": "Build load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -715,7 +715,7 @@
               {
                 "key": "BuildLoaded",
                 "name": "Build loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Build]"
@@ -725,7 +725,7 @@
               {
                 "key": "BuildSaveFailed",
                 "name": "Build save failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -739,7 +739,7 @@
               {
                 "key": "BuildSaved",
                 "name": "Build saved",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -769,8 +769,8 @@
                     "Build",
                     {
                       "emit": {
-                        "failure": "BuildLoadFailed",
-                        "success": "BuildLoaded"
+                        "success": "BuildLoaded",
+                        "failure": "BuildLoadFailed"
                       }
                     }
                   ],
@@ -778,42 +778,42 @@
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
-                      "gap": "md",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "plus-circle"
+                              "name": "plus-circle",
+                              "type": "icon"
                             },
                             {
-                              "variant": "h3",
+                              "content": "Create Build",
                               "type": "typography",
-                              "content": "Create Build"
+                              "variant": "h3"
                             }
                           ],
-                          "gap": "sm"
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
                           "mode": "create",
                           "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
                           "fields": [
                             "branch",
                             "status",
                             "commit",
                             "triggeredBy"
-                          ]
+                          ],
+                          "cancelEvent": "CLOSE",
+                          "type": "form-section"
                         }
                       ],
-                      "direction": "vertical"
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -889,7 +889,7 @@
             {
               "event": "BUILD_UPDATED",
               "scope": "external",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -900,7 +900,7 @@
               "event": "BuildLoadFailed",
               "description": "Fired when Build fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -915,7 +915,7 @@
               "event": "BuildLoaded",
               "description": "Fired when Build finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Build]"
@@ -925,7 +925,7 @@
             {
               "event": "BuildUpdateFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -939,7 +939,7 @@
             {
               "event": "BuildUpdated",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -965,7 +965,7 @@
               {
                 "key": "EDIT",
                 "name": "Edit",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -984,7 +984,7 @@
               {
                 "key": "SAVE",
                 "name": "Save",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "object",
@@ -999,7 +999,7 @@
               {
                 "key": "BuildLoadFailed",
                 "name": "Build load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1013,7 +1013,7 @@
               {
                 "key": "BuildLoaded",
                 "name": "Build loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Build]"
@@ -1023,7 +1023,7 @@
               {
                 "key": "BuildUpdateFailed",
                 "name": "Build update failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1037,7 +1037,7 @@
               {
                 "key": "BuildUpdated",
                 "name": "Build updated",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -1068,8 +1068,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "failure": "BuildLoadFailed",
-                        "success": "BuildLoaded"
+                        "success": "BuildLoaded",
+                        "failure": "BuildLoadFailed"
                       }
                     }
                   ],
@@ -1077,15 +1077,17 @@
                     "render-ui",
                     "modal",
                     {
+                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
+                          "direction": "horizontal",
                           "gap": "sm",
                           "type": "stack",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "name": "edit",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "edit"
                             },
                             {
                               "type": "typography",
@@ -1098,21 +1100,19 @@
                           "type": "divider"
                         },
                         {
-                          "entity": "@payload.row",
-                          "type": "form-section",
-                          "mode": "edit",
-                          "cancelEvent": "CLOSE",
-                          "submitEvent": "SAVE",
                           "fields": [
                             "branch",
                             "status",
                             "commit",
                             "triggeredBy"
-                          ]
+                          ],
+                          "mode": "edit",
+                          "entity": "@payload.row",
+                          "type": "form-section",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE"
                         }
                       ],
-                      "direction": "vertical",
-                      "type": "stack",
                       "gap": "md"
                     }
                   ]
@@ -1190,7 +1190,7 @@
               "event": "BuildLoaded",
               "description": "Fired when Build finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Build]"
@@ -1201,7 +1201,7 @@
               "event": "BuildLoadFailed",
               "description": "Fired when Build fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -1231,7 +1231,7 @@
               {
                 "key": "VIEW",
                 "name": "View",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -1246,7 +1246,7 @@
               {
                 "key": "SAVE",
                 "name": "Save",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "object",
@@ -1257,7 +1257,7 @@
               {
                 "key": "BuildLoaded",
                 "name": "Build loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Build]"
@@ -1267,7 +1267,7 @@
               {
                 "key": "BuildLoadFailed",
                 "name": "Build load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1302,8 +1302,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "success": "BuildLoaded",
-                        "failure": "BuildLoadFailed"
+                        "failure": "BuildLoadFailed",
+                        "success": "BuildLoaded"
                       }
                     }
                   ],
@@ -1311,23 +1311,26 @@
                     "render-ui",
                     "modal",
                     {
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
+                          "gap": "sm",
                           "direction": "horizontal",
                           "type": "stack",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "eye"
+                              "name": "eye",
+                              "type": "icon"
                             },
                             {
+                              "content": "@entity.branch",
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "@entity.branch"
+                              "variant": "h3"
                             }
                           ],
-                          "align": "center",
-                          "gap": "sm"
+                          "align": "center"
                         },
                         {
                           "type": "divider"
@@ -1336,56 +1339,55 @@
                           "direction": "horizontal",
                           "children": [
                             {
+                              "type": "typography",
                               "variant": "caption",
-                              "content": "Branch",
-                              "type": "typography"
+                              "content": "Branch"
                             },
                             {
+                              "content": "@entity.branch",
                               "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.branch"
+                              "variant": "body"
                             }
                           ],
-                          "type": "stack",
-                          "gap": "md"
+                          "gap": "md",
+                          "type": "stack"
                         },
                         {
-                          "direction": "horizontal",
                           "gap": "md",
                           "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "content": "Status",
                               "variant": "caption",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "Status"
                             },
                             {
-                              "content": "@entity.status",
                               "type": "typography",
+                              "content": "@entity.status",
                               "variant": "body"
                             }
                           ]
                         },
                         {
-                          "type": "stack",
                           "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
+                              "variant": "caption",
                               "type": "typography",
-                              "content": "Commit",
-                              "variant": "caption"
+                              "content": "Commit"
                             },
                             {
                               "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.commit"
+                              "content": "@entity.commit",
+                              "variant": "body"
                             }
                           ],
-                          "gap": "md"
+                          "type": "stack"
                         },
                         {
                           "direction": "horizontal",
-                          "gap": "md",
                           "children": [
                             {
                               "variant": "caption",
@@ -1394,40 +1396,38 @@
                             },
                             {
                               "type": "typography",
-                              "content": "@entity.triggeredBy",
-                              "variant": "body"
+                              "variant": "body",
+                              "content": "@entity.triggeredBy"
                             }
                           ],
+                          "gap": "md",
                           "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "type": "stack",
+                          "gap": "sm",
+                          "justify": "end",
+                          "direction": "horizontal",
                           "children": [
                             {
+                              "action": "EDIT",
                               "icon": "edit",
-                              "label": "Edit",
                               "type": "button",
-                              "variant": "primary",
-                              "action": "EDIT"
+                              "label": "Edit",
+                              "variant": "primary"
                             },
                             {
                               "variant": "ghost",
+                              "type": "button",
                               "label": "Close",
-                              "action": "CLOSE",
-                              "type": "button"
+                              "action": "CLOSE"
                             }
-                          ],
-                          "justify": "end"
+                          ]
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -1487,7 +1487,7 @@
             {
               "event": "BUILD_DELETED",
               "scope": "external",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -1497,7 +1497,7 @@
             {
               "event": "BuildDeleteFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -1511,7 +1511,7 @@
             {
               "event": "BuildDeleted",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -1522,7 +1522,7 @@
               "event": "BuildLoadFailed",
               "description": "Fired when Build fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -1537,7 +1537,7 @@
               "event": "BuildLoaded",
               "description": "Fired when Build finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Build]"
@@ -1563,7 +1563,7 @@
               {
                 "key": "DELETE",
                 "name": "Delete",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
@@ -1590,7 +1590,7 @@
               {
                 "key": "BuildDeleteFailed",
                 "name": "Build delete failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1604,7 +1604,7 @@
               {
                 "key": "BuildDeleted",
                 "name": "Build deleted",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -1614,7 +1614,7 @@
               {
                 "key": "BuildLoadFailed",
                 "name": "Build load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1628,7 +1628,7 @@
               {
                 "key": "BuildLoaded",
                 "name": "Build loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Build]"
@@ -1662,68 +1662,68 @@
                     "fetch",
                     "Build",
                     {
-                      "id": "@payload.id",
                       "emit": {
                         "success": "BuildLoaded",
                         "failure": "BuildLoadFailed"
-                      }
+                      },
+                      "id": "@payload.id"
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
                       "children": [
                         {
                           "direction": "horizontal",
-                          "type": "stack",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "alert-triangle"
+                              "name": "alert-triangle",
+                              "type": "icon"
                             },
                             {
-                              "variant": "h3",
+                              "type": "typography",
                               "content": "Delete Build",
-                              "type": "typography"
+                              "variant": "h3"
                             }
                           ],
-                          "gap": "sm"
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "message": "This action cannot be undone.",
-                          "type": "alert",
-                          "variant": "error"
+                          "variant": "error",
+                          "type": "alert"
                         },
                         {
-                          "justify": "end",
-                          "gap": "sm",
-                          "direction": "horizontal",
-                          "type": "stack",
                           "children": [
                             {
-                              "type": "button",
-                              "action": "CANCEL",
+                              "variant": "ghost",
                               "label": "Cancel",
-                              "variant": "ghost"
+                              "action": "CANCEL",
+                              "type": "button"
                             },
                             {
-                              "variant": "danger",
-                              "label": "Delete",
+                              "type": "button",
                               "icon": "check",
                               "action": "CONFIRM_DELETE",
-                              "type": "button"
+                              "variant": "danger",
+                              "label": "Delete"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "type": "stack",
+                          "justify": "end"
                         }
                       ],
+                      "type": "stack",
                       "gap": "md",
-                      "type": "stack"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -1740,8 +1740,8 @@
                     "@entity.pendingId",
                     {
                       "emit": {
-                        "failure": "BuildDeleteFailed",
-                        "success": "BuildDeleted"
+                        "success": "BuildDeleted",
+                        "failure": "BuildDeleteFailed"
                       }
                     }
                   ],
@@ -1888,7 +1888,7 @@
               "event": "StageLoaded",
               "description": "Fired when Stage finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Stage]"
@@ -1899,7 +1899,7 @@
               "event": "StageLoadFailed",
               "description": "Fired when Stage fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -1944,7 +1944,7 @@
               {
                 "key": "StageLoaded",
                 "name": "Stage loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Stage]"
@@ -1954,7 +1954,7 @@
               {
                 "key": "StageLoadFailed",
                 "name": "Stage load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -1988,30 +1988,30 @@
                     {
                       "navItems": [
                         {
-                          "href": "/builds",
+                          "label": "Builds",
                           "icon": "hammer",
-                          "label": "Builds"
+                          "href": "/builds"
                         },
                         {
                           "href": "/stages",
-                          "label": "Stages",
-                          "icon": "layers"
+                          "icon": "layers",
+                          "label": "Stages"
                         },
                         {
-                          "label": "Deploy",
                           "href": "/deploy",
+                          "label": "Deploy",
                           "icon": "rocket"
                         }
                       ],
                       "appName": "CI/CD Pipeline",
+                      "type": "dashboard-layout",
                       "children": [
                         {
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "lg",
                               "children": [
                                 {
+                                  "type": "breadcrumb",
                                   "items": [
                                     {
                                       "label": "Home",
@@ -2020,53 +2020,55 @@
                                     {
                                       "label": "Stages"
                                     }
-                                  ],
-                                  "type": "breadcrumb"
+                                  ]
                                 },
                                 {
+                                  "gap": "md",
                                   "justify": "between",
-                                  "direction": "horizontal",
                                   "children": [
                                     {
-                                      "direction": "horizontal",
                                       "gap": "md",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "layers"
+                                          "name": "layers",
+                                          "type": "icon"
                                         },
                                         {
-                                          "type": "typography",
                                           "variant": "h2",
+                                          "type": "typography",
                                           "content": "Stages"
                                         }
                                       ],
+                                      "direction": "horizontal",
                                       "type": "stack"
                                     },
                                     {
-                                      "label": "Refresh",
                                       "type": "button",
                                       "action": "REFRESH",
                                       "variant": "secondary",
-                                      "icon": "refresh-cw"
+                                      "icon": "refresh-cw",
+                                      "label": "Refresh"
                                     }
                                   ],
                                   "type": "stack",
-                                  "gap": "md"
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "type": "box",
                                   "padding": "md",
                                   "children": [
                                     {
                                       "children": [
                                         {
+                                          "type": "card",
                                           "children": [
                                             {
-                                              "direction": "vertical",
                                               "type": "stack",
+                                              "gap": "sm",
+                                              "direction": "vertical",
                                               "children": [
                                                 {
                                                   "type": "typography",
@@ -2074,35 +2076,33 @@
                                                   "content": "Name"
                                                 },
                                                 {
-                                                  "content": "@entity.name",
                                                   "variant": "h3",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "@entity.name"
                                                 }
-                                              ],
-                                              "gap": "sm"
+                                              ]
                                             }
-                                          ],
-                                          "type": "card"
+                                          ]
                                         },
                                         {
                                           "type": "card",
                                           "children": [
                                             {
+                                              "type": "stack",
+                                              "direction": "vertical",
+                                              "gap": "sm",
                                               "children": [
                                                 {
+                                                  "variant": "caption",
                                                   "type": "typography",
-                                                  "content": "Status",
-                                                  "variant": "caption"
+                                                  "content": "Status"
                                                 },
                                                 {
+                                                  "type": "typography",
                                                   "variant": "h3",
-                                                  "content": "@entity.status",
-                                                  "type": "typography"
+                                                  "content": "@entity.status"
                                                 }
-                                              ],
-                                              "direction": "vertical",
-                                              "gap": "sm",
-                                              "type": "stack"
+                                              ]
                                             }
                                           ]
                                         },
@@ -2110,21 +2110,21 @@
                                           "type": "card",
                                           "children": [
                                             {
+                                              "direction": "vertical",
+                                              "gap": "sm",
                                               "children": [
                                                 {
                                                   "type": "typography",
-                                                  "content": "Duration",
-                                                  "variant": "caption"
+                                                  "variant": "caption",
+                                                  "content": "Duration"
                                                 },
                                                 {
                                                   "variant": "h3",
-                                                  "content": "@entity.duration",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "@entity.duration"
                                                 }
                                               ],
-                                              "type": "stack",
-                                              "gap": "sm",
-                                              "direction": "vertical"
+                                              "type": "stack"
                                             }
                                           ]
                                         },
@@ -2136,8 +2136,8 @@
                                               "direction": "vertical",
                                               "children": [
                                                 {
-                                                  "content": "Output",
                                                   "type": "typography",
+                                                  "content": "Output",
                                                   "variant": "caption"
                                                 },
                                                 {
@@ -2151,19 +2151,15 @@
                                           "type": "card"
                                         }
                                       ],
-                                      "cols": 3.0,
-                                      "type": "simple-grid"
+                                      "type": "simple-grid",
+                                      "cols": 3.0
                                     }
-                                  ],
-                                  "type": "box"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "cols": 2.0,
-                                  "gap": "md",
-                                  "type": "grid",
                                   "children": [
                                     {
                                       "type": "card",
@@ -2176,31 +2172,34 @@
                                       ]
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
                                           "variant": "caption",
                                           "content": "Graph View",
                                           "type": "typography"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid",
+                                  "gap": "md",
+                                  "cols": 2.0
                                 },
                                 {
                                   "type": "line-chart",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12.0
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
-                                      "value": 19.0,
-                                      "date": "Feb"
+                                      "date": "Feb",
+                                      "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
                                       "date": "Apr",
@@ -2211,8 +2210,8 @@
                                       "value": 22.0
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
                                   ]
                                 },
@@ -2220,52 +2219,53 @@
                                   "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
                                   ]
                                 },
                                 {
-                                  "height": 200.0,
+                                  "type": "graph-view",
                                   "nodes": [
                                     {
-                                      "id": "a",
-                                      "label": "Start"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "label": "Process",
+                                      "id": "b"
                                     },
                                     {
                                       "id": "c",
                                       "label": "End"
                                     }
                                   ],
-                                  "type": "graph-view",
                                   "edges": [
                                     {
-                                      "source": "a",
-                                      "target": "b"
+                                      "target": "b",
+                                      "source": "a"
                                     },
                                     {
                                       "source": "b",
                                       "target": "c"
                                     }
                                   ],
+                                  "height": 200.0,
                                   "width": 400.0
                                 }
                               ],
-                              "direction": "vertical"
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "lg"
                             }
                           ],
                           "type": "scaled-diagram"
                         }
-                      ],
-                      "type": "dashboard-layout"
+                      ]
                     }
                   ]
                 ]
@@ -2280,8 +2280,8 @@
                     "Stage",
                     {
                       "emit": {
-                        "failure": "StageLoadFailed",
-                        "success": "StageLoaded"
+                        "success": "StageLoaded",
+                        "failure": "StageLoadFailed"
                       }
                     }
                   ],
@@ -2289,11 +2289,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
                               "type": "stack",
@@ -2301,54 +2298,54 @@
                               "gap": "lg",
                               "children": [
                                 {
-                                  "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Stages"
                                     }
-                                  ]
+                                  ],
+                                  "type": "breadcrumb"
                                 },
                                 {
-                                  "gap": "md",
                                   "type": "stack",
+                                  "direction": "horizontal",
                                   "justify": "between",
+                                  "gap": "md",
                                   "children": [
                                     {
                                       "gap": "md",
-                                      "direction": "horizontal",
                                       "type": "stack",
+                                      "direction": "horizontal",
                                       "children": [
                                         {
-                                          "name": "layers",
-                                          "type": "icon"
+                                          "type": "icon",
+                                          "name": "layers"
                                         },
                                         {
-                                          "type": "typography",
                                           "content": "Stages",
-                                          "variant": "h2"
+                                          "variant": "h2",
+                                          "type": "typography"
                                         }
                                       ]
                                     },
                                     {
+                                      "action": "REFRESH",
                                       "label": "Refresh",
                                       "type": "button",
-                                      "icon": "refresh-cw",
                                       "variant": "secondary",
-                                      "action": "REFRESH"
+                                      "icon": "refresh-cw"
                                     }
-                                  ],
-                                  "direction": "horizontal"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "padding": "md",
                                   "type": "box",
+                                  "padding": "md",
                                   "children": [
                                     {
                                       "children": [
@@ -2356,6 +2353,8 @@
                                           "children": [
                                             {
                                               "type": "stack",
+                                              "gap": "sm",
+                                              "direction": "vertical",
                                               "children": [
                                                 {
                                                   "type": "typography",
@@ -2364,26 +2363,24 @@
                                                 },
                                                 {
                                                   "content": "@entity.name",
-                                                  "type": "typography",
-                                                  "variant": "h3"
+                                                  "variant": "h3",
+                                                  "type": "typography"
                                                 }
-                                              ],
-                                              "direction": "vertical",
-                                              "gap": "sm"
+                                              ]
                                             }
                                           ],
                                           "type": "card"
                                         },
                                         {
+                                          "type": "card",
                                           "children": [
                                             {
                                               "direction": "vertical",
-                                              "type": "stack",
                                               "children": [
                                                 {
                                                   "type": "typography",
-                                                  "variant": "caption",
-                                                  "content": "Status"
+                                                  "content": "Status",
+                                                  "variant": "caption"
                                                 },
                                                 {
                                                   "content": "@entity.status",
@@ -2391,58 +2388,58 @@
                                                   "variant": "h3"
                                                 }
                                               ],
-                                              "gap": "sm"
+                                              "gap": "sm",
+                                              "type": "stack"
                                             }
-                                          ],
-                                          "type": "card"
+                                          ]
                                         },
                                         {
-                                          "type": "card",
                                           "children": [
                                             {
                                               "gap": "sm",
-                                              "direction": "vertical",
+                                              "type": "stack",
                                               "children": [
                                                 {
                                                   "content": "Duration",
-                                                  "type": "typography",
-                                                  "variant": "caption"
+                                                  "variant": "caption",
+                                                  "type": "typography"
                                                 },
                                                 {
-                                                  "content": "@entity.duration",
                                                   "variant": "h3",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "@entity.duration"
                                                 }
                                               ],
-                                              "type": "stack"
+                                              "direction": "vertical"
                                             }
-                                          ]
+                                          ],
+                                          "type": "card"
                                         },
                                         {
-                                          "type": "card",
                                           "children": [
                                             {
+                                              "direction": "vertical",
                                               "gap": "sm",
+                                              "type": "stack",
                                               "children": [
                                                 {
-                                                  "content": "Output",
                                                   "variant": "caption",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "Output"
                                                 },
                                                 {
                                                   "variant": "h3",
                                                   "content": "@entity.output",
                                                   "type": "typography"
                                                 }
-                                              ],
-                                              "type": "stack",
-                                              "direction": "vertical"
+                                              ]
                                             }
-                                          ]
+                                          ],
+                                          "type": "card"
                                         }
                                       ],
-                                      "type": "simple-grid",
-                                      "cols": 3.0
+                                      "cols": 3.0,
+                                      "type": "simple-grid"
                                     }
                                   ]
                                 },
@@ -2454,14 +2451,14 @@
                                   "cols": 2.0,
                                   "children": [
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
+                                          "variant": "caption",
                                           "content": "Chart View",
-                                          "type": "typography",
-                                          "variant": "caption"
+                                          "type": "typography"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     },
                                     {
                                       "children": [
@@ -2477,60 +2474,48 @@
                                   "type": "grid"
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "date": "Jan",
                                       "value": 12.0
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19.0
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
-                                      "value": 15.0,
-                                      "date": "Mar"
+                                      "date": "Mar",
+                                      "value": 15.0
                                     },
                                     {
                                       "date": "Apr",
                                       "value": 25.0
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30.0
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "label": "Current",
                                       "color": "primary"
                                     },
                                     {
-                                      "color": "muted",
-                                      "label": "Previous"
+                                      "label": "Previous",
+                                      "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "width": 400.0,
-                                  "height": 200.0,
-                                  "edges": [
-                                    {
-                                      "target": "b",
-                                      "source": "a"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ],
                                   "type": "graph-view",
                                   "nodes": [
                                     {
@@ -2542,33 +2527,48 @@
                                       "id": "b"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "label": "End",
+                                      "id": "c"
+                                    }
+                                  ],
+                                  "width": 400.0,
+                                  "height": 200.0,
+                                  "edges": [
+                                    {
+                                      "source": "a",
+                                      "target": "b"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
                                     }
                                   ]
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ],
                       "navItems": [
                         {
                           "icon": "hammer",
-                          "label": "Builds",
-                          "href": "/builds"
+                          "href": "/builds",
+                          "label": "Builds"
                         },
                         {
-                          "label": "Stages",
                           "href": "/stages",
-                          "icon": "layers"
+                          "icon": "layers",
+                          "label": "Stages"
                         },
                         {
                           "label": "Deploy",
                           "href": "/deploy",
                           "icon": "rocket"
                         }
-                      ]
+                      ],
+                      "type": "dashboard-layout",
+                      "appName": "CI/CD Pipeline"
                     }
                   ]
                 ]
@@ -2592,19 +2592,20 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "direction": "vertical",
                               "gap": "lg",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Stages"
@@ -2612,35 +2613,35 @@
                                   ]
                                 },
                                 {
-                                  "gap": "md",
-                                  "justify": "between",
+                                  "type": "stack",
                                   "direction": "horizontal",
                                   "children": [
                                     {
                                       "direction": "horizontal",
                                       "children": [
                                         {
-                                          "name": "layers",
-                                          "type": "icon"
+                                          "type": "icon",
+                                          "name": "layers"
                                         },
                                         {
-                                          "variant": "h2",
                                           "content": "Stages",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "variant": "h2"
                                         }
                                       ],
-                                      "gap": "md",
-                                      "type": "stack"
+                                      "type": "stack",
+                                      "gap": "md"
                                     },
                                     {
                                       "icon": "refresh-cw",
-                                      "type": "button",
+                                      "label": "Refresh",
                                       "action": "REFRESH",
                                       "variant": "secondary",
-                                      "label": "Refresh"
+                                      "type": "button"
                                     }
                                   ],
-                                  "type": "stack"
+                                  "gap": "md",
+                                  "justify": "between"
                                 },
                                 {
                                   "type": "divider"
@@ -2650,79 +2651,79 @@
                                   "padding": "md",
                                   "children": [
                                     {
-                                      "type": "simple-grid",
-                                      "cols": 3.0,
                                       "children": [
                                         {
                                           "type": "card",
                                           "children": [
                                             {
-                                              "direction": "vertical",
-                                              "type": "stack",
                                               "gap": "sm",
+                                              "direction": "vertical",
                                               "children": [
                                                 {
+                                                  "type": "typography",
                                                   "variant": "caption",
-                                                  "content": "Name",
-                                                  "type": "typography"
+                                                  "content": "Name"
                                                 },
                                                 {
+                                                  "content": "@entity.name",
                                                   "type": "typography",
-                                                  "variant": "h3",
-                                                  "content": "@entity.name"
+                                                  "variant": "h3"
                                                 }
-                                              ]
+                                              ],
+                                              "type": "stack"
                                             }
                                           ]
                                         },
                                         {
-                                          "type": "card",
                                           "children": [
                                             {
                                               "gap": "sm",
                                               "direction": "vertical",
-                                              "type": "stack",
                                               "children": [
                                                 {
-                                                  "content": "Status",
                                                   "type": "typography",
+                                                  "content": "Status",
                                                   "variant": "caption"
                                                 },
                                                 {
                                                   "variant": "h3",
-                                                  "type": "typography",
-                                                  "content": "@entity.status"
+                                                  "content": "@entity.status",
+                                                  "type": "typography"
                                                 }
-                                              ]
+                                              ],
+                                              "type": "stack"
                                             }
-                                          ]
+                                          ],
+                                          "type": "card"
                                         },
                                         {
-                                          "type": "card",
                                           "children": [
                                             {
+                                              "gap": "sm",
+                                              "direction": "vertical",
+                                              "type": "stack",
                                               "children": [
                                                 {
-                                                  "type": "typography",
                                                   "variant": "caption",
-                                                  "content": "Duration"
+                                                  "content": "Duration",
+                                                  "type": "typography"
                                                 },
                                                 {
+                                                  "type": "typography",
                                                   "variant": "h3",
-                                                  "content": "@entity.duration",
-                                                  "type": "typography"
+                                                  "content": "@entity.duration"
                                                 }
-                                              ],
-                                              "direction": "vertical",
-                                              "gap": "sm",
-                                              "type": "stack"
+                                              ]
                                             }
-                                          ]
+                                          ],
+                                          "type": "card"
                                         },
                                         {
                                           "children": [
                                             {
+                                              "type": "stack",
                                               "gap": "sm",
+                                              "direction": "vertical",
                                               "children": [
                                                 {
                                                   "content": "Output",
@@ -2730,18 +2731,18 @@
                                                   "type": "typography"
                                                 },
                                                 {
-                                                  "variant": "h3",
                                                   "content": "@entity.output",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "variant": "h3"
                                                 }
-                                              ],
-                                              "type": "stack",
-                                              "direction": "vertical"
+                                              ]
                                             }
                                           ],
                                           "type": "card"
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid",
+                                      "cols": 3.0
                                     }
                                   ]
                                 },
@@ -2751,64 +2752,64 @@
                                 {
                                   "type": "grid",
                                   "cols": 2.0,
+                                  "gap": "md",
                                   "children": [
                                     {
                                       "children": [
                                         {
-                                          "variant": "caption",
+                                          "type": "typography",
                                           "content": "Chart View",
-                                          "type": "typography"
+                                          "variant": "caption"
                                         }
                                       ],
                                       "type": "card"
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
-                                          "content": "Graph View",
+                                          "type": "typography",
                                           "variant": "caption",
-                                          "type": "typography"
+                                          "content": "Graph View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
-                                  ],
-                                  "gap": "md"
+                                  ]
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
-                                      "value": 12.0,
-                                      "date": "Jan"
+                                      "date": "Jan",
+                                      "value": 12.0
                                     },
                                     {
-                                      "value": 19.0,
-                                      "date": "Feb"
+                                      "date": "Feb",
+                                      "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
                                       "value": 25.0,
                                       "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
                                   "items": [
                                     {
-                                      "color": "primary",
-                                      "label": "Current"
+                                      "label": "Current",
+                                      "color": "primary"
                                     },
                                     {
                                       "label": "Previous",
@@ -2818,60 +2819,59 @@
                                   "type": "chart-legend"
                                 },
                                 {
+                                  "edges": [
+                                    {
+                                      "source": "a",
+                                      "target": "b"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
+                                    }
+                                  ],
                                   "width": 400.0,
+                                  "type": "graph-view",
                                   "nodes": [
                                     {
                                       "id": "a",
                                       "label": "Start"
                                     },
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "label": "Process",
+                                      "id": "b"
                                     },
                                     {
                                       "id": "c",
                                       "label": "End"
                                     }
                                   ],
-                                  "type": "graph-view",
-                                  "edges": [
-                                    {
-                                      "source": "a",
-                                      "target": "b"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ],
                                   "height": 200.0
                                 }
                               ],
-                              "type": "stack"
+                              "type": "stack",
+                              "direction": "vertical"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
                       ],
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
+                          "icon": "hammer",
                           "label": "Builds",
-                          "href": "/builds",
-                          "icon": "hammer"
+                          "href": "/builds"
                         },
                         {
-                          "href": "/stages",
+                          "icon": "layers",
                           "label": "Stages",
-                          "icon": "layers"
+                          "href": "/stages"
                         },
                         {
-                          "label": "Deploy",
                           "icon": "rocket",
+                          "label": "Deploy",
                           "href": "/deploy"
                         }
-                      ],
-                      "appName": "CI/CD Pipeline",
-                      "type": "dashboard-layout"
+                      ]
                     }
                   ]
                 ]
@@ -2895,20 +2895,18 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "type": "stack",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Stages"
@@ -2916,35 +2914,35 @@
                                   ]
                                 },
                                 {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "between",
+                                  "gap": "md",
                                   "children": [
                                     {
-                                      "gap": "md",
-                                      "type": "stack",
-                                      "direction": "horizontal",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "layers"
+                                          "name": "layers",
+                                          "type": "icon"
                                         },
                                         {
-                                          "content": "Stages",
                                           "variant": "h2",
+                                          "content": "Stages",
                                           "type": "typography"
                                         }
-                                      ]
+                                      ],
+                                      "type": "stack",
+                                      "gap": "md",
+                                      "direction": "horizontal"
                                     },
                                     {
-                                      "icon": "refresh-cw",
                                       "label": "Refresh",
-                                      "action": "REFRESH",
+                                      "variant": "secondary",
                                       "type": "button",
-                                      "variant": "secondary"
+                                      "icon": "refresh-cw",
+                                      "action": "REFRESH"
                                     }
-                                  ],
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "between"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
@@ -2954,56 +2952,57 @@
                                   "type": "box",
                                   "children": [
                                     {
+                                      "type": "simple-grid",
+                                      "cols": 3.0,
                                       "children": [
                                         {
                                           "type": "card",
                                           "children": [
                                             {
-                                              "type": "stack",
+                                              "gap": "sm",
                                               "children": [
                                                 {
                                                   "variant": "caption",
-                                                  "content": "Name",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "Name"
                                                 },
                                                 {
-                                                  "type": "typography",
                                                   "variant": "h3",
-                                                  "content": "@entity.name"
+                                                  "content": "@entity.name",
+                                                  "type": "typography"
                                                 }
                                               ],
-                                              "direction": "vertical",
-                                              "gap": "sm"
+                                              "type": "stack",
+                                              "direction": "vertical"
                                             }
                                           ]
                                         },
                                         {
+                                          "type": "card",
                                           "children": [
                                             {
-                                              "type": "stack",
-                                              "direction": "vertical",
-                                              "gap": "sm",
                                               "children": [
                                                 {
                                                   "type": "typography",
-                                                  "variant": "caption",
-                                                  "content": "Status"
+                                                  "content": "Status",
+                                                  "variant": "caption"
                                                 },
                                                 {
                                                   "type": "typography",
                                                   "variant": "h3",
                                                   "content": "@entity.status"
                                                 }
-                                              ]
-                                            }
-                                          ],
-                                          "type": "card"
+                                              ],
+                                              "type": "stack",
+                                              "direction": "vertical",
+                                              "gap": "sm"
+                                            }
+                                          ]
                                         },
                                         {
                                           "type": "card",
                                           "children": [
                                             {
-                                              "gap": "sm",
                                               "children": [
                                                 {
                                                   "content": "Duration",
@@ -3011,12 +3010,13 @@
                                                   "variant": "caption"
                                                 },
                                                 {
-                                                  "type": "typography",
+                                                  "content": "@entity.duration",
                                                   "variant": "h3",
-                                                  "content": "@entity.duration"
+                                                  "type": "typography"
                                                 }
                                               ],
                                               "type": "stack",
+                                              "gap": "sm",
                                               "direction": "vertical"
                                             }
                                           ]
@@ -3025,27 +3025,25 @@
                                           "type": "card",
                                           "children": [
                                             {
-                                              "type": "stack",
                                               "children": [
                                                 {
                                                   "variant": "caption",
-                                                  "type": "typography",
-                                                  "content": "Output"
+                                                  "content": "Output",
+                                                  "type": "typography"
                                                 },
                                                 {
                                                   "type": "typography",
-                                                  "variant": "h3",
-                                                  "content": "@entity.output"
+                                                  "content": "@entity.output",
+                                                  "variant": "h3"
                                                 }
                                               ],
                                               "direction": "vertical",
+                                              "type": "stack",
                                               "gap": "sm"
                                             }
                                           ]
                                         }
-                                      ],
-                                      "cols": 3.0,
-                                      "type": "simple-grid"
+                                      ]
                                     }
                                   ]
                                 },
@@ -3053,16 +3051,13 @@
                                   "type": "divider"
                                 },
                                 {
-                                  "gap": "md",
-                                  "cols": 2.0,
-                                  "type": "grid",
                                   "children": [
                                     {
                                       "children": [
                                         {
-                                          "content": "Chart View",
+                                          "variant": "caption",
                                           "type": "typography",
-                                          "variant": "caption"
+                                          "content": "Chart View"
                                         }
                                       ],
                                       "type": "card"
@@ -3071,23 +3066,27 @@
                                       "type": "card",
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "type": "typography",
+                                          "variant": "caption",
                                           "content": "Graph View"
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid",
+                                  "gap": "md",
+                                  "cols": 2.0
                                 },
                                 {
+                                  "type": "line-chart",
                                   "data": [
                                     {
-                                      "date": "Jan",
-                                      "value": 12.0
+                                      "value": 12.0,
+                                      "date": "Jan"
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19.0
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
                                       "date": "Mar",
@@ -3102,13 +3101,13 @@
                                       "date": "May"
                                     },
                                     {
-                                      "date": "Jun",
-                                      "value": 30.0
+                                      "value": 30.0,
+                                      "date": "Jun"
                                     }
-                                  ],
-                                  "type": "line-chart"
+                                  ]
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "color": "primary",
@@ -3118,61 +3117,62 @@
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "edges": [
-                                    {
-                                      "target": "b",
-                                      "source": "a"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ],
-                                  "width": 400.0,
-                                  "height": 200.0,
                                   "type": "graph-view",
+                                  "height": 200.0,
                                   "nodes": [
                                     {
-                                      "id": "a",
-                                      "label": "Start"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
                                       "id": "b",
                                       "label": "Process"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "label": "End",
+                                      "id": "c"
+                                    }
+                                  ],
+                                  "width": 400.0,
+                                  "edges": [
+                                    {
+                                      "source": "a",
+                                      "target": "b"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
                                     }
                                   ]
                                 }
                               ],
                               "direction": "vertical",
+                              "type": "stack",
                               "gap": "lg"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
                       ],
+                      "type": "dashboard-layout",
+                      "appName": "CI/CD Pipeline",
                       "navItems": [
                         {
-                          "icon": "hammer",
                           "label": "Builds",
+                          "icon": "hammer",
                           "href": "/builds"
                         },
                         {
-                          "label": "Stages",
                           "href": "/stages",
-                          "icon": "layers"
+                          "icon": "layers",
+                          "label": "Stages"
                         },
                         {
                           "label": "Deploy",
-                          "icon": "rocket",
-                          "href": "/deploy"
+                          "href": "/deploy",
+                          "icon": "rocket"
                         }
                       ]
                     }
@@ -3189,8 +3189,8 @@
                     "Stage",
                     {
                       "emit": {
-                        "success": "StageLoaded",
-                        "failure": "StageLoadFailed"
+                        "failure": "StageLoadFailed",
+                        "success": "StageLoaded"
                       }
                     }
                   ],
@@ -3198,56 +3198,71 @@
                     "render-ui",
                     "main",
                     {
+                      "navItems": [
+                        {
+                          "label": "Builds",
+                          "href": "/builds",
+                          "icon": "hammer"
+                        },
+                        {
+                          "label": "Stages",
+                          "icon": "layers",
+                          "href": "/stages"
+                        },
+                        {
+                          "icon": "rocket",
+                          "href": "/deploy",
+                          "label": "Deploy"
+                        }
+                      ],
                       "type": "dashboard-layout",
                       "appName": "CI/CD Pipeline",
                       "children": [
                         {
-                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "gap": "lg",
                               "type": "stack",
-                              "direction": "vertical",
+                              "gap": "lg",
                               "children": [
                                 {
-                                  "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "href": "/",
-                                      "label": "Home"
+                                      "label": "Home",
+                                      "href": "/"
                                     },
                                     {
                                       "label": "Stages"
                                     }
-                                  ]
+                                  ],
+                                  "type": "breadcrumb"
                                 },
                                 {
-                                  "type": "stack",
                                   "justify": "between",
                                   "gap": "md",
+                                  "type": "stack",
                                   "children": [
                                     {
+                                      "direction": "horizontal",
+                                      "gap": "md",
+                                      "type": "stack",
                                       "children": [
                                         {
                                           "name": "layers",
                                           "type": "icon"
                                         },
                                         {
-                                          "type": "typography",
+                                          "content": "Stages",
                                           "variant": "h2",
-                                          "content": "Stages"
+                                          "type": "typography"
                                         }
-                                      ],
-                                      "direction": "horizontal",
-                                      "type": "stack",
-                                      "gap": "md"
+                                      ]
                                     },
                                     {
+                                      "icon": "refresh-cw",
                                       "label": "Refresh",
-                                      "variant": "secondary",
-                                      "action": "REFRESH",
                                       "type": "button",
-                                      "icon": "refresh-cw"
+                                      "action": "REFRESH",
+                                      "variant": "secondary"
                                     }
                                   ],
                                   "direction": "horizontal"
@@ -3260,68 +3275,70 @@
                                   "padding": "md",
                                   "children": [
                                     {
+                                      "type": "simple-grid",
+                                      "cols": 3.0,
                                       "children": [
                                         {
-                                          "type": "card",
                                           "children": [
                                             {
-                                              "gap": "sm",
                                               "children": [
                                                 {
+                                                  "variant": "caption",
                                                   "content": "Name",
-                                                  "type": "typography",
-                                                  "variant": "caption"
+                                                  "type": "typography"
                                                 },
                                                 {
                                                   "type": "typography",
-                                                  "content": "@entity.name",
-                                                  "variant": "h3"
+                                                  "variant": "h3",
+                                                  "content": "@entity.name"
                                                 }
                                               ],
                                               "direction": "vertical",
+                                              "gap": "sm",
                                               "type": "stack"
                                             }
-                                          ]
+                                          ],
+                                          "type": "card"
                                         },
                                         {
                                           "type": "card",
                                           "children": [
                                             {
                                               "type": "stack",
+                                              "direction": "vertical",
+                                              "gap": "sm",
                                               "children": [
                                                 {
-                                                  "content": "Status",
                                                   "type": "typography",
-                                                  "variant": "caption"
+                                                  "variant": "caption",
+                                                  "content": "Status"
                                                 },
                                                 {
-                                                  "content": "@entity.status",
+                                                  "type": "typography",
                                                   "variant": "h3",
-                                                  "type": "typography"
+                                                  "content": "@entity.status"
                                                 }
-                                              ],
-                                              "gap": "sm",
-                                              "direction": "vertical"
+                                              ]
                                             }
                                           ]
                                         },
                                         {
                                           "children": [
                                             {
+                                              "gap": "sm",
                                               "children": [
                                                 {
-                                                  "variant": "caption",
+                                                  "content": "Duration",
                                                   "type": "typography",
-                                                  "content": "Duration"
+                                                  "variant": "caption"
                                                 },
                                                 {
+                                                  "variant": "h3",
                                                   "content": "@entity.duration",
-                                                  "type": "typography",
-                                                  "variant": "h3"
+                                                  "type": "typography"
                                                 }
                                               ],
                                               "type": "stack",
-                                              "gap": "sm",
                                               "direction": "vertical"
                                             }
                                           ],
@@ -3330,28 +3347,26 @@
                                         {
                                           "children": [
                                             {
+                                              "type": "stack",
                                               "children": [
                                                 {
+                                                  "content": "Output",
                                                   "type": "typography",
-                                                  "variant": "caption",
-                                                  "content": "Output"
+                                                  "variant": "caption"
                                                 },
                                                 {
                                                   "variant": "h3",
-                                                  "content": "@entity.output",
-                                                  "type": "typography"
+                                                  "type": "typography",
+                                                  "content": "@entity.output"
                                                 }
                                               ],
                                               "gap": "sm",
-                                              "type": "stack",
                                               "direction": "vertical"
                                             }
                                           ],
                                           "type": "card"
                                         }
-                                      ],
-                                      "type": "simple-grid",
-                                      "cols": 3.0
+                                      ]
                                     }
                                   ]
                                 },
@@ -3359,60 +3374,60 @@
                                   "type": "divider"
                                 },
                                 {
+                                  "gap": "md",
+                                  "type": "grid",
+                                  "cols": 2.0,
                                   "children": [
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
-                                          "content": "Chart View",
-                                          "variant": "caption"
+                                          "variant": "caption",
+                                          "content": "Chart View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     },
                                     {
                                       "children": [
                                         {
-                                          "content": "Graph View",
                                           "variant": "caption",
+                                          "content": "Graph View",
                                           "type": "typography"
                                         }
                                       ],
                                       "type": "card"
                                     }
-                                  ],
-                                  "type": "grid",
-                                  "cols": 2.0,
-                                  "gap": "md"
+                                  ]
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
-                                      "value": 12.0,
-                                      "date": "Jan"
+                                      "date": "Jan",
+                                      "value": 12.0
                                     },
                                     {
-                                      "value": 19.0,
-                                      "date": "Feb"
+                                      "date": "Feb",
+                                      "value": 19.0
                                     },
                                     {
-                                      "value": 15.0,
-                                      "date": "Mar"
+                                      "date": "Mar",
+                                      "value": 15.0
                                     },
                                     {
-                                      "value": 25.0,
-                                      "date": "Apr"
+                                      "date": "Apr",
+                                      "value": 25.0
                                     },
                                     {
                                       "date": "May",
                                       "value": 22.0
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
                                   "items": [
@@ -3421,9 +3436,9 @@
                                       "color": "primary"
                                     },
                                     {
-                                      "color": "muted",
-                                      "label": "Previous"
-                                    }
+                                      "label": "Previous",
+                                      "color": "muted"
+                                    }
                                   ],
                                   "type": "chart-legend"
                                 },
@@ -3435,8 +3450,8 @@
                                       "id": "a"
                                     },
                                     {
-                                      "label": "Process",
-                                      "id": "b"
+                                      "id": "b",
+                                      "label": "Process"
                                     },
                                     {
                                       "id": "c",
@@ -3445,8 +3460,8 @@
                                   ],
                                   "edges": [
                                     {
-                                      "target": "b",
-                                      "source": "a"
+                                      "source": "a",
+                                      "target": "b"
                                     },
                                     {
                                       "target": "c",
@@ -3456,26 +3471,11 @@
                                   "width": 400.0,
                                   "height": 200.0
                                 }
-                              ]
+                              ],
+                              "direction": "vertical"
                             }
-                          ]
-                        }
-                      ],
-                      "navItems": [
-                        {
-                          "href": "/builds",
-                          "icon": "hammer",
-                          "label": "Builds"
-                        },
-                        {
-                          "icon": "layers",
-                          "label": "Stages",
-                          "href": "/stages"
-                        },
-                        {
-                          "label": "Deploy",
-                          "href": "/deploy",
-                          "icon": "rocket"
+                          ],
+                          "type": "scaled-diagram"
                         }
                       ]
                     }
@@ -3546,7 +3546,7 @@
               "event": "DeploymentLoadFailed",
               "description": "Fired when Deployment fails to load",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -3561,7 +3561,7 @@
               "event": "DeploymentLoaded",
               "description": "Fired when Deployment finishes loading",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "data",
                   "type": "[Deployment]"
@@ -3571,7 +3571,7 @@
             {
               "event": "DeploymentSaveFailed",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "error",
                   "type": "string"
@@ -3585,7 +3585,7 @@
             {
               "event": "DeploymentSaved",
               "scope": "internal",
-              "payload": [
+              "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string"
@@ -3621,7 +3621,7 @@
               {
                 "key": "LOADED",
                 "name": "Loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "string"
@@ -3643,7 +3643,7 @@
               {
                 "key": "DeploymentLoadFailed",
                 "name": "Deployment load failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -3657,7 +3657,7 @@
               {
                 "key": "DeploymentLoaded",
                 "name": "Deployment loaded",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "data",
                     "type": "[Deployment]"
@@ -3667,7 +3667,7 @@
               {
                 "key": "DeploymentSaveFailed",
                 "name": "Deployment save failed",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "error",
                     "type": "string"
@@ -3681,7 +3681,7 @@
               {
                 "key": "DeploymentSaved",
                 "name": "Deployment saved",
-                "payload": [
+                "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string"
@@ -3709,66 +3709,66 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "CI/CD Pipeline",
                       "navItems": [
                         {
-                          "label": "Builds",
                           "href": "/builds",
-                          "icon": "hammer"
+                          "icon": "hammer",
+                          "label": "Builds"
                         },
                         {
                           "label": "Stages",
-                          "href": "/stages",
-                          "icon": "layers"
+                          "icon": "layers",
+                          "href": "/stages"
                         },
                         {
-                          "href": "/deploy",
                           "icon": "rocket",
-                          "label": "Deploy"
+                          "label": "Deploy",
+                          "href": "/deploy"
                         }
                       ],
                       "type": "dashboard-layout",
+                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
+                          "type": "stack",
+                          "direction": "vertical",
                           "gap": "lg",
                           "align": "center",
-                          "type": "stack",
                           "children": [
                             {
+                              "gap": "md",
+                              "align": "center",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "upload-cloud"
+                                  "name": "upload-cloud",
+                                  "type": "icon"
                                 },
                                 {
-                                  "variant": "h2",
+                                  "content": "Deployment",
                                   "type": "typography",
-                                  "content": "Deployment"
+                                  "variant": "h2"
                                 }
                               ],
-                              "align": "center",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "type": "stack"
+                              "direction": "horizontal"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "color": "muted",
                               "variant": "body",
+                              "type": "typography",
                               "content": "Ready to start deployment operation.",
-                              "type": "typography"
+                              "color": "muted"
                             },
                             {
+                              "variant": "primary",
+                              "action": "START",
                               "type": "button",
-                              "label": "Start",
                               "icon": "play",
-                              "action": "START",
-                              "variant": "primary"
+                              "label": "Start"
                             }
-                          ],
-                          "direction": "vertical"
+                          ]
                         }
                       ]
                     }
@@ -3784,26 +3784,6 @@
                     "render-ui",
                     "main",
                     {
-                      "children": [
-                        {
-                          "children": [
-                            {
-                              "title": "Deploying...",
-                              "message": "Processing deployment...",
-                              "type": "loading-state"
-                            },
-                            {
-                              "type": "skeleton",
-                              "variant": "text"
-                            }
-                          ],
-                          "align": "center",
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg"
-                        }
-                      ],
-                      "appName": "CI/CD Pipeline",
                       "type": "dashboard-layout",
                       "navItems": [
                         {
@@ -3812,8 +3792,8 @@
                           "href": "/builds"
                         },
                         {
-                          "icon": "layers",
                           "label": "Stages",
+                          "icon": "layers",
                           "href": "/stages"
                         },
                         {
@@ -3821,6 +3801,26 @@
                           "href": "/deploy",
                           "icon": "rocket"
                         }
+                      ],
+                      "appName": "CI/CD Pipeline",
+                      "children": [
+                        {
+                          "align": "center",
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "title": "Deploying...",
+                              "type": "loading-state",
+                              "message": "Processing deployment..."
+                            },
+                            {
+                              "type": "skeleton",
+                              "variant": "text"
+                            }
+                          ]
+                        }
                       ]
                     }
                   ]
@@ -3848,39 +3848,38 @@
                     "main",
                     {
                       "appName": "CI/CD Pipeline",
-                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "align": "center",
-                          "gap": "lg",
-                          "type": "stack",
                           "direction": "vertical",
+                          "type": "stack",
                           "children": [
                             {
-                              "name": "check-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "check-circle"
                             },
                             {
-                              "message": "Deployment successful.",
                               "type": "alert",
+                              "message": "Deployment successful.",
                               "variant": "success"
                             },
                             {
-                              "gap": "sm",
-                              "type": "stack",
-                              "justify": "center",
                               "children": [
                                 {
                                   "icon": "rotate-ccw",
-                                  "label": "Reset",
-                                  "variant": "ghost",
+                                  "type": "button",
                                   "action": "RESET",
-                                  "type": "button"
+                                  "label": "Reset",
+                                  "variant": "ghost"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "justify": "center",
+                              "gap": "sm",
+                              "direction": "horizontal",
+                              "type": "stack"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "gap": "lg"
                         }
                       ],
                       "navItems": [
@@ -3890,16 +3889,17 @@
                           "href": "/builds"
                         },
                         {
+                          "icon": "layers",
                           "label": "Stages",
-                          "href": "/stages",
-                          "icon": "layers"
+                          "href": "/stages"
                         },
                         {
-                          "label": "Deploy",
                           "href": "/deploy",
+                          "label": "Deploy",
                           "icon": "rocket"
                         }
-                      ]
+                      ],
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -3914,61 +3914,61 @@
                     "main",
                     {
                       "appName": "CI/CD Pipeline",
-                      "navItems": [
-                        {
-                          "icon": "hammer",
-                          "label": "Builds",
-                          "href": "/builds"
-                        },
-                        {
-                          "label": "Stages",
-                          "icon": "layers",
-                          "href": "/stages"
-                        },
-                        {
-                          "icon": "rocket",
-                          "label": "Deploy",
-                          "href": "/deploy"
-                        }
-                      ],
-                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "direction": "vertical",
-                          "type": "stack",
                           "gap": "lg",
                           "align": "center",
+                          "direction": "vertical",
+                          "type": "stack",
                           "children": [
                             {
-                              "onRetry": "RETRY",
-                              "type": "error-state",
                               "title": "Operation Failed",
-                              "message": "Deployment failed."
+                              "message": "Deployment failed.",
+                              "onRetry": "RETRY",
+                              "type": "error-state"
                             },
                             {
+                              "justify": "center",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "sm",
                               "children": [
                                 {
-                                  "variant": "primary",
-                                  "action": "RETRY",
                                   "type": "button",
+                                  "action": "RETRY",
                                   "label": "Retry",
+                                  "variant": "primary",
                                   "icon": "refresh-cw"
                                 },
                                 {
-                                  "icon": "rotate-ccw",
-                                  "type": "button",
                                   "label": "Reset",
+                                  "variant": "ghost",
                                   "action": "RESET",
-                                  "variant": "ghost"
+                                  "type": "button",
+                                  "icon": "rotate-ccw"
                                 }
-                              ],
-                              "justify": "center",
-                              "type": "stack",
-                              "gap": "sm",
-                              "direction": "horizontal"
+                              ]
                             }
                           ]
                         }
+                      ],
+                      "type": "dashboard-layout",
+                      "navItems": [
+                        {
+                          "icon": "hammer",
+                          "href": "/builds",
+                          "label": "Builds"
+                        },
+                        {
+                          "icon": "layers",
+                          "href": "/stages",
+                          "label": "Stages"
+                        },
+                        {
+                          "label": "Deploy",
+                          "href": "/deploy",
+                          "icon": "rocket"
+                        }
                       ]
                     }
                   ]
@@ -3983,35 +3983,51 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "CI/CD Pipeline",
+                      "navItems": [
+                        {
+                          "label": "Builds",
+                          "icon": "hammer",
+                          "href": "/builds"
+                        },
+                        {
+                          "href": "/stages",
+                          "label": "Stages",
+                          "icon": "layers"
+                        },
+                        {
+                          "icon": "rocket",
+                          "href": "/deploy",
+                          "label": "Deploy"
+                        }
+                      ],
                       "children": [
                         {
-                          "gap": "lg",
                           "type": "stack",
-                          "direction": "vertical",
                           "children": [
                             {
+                              "type": "stack",
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "align": "center",
                               "children": [
                                 {
-                                  "name": "upload-cloud",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "upload-cloud"
                                 },
                                 {
-                                  "content": "Deployment",
                                   "type": "typography",
+                                  "content": "Deployment",
                                   "variant": "h2"
                                 }
-                              ],
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "align": "center",
-                              "type": "stack"
+                              ]
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "type": "typography",
                               "variant": "body",
+                              "type": "typography",
                               "color": "muted",
                               "content": "Ready to start deployment operation."
                             },
@@ -4019,31 +4035,15 @@
                               "variant": "primary",
                               "type": "button",
                               "icon": "play",
-                              "label": "Start",
-                              "action": "START"
+                              "action": "START",
+                              "label": "Start"
                             }
                           ],
+                          "direction": "vertical",
+                          "gap": "lg",
                           "align": "center"
                         }
                       ],
-                      "appName": "CI/CD Pipeline",
-                      "navItems": [
-                        {
-                          "label": "Builds",
-                          "icon": "hammer",
-                          "href": "/builds"
-                        },
-                        {
-                          "href": "/stages",
-                          "label": "Stages",
-                          "icon": "layers"
-                        },
-                        {
-                          "label": "Deploy",
-                          "icon": "rocket",
-                          "href": "/deploy"
-                        }
-                      ],
                       "type": "dashboard-layout"
                     }
                   ]
@@ -4060,45 +4060,41 @@
                     {
                       "navItems": [
                         {
+                          "icon": "hammer",
                           "label": "Builds",
-                          "href": "/builds",
-                          "icon": "hammer"
+                          "href": "/builds"
                         },
                         {
-                          "label": "Stages",
+                          "href": "/stages",
                           "icon": "layers",
-                          "href": "/stages"
+                          "label": "Stages"
                         },
                         {
                           "href": "/deploy",
-                          "label": "Deploy",
-                          "icon": "rocket"
+                          "icon": "rocket",
+                          "label": "Deploy"
                         }
                       ],
-                      "type": "dashboard-layout",
+                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "align": "center",
-                          "type": "stack",
                           "children": [
                             {
+                              "type": "stack",
                               "direction": "horizontal",
+                              "align": "center",
+                              "gap": "md",
                               "children": [
                                 {
-                                  "name": "upload-cloud",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "upload-cloud"
                                 },
                                 {
+                                  "variant": "h2",
                                   "type": "typography",
-                                  "content": "Deployment",
-                                  "variant": "h2"
+                                  "content": "Deployment"
                                 }
-                              ],
-                              "align": "center",
-                              "gap": "md",
-                              "type": "stack"
+                              ]
                             },
                             {
                               "type": "divider"
@@ -4110,16 +4106,20 @@
                               "color": "muted"
                             },
                             {
+                              "type": "button",
+                              "action": "START",
                               "label": "Start",
                               "variant": "primary",
-                              "type": "button",
-                              "icon": "play",
-                              "action": "START"
+                              "icon": "play"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "align": "center",
+                          "gap": "lg",
+                          "direction": "vertical"
                         }
                       ],
-                      "appName": "CI/CD Pipeline"
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -4134,41 +4134,41 @@
                     "main",
                     {
                       "type": "dashboard-layout",
+                      "appName": "CI/CD Pipeline",
                       "navItems": [
                         {
-                          "label": "Builds",
                           "icon": "hammer",
-                          "href": "/builds"
+                          "href": "/builds",
+                          "label": "Builds"
                         },
                         {
+                          "label": "Stages",
                           "icon": "layers",
-                          "href": "/stages",
-                          "label": "Stages"
+                          "href": "/stages"
                         },
                         {
-                          "icon": "rocket",
                           "label": "Deploy",
+                          "icon": "rocket",
                           "href": "/deploy"
                         }
                       ],
-                      "appName": "CI/CD Pipeline",
                       "children": [
                         {
-                          "type": "stack",
-                          "gap": "lg",
-                          "align": "center",
                           "direction": "vertical",
                           "children": [
                             {
-                              "message": "Processing deployment...",
                               "title": "Deploying...",
-                              "type": "loading-state"
+                              "type": "loading-state",
+                              "message": "Processing deployment..."
                             },
                             {
                               "variant": "text",
                               "type": "skeleton"
                             }
-                          ]
+                          ],
+                          "gap": "lg",
+                          "align": "center",
+                          "type": "stack"
                         }
                       ]
                     }
@@ -4193,4 +4193,4 @@
       ]
     }
   ]
-}
+}