@almadar/std 8.2.0 → 8.4.0

package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb

@@ -643,8 +643,8 @@
                     "Product",
                     {
                       "emit": {
-                        "failure": "ProductLoadFailed",
-                        "success": "ProductLoaded"
+                        "success": "ProductLoaded",
+                        "failure": "ProductLoadFailed"
                       }
                     }
                   ],
@@ -652,22 +652,22 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
                       "className": "py-12",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "type": "typography",
+                          "content": "Loading…",
                           "variant": "caption",
-                          "content": "Loading…"
+                          "type": "typography",
+                          "color": "muted"
                         }
                       ],
-                      "gap": "md",
-                      "align": "center",
-                      "direction": "vertical",
-                      "type": "stack"
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -681,23 +681,17 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace",
                       "children": [
                         {
-                          "className": "max-w-5xl mx-auto w-full",
-                          "gap": "lg",
                           "type": "stack",
                           "direction": "vertical",
+                          "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
-                              "align": "center",
-                              "gap": "md",
-                              "justify": "between",
                               "children": [
                                 {
-                                  "direction": "horizontal",
                                   "align": "center",
+                                  "direction": "horizontal",
                                   "children": [
                                     {
                                       "name": "shopping-bag",
@@ -705,113 +699,119 @@
                                     },
                                     {
                                       "type": "typography",
-                                      "variant": "h2",
-                                      "content": "Products"
+                                      "content": "Products",
+                                      "variant": "h2"
                                     }
                                   ],
                                   "type": "stack",
                                   "gap": "sm"
                                 },
                                 {
-                                  "direction": "horizontal",
                                   "children": [
                                     {
-                                      "variant": "primary",
                                       "type": "button",
-                                      "icon": "plus",
                                       "label": "Create Product",
-                                      "action": "CREATE"
+                                      "action": "CREATE",
+                                      "icon": "plus",
+                                      "variant": "primary"
                                     }
                                   ],
                                   "type": "stack",
+                                  "direction": "horizontal",
                                   "gap": "sm"
                                 }
                               ],
                               "type": "stack",
-                              "direction": "horizontal"
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "align": "center",
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "entity": "@payload.data",
+                              "type": "data-grid",
                               "itemActions": [
                                 {
-                                  "variant": "ghost",
+                                  "event": "VIEW",
                                   "label": "View",
-                                  "event": "VIEW"
+                                  "variant": "ghost"
                                 },
                                 {
                                   "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost"
+                                  "variant": "ghost",
+                                  "event": "EDIT"
                                 },
                                 {
-                                  "label": "Delete",
                                   "variant": "danger",
-                                  "event": "DELETE"
+                                  "event": "DELETE",
+                                  "label": "Delete"
                                 }
                               ],
+                              "fields": [],
                               "columns": [
                                 {
+                                  "variant": "h4",
                                   "name": "name",
-                                  "icon": "shopping-bag",
                                   "label": "Name",
-                                  "variant": "h4"
+                                  "icon": "shopping-bag"
                                 },
                                 {
                                   "label": "Description",
-                                  "variant": "badge",
                                   "name": "description",
+                                  "variant": "badge",
                                   "colorMap": {
-                                    "active": "success",
-                                    "completed": "success",
-                                    "scheduled": "warning",
                                     "archived": "neutral",
-                                    "failed": "destructive",
                                     "done": "success",
-                                    "disabled": "neutral",
                                     "pending": "warning",
-                                    "inactive": "neutral",
                                     "error": "destructive",
-                                    "draft": "warning",
-                                    "cancelled": "destructive"
+                                    "cancelled": "destructive",
+                                    "scheduled": "warning",
+                                    "completed": "success",
+                                    "disabled": "neutral",
+                                    "inactive": "neutral",
+                                    "active": "success",
+                                    "failed": "destructive",
+                                    "draft": "warning"
                                   }
                                 },
                                 {
                                   "variant": "caption",
-                                  "name": "price",
-                                  "label": "Price"
+                                  "label": "Price",
+                                  "name": "price"
                                 }
-                              ],
-                              "entity": "@payload.data",
-                              "type": "data-grid",
-                              "fields": []
+                              ]
                             }
-                          ]
+                          ],
+                          "gap": "lg"
                         }
                       ],
+                      "appName": "ServiceMarketplace",
                       "navItems": [
                         {
-                          "icon": "package",
                           "label": "Products",
+                          "icon": "package",
                           "href": "/products"
                         },
                         {
                           "icon": "layout-list",
-                          "href": "/login",
-                          "label": "Login"
+                          "label": "Login",
+                          "href": "/login"
                         },
                         {
                           "href": "/checkout",
-                          "label": "Checkout",
-                          "icon": "credit-card"
+                          "icon": "credit-card",
+                          "label": "Checkout"
                         },
                         {
                           "label": "Orders",
                           "href": "/orders",
                           "icon": "clipboard-list"
                         }
-                      ]
+                      ],
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -825,36 +825,36 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
                       "gap": "md",
-                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "name": "alert-triangle",
                           "type": "icon",
+                          "name": "alert-triangle",
                           "color": "destructive"
                         },
                         {
+                          "content": "Failed to load product",
                           "variant": "h3",
-                          "type": "typography",
-                          "content": "Failed to load product"
+                          "type": "typography"
                         },
                         {
-                          "content": "@payload.error",
-                          "type": "typography",
                           "variant": "body",
-                          "color": "muted"
+                          "color": "muted",
+                          "content": "@payload.error",
+                          "type": "typography"
                         },
                         {
-                          "type": "button",
                           "label": "Retry",
                           "variant": "primary",
+                          "type": "button",
                           "icon": "rotate-ccw",
                           "action": "INIT"
                         }
                       ],
-                      "direction": "vertical",
-                      "type": "stack"
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -1038,8 +1038,8 @@
                     "Product",
                     {
                       "emit": {
-                        "failure": "ProductLoadFailed",
-                        "success": "ProductLoaded"
+                        "success": "ProductLoaded",
+                        "failure": "ProductLoadFailed"
                       }
                     }
                   ],
@@ -1047,24 +1047,24 @@
                     "render-ui",
                     "modal",
                     {
-                      "gap": "md",
                       "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "name": "plus-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "plus-circle"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
-                              "content": "Create Product"
+                              "content": "Create Product",
+                              "variant": "h3"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
@@ -1083,7 +1083,7 @@
                           "submitEvent": "SAVE"
                         }
                       ],
-                      "direction": "vertical"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1347,34 +1347,31 @@
                     "render-ui",
                     "modal",
                     {
-                      "gap": "md",
-                      "type": "stack",
                       "direction": "vertical",
                       "children": [
                         {
-                          "direction": "horizontal",
-                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "icon",
                               "name": "edit"
                             },
                             {
-                              "variant": "h3",
+                              "content": "Edit Product",
                               "type": "typography",
-                              "content": "Edit Product"
+                              "variant": "h3"
                             }
                           ],
-                          "gap": "sm"
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "mode": "edit",
-                          "type": "form-section",
-                          "entity": "@payload.row",
                           "submitEvent": "SAVE",
+                          "type": "form-section",
+                          "mode": "edit",
                           "cancelEvent": "CLOSE",
                           "fields": [
                             "name",
@@ -1382,9 +1379,12 @@
                             "price",
                             "category",
                             "inStock"
-                          ]
+                          ],
+                          "entity": "@payload.row"
                         }
-                      ]
+                      ],
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1583,86 +1583,85 @@
                     "modal",
                     {
                       "gap": "md",
-                      "direction": "vertical",
-                      "type": "stack",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "type": "stack",
                           "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "eye"
+                              "name": "eye",
+                              "type": "icon"
                             },
                             {
-                              "content": "@entity.name",
+                              "type": "typography",
                               "variant": "h3",
-                              "type": "typography"
+                              "content": "@entity.name"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "md",
                           "direction": "horizontal",
+                          "gap": "md",
+                          "type": "stack",
                           "children": [
                             {
-                              "content": "Name",
                               "type": "typography",
+                              "content": "Name",
                               "variant": "caption"
                             },
                             {
-                              "type": "typography",
+                              "content": "@entity.name",
                               "variant": "body",
-                              "content": "@entity.name"
+                              "type": "typography"
                             }
-                          ],
-                          "type": "stack"
+                          ]
                         },
                         {
-                          "direction": "horizontal",
+                          "gap": "md",
                           "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "content": "Description",
                               "type": "typography",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "content": "Description"
                             },
                             {
-                              "variant": "body",
+                              "type": "typography",
                               "content": "@entity.description",
-                              "type": "typography"
+                              "variant": "body"
                             }
-                          ],
-                          "gap": "md"
+                          ]
                         },
                         {
-                          "gap": "md",
+                          "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "content": "Price",
+                              "variant": "caption",
                               "type": "typography",
-                              "variant": "caption"
+                              "content": "Price"
                             },
                             {
+                              "type": "typography",
                               "content": "@entity.price",
-                              "variant": "body",
-                              "type": "typography"
+                              "variant": "body"
                             }
                           ],
-                          "direction": "horizontal",
-                          "type": "stack"
+                          "gap": "md"
                         },
                         {
-                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
-                              "type": "typography",
                               "variant": "caption",
+                              "type": "typography",
                               "content": "Category"
                             },
                             {
@@ -1671,51 +1670,52 @@
                               "content": "@entity.category"
                             }
                           ],
-                          "gap": "md",
-                          "direction": "horizontal"
+                          "type": "stack"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "content": "In Stock",
+                              "variant": "caption",
                               "type": "typography",
-                              "variant": "caption"
+                              "content": "In Stock"
                             },
                             {
+                              "content": "@entity.inStock",
                               "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.inStock"
+                              "variant": "body"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
                           "type": "stack",
+                          "justify": "end",
                           "direction": "horizontal",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "button",
                               "icon": "edit",
-                              "label": "Edit",
+                              "variant": "primary",
                               "action": "EDIT",
-                              "variant": "primary"
+                              "label": "Edit"
                             },
                             {
-                              "variant": "ghost",
                               "type": "button",
+                              "label": "Close",
                               "action": "CLOSE",
-                              "label": "Close"
+                              "variant": "ghost"
                             }
-                          ],
-                          "justify": "end"
+                          ]
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1961,56 +1961,56 @@
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
+                          "type": "stack",
                           "children": [
                             {
                               "type": "icon",
                               "name": "alert-triangle"
                             },
                             {
-                              "variant": "h3",
                               "content": "Delete Product",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "h3"
                             }
                           ],
-                          "type": "stack",
-                          "align": "center",
                           "gap": "sm",
+                          "align": "center",
                           "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "message": "This action cannot be undone.",
                           "variant": "error",
-                          "type": "alert"
+                          "type": "alert",
+                          "message": "This action cannot be undone."
                         },
                         {
-                          "type": "stack",
-                          "gap": "sm",
                           "direction": "horizontal",
-                          "justify": "end",
+                          "gap": "sm",
+                          "type": "stack",
                           "children": [
                             {
                               "label": "Cancel",
+                              "variant": "ghost",
                               "type": "button",
-                              "action": "CANCEL",
-                              "variant": "ghost"
+                              "action": "CANCEL"
                             },
                             {
-                              "variant": "danger",
+                              "label": "Delete",
+                              "action": "CONFIRM_DELETE",
                               "icon": "check",
                               "type": "button",
-                              "action": "CONFIRM_DELETE",
-                              "label": "Delete"
+                              "variant": "danger"
                             }
-                          ]
+                          ],
+                          "justify": "end"
                         }
                       ],
+                      "type": "stack",
+                      "direction": "vertical",
                       "gap": "md"
                     }
                   ]
@@ -2387,39 +2387,15 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace",
-                      "navItems": [
+                      "children": [
                         {
-                          "href": "/products",
-                          "icon": "package",
-                          "label": "Products"
-                        },
-                        {
-                          "icon": "layout-list",
-                          "label": "Login",
-                          "href": "/login"
-                        },
-                        {
-                          "icon": "credit-card",
-                          "label": "Checkout",
-                          "href": "/checkout"
-                        },
-                        {
-                          "href": "/orders",
-                          "icon": "clipboard-list",
-                          "label": "Orders"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "direction": "vertical",
+                          "align": "center",
                           "type": "stack",
+                          "direction": "vertical",
+                          "gap": "lg",
                           "children": [
                             {
                               "gap": "md",
-                              "direction": "horizontal",
-                              "type": "stack",
                               "align": "center",
                               "children": [
                                 {
@@ -2427,11 +2403,13 @@
                                   "name": "lock"
                                 },
                                 {
-                                  "content": "Sign In",
                                   "variant": "h2",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "content": "Sign In"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "type": "stack"
                             },
                             {
                               "type": "divider"
@@ -2440,12 +2418,12 @@
                               "type": "select",
                               "options": [
                                 {
-                                  "label": "Google",
-                                  "value": "google"
+                                  "value": "google",
+                                  "label": "Google"
                                 },
                                 {
-                                  "value": "github",
-                                  "label": "GitHub"
+                                  "label": "GitHub",
+                                  "value": "github"
                                 },
                                 {
                                   "label": "Microsoft",
@@ -2454,17 +2432,39 @@
                               ]
                             },
                             {
-                              "label": "Login",
-                              "variant": "primary",
+                              "type": "button",
                               "icon": "log-in",
+                              "variant": "primary",
                               "action": "LOGIN",
-                              "type": "button"
+                              "label": "Login"
                             }
-                          ],
-                          "align": "center",
-                          "gap": "lg"
+                          ]
                         }
-                      ]
+                      ],
+                      "navItems": [
+                        {
+                          "href": "/products",
+                          "label": "Products",
+                          "icon": "package"
+                        },
+                        {
+                          "icon": "layout-list",
+                          "label": "Login",
+                          "href": "/login"
+                        },
+                        {
+                          "href": "/checkout",
+                          "icon": "credit-card",
+                          "label": "Checkout"
+                        },
+                        {
+                          "href": "/orders",
+                          "label": "Orders",
+                          "icon": "clipboard-list"
+                        }
+                      ],
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -2478,37 +2478,37 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "ServiceMarketplace",
                       "type": "dashboard-layout",
+                      "children": [
+                        {
+                          "title": "Authorizing...",
+                          "message": "Redirecting to provider for authorization.",
+                          "type": "loading-state"
+                        }
+                      ],
                       "navItems": [
                         {
                           "label": "Products",
-                          "icon": "package",
-                          "href": "/products"
+                          "href": "/products",
+                          "icon": "package"
                         },
                         {
-                          "href": "/login",
                           "icon": "layout-list",
-                          "label": "Login"
+                          "label": "Login",
+                          "href": "/login"
                         },
                         {
-                          "icon": "credit-card",
+                          "label": "Checkout",
                           "href": "/checkout",
-                          "label": "Checkout"
+                          "icon": "credit-card"
                         },
                         {
-                          "href": "/orders",
                           "icon": "clipboard-list",
+                          "href": "/orders",
                           "label": "Orders"
                         }
-                      ],
-                      "children": [
-                        {
-                          "type": "loading-state",
-                          "message": "Redirecting to provider for authorization.",
-                          "title": "Authorizing..."
-                        }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ],
                   [
@@ -2516,11 +2516,11 @@
                     "oauth",
                     "authorize",
                     {
+                      "provider": "@entity.provider",
                       "scopes": [
                         "openid",
                         "email"
-                      ],
-                      "provider": "@entity.provider"
+                      ]
                     },
                     {
                       "emit": {
@@ -2545,6 +2545,8 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
                           "label": "Products",
@@ -2557,54 +2559,52 @@
                           "icon": "layout-list"
                         },
                         {
-                          "icon": "credit-card",
+                          "href": "/checkout",
                           "label": "Checkout",
-                          "href": "/checkout"
+                          "icon": "credit-card"
                         },
                         {
-                          "icon": "clipboard-list",
                           "label": "Orders",
-                          "href": "/orders"
+                          "href": "/orders",
+                          "icon": "clipboard-list"
                         }
                       ],
                       "children": [
                         {
+                          "gap": "lg",
                           "align": "center",
-                          "direction": "vertical",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "external-link"
+                              "name": "external-link",
+                              "type": "icon"
                             },
                             {
-                              "type": "typography",
+                              "variant": "h2",
                               "content": "Authorization Required",
-                              "variant": "h2"
+                              "type": "typography"
                             },
                             {
-                              "variant": "body",
-                              "content": "@entity.authUrl",
                               "type": "typography",
+                              "content": "@entity.authUrl",
+                              "variant": "body",
                               "color": "muted"
                             },
                             {
-                              "type": "input",
-                              "placeholder": "Paste authorization code here"
+                              "placeholder": "Paste authorization code here",
+                              "type": "input"
                             },
                             {
                               "type": "button",
-                              "label": "Submit",
+                              "action": "CALLBACK",
                               "variant": "primary",
-                              "icon": "check",
-                              "action": "CALLBACK"
+                              "label": "Submit",
+                              "icon": "check"
                             }
                           ],
                           "type": "stack",
-                          "gap": "lg"
+                          "direction": "vertical"
                         }
-                      ],
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ]
                 ]
@@ -2623,8 +2623,8 @@
                     },
                     {
                       "emit": {
-                        "failure": "ProductOauthFailed",
-                        "success": "ProductOauthCompleted"
+                        "success": "ProductOauthCompleted",
+                        "failure": "ProductOauthFailed"
                       }
                     }
                   ],
@@ -2632,15 +2632,40 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout",
+                      "navItems": [
+                        {
+                          "label": "Products",
+                          "href": "/products",
+                          "icon": "package"
+                        },
+                        {
+                          "href": "/login",
+                          "icon": "layout-list",
+                          "label": "Login"
+                        },
+                        {
+                          "href": "/checkout",
+                          "icon": "credit-card",
+                          "label": "Checkout"
+                        },
+                        {
+                          "href": "/orders",
+                          "icon": "clipboard-list",
+                          "label": "Orders"
+                        }
+                      ],
                       "children": [
                         {
                           "direction": "vertical",
+                          "type": "stack",
                           "gap": "lg",
                           "align": "center",
                           "children": [
                             {
-                              "name": "check-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "check-circle"
                             },
                             {
                               "variant": "success",
@@ -2650,51 +2675,26 @@
                             {
                               "children": [
                                 {
-                                  "action": "REFRESH",
-                                  "icon": "refresh-cw",
+                                  "type": "button",
                                   "label": "Refresh Token",
                                   "variant": "ghost",
-                                  "type": "button"
+                                  "action": "REFRESH",
+                                  "icon": "refresh-cw"
                                 },
                                 {
-                                  "type": "button",
-                                  "variant": "ghost",
                                   "icon": "log-out",
+                                  "action": "LOGOUT",
                                   "label": "Logout",
-                                  "action": "LOGOUT"
+                                  "type": "button",
+                                  "variant": "ghost"
                                 }
                               ],
                               "justify": "center",
+                              "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack",
-                              "direction": "horizontal"
+                              "type": "stack"
                             }
-                          ],
-                          "type": "stack"
-                        }
-                      ],
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace",
-                      "navItems": [
-                        {
-                          "label": "Products",
-                          "icon": "package",
-                          "href": "/products"
-                        },
-                        {
-                          "label": "Login",
-                          "href": "/login",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Checkout",
-                          "href": "/checkout",
-                          "icon": "credit-card"
-                        },
-                        {
-                          "icon": "clipboard-list",
-                          "label": "Orders",
-                          "href": "/orders"
+                          ]
                         }
                       ]
                     }
@@ -2715,6 +2715,29 @@
                     "render-ui",
                     "main",
                     {
+                      "children": [
+                        {
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "children": [
+                            {
+                              "onRetry": "RETRY",
+                              "type": "error-state",
+                              "title": "Authentication Failed",
+                              "message": "@entity.error"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Try Again",
+                              "action": "RETRY",
+                              "variant": "primary",
+                              "icon": "rotate-ccw"
+                            }
+                          ],
+                          "align": "center",
+                          "type": "stack"
+                        }
+                      ],
                       "navItems": [
                         {
                           "href": "/products",
@@ -2722,46 +2745,23 @@
                           "label": "Products"
                         },
                         {
-                          "href": "/login",
+                          "label": "Login",
                           "icon": "layout-list",
-                          "label": "Login"
+                          "href": "/login"
                         },
                         {
-                          "label": "Checkout",
+                          "href": "/checkout",
                           "icon": "credit-card",
-                          "href": "/checkout"
+                          "label": "Checkout"
                         },
                         {
-                          "icon": "clipboard-list",
                           "href": "/orders",
+                          "icon": "clipboard-list",
                           "label": "Orders"
                         }
                       ],
-                      "type": "dashboard-layout",
-                      "children": [
-                        {
-                          "gap": "lg",
-                          "direction": "vertical",
-                          "children": [
-                            {
-                              "onRetry": "RETRY",
-                              "type": "error-state",
-                              "message": "@entity.error",
-                              "title": "Authentication Failed"
-                            },
-                            {
-                              "action": "RETRY",
-                              "variant": "primary",
-                              "type": "button",
-                              "label": "Try Again",
-                              "icon": "rotate-ccw"
-                            }
-                          ],
-                          "type": "stack",
-                          "align": "center"
-                        }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -2790,36 +2790,12 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "ServiceMarketplace",
-                      "navItems": [
-                        {
-                          "href": "/products",
-                          "label": "Products",
-                          "icon": "package"
-                        },
-                        {
-                          "href": "/login",
-                          "icon": "layout-list",
-                          "label": "Login"
-                        },
-                        {
-                          "href": "/checkout",
-                          "icon": "credit-card",
-                          "label": "Checkout"
-                        },
-                        {
-                          "href": "/orders",
-                          "icon": "clipboard-list",
-                          "label": "Orders"
-                        }
-                      ],
                       "children": [
                         {
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "check-circle"
+                              "name": "check-circle",
+                              "type": "icon"
                             },
                             {
                               "type": "alert",
@@ -2827,34 +2803,58 @@
                               "message": "Authenticated successfully"
                             },
                             {
-                              "type": "stack",
                               "gap": "sm",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "justify": "center",
                               "children": [
                                 {
+                                  "variant": "ghost",
                                   "type": "button",
-                                  "action": "REFRESH",
                                   "icon": "refresh-cw",
                                   "label": "Refresh Token",
-                                  "variant": "ghost"
+                                  "action": "REFRESH"
                                 },
                                 {
+                                  "variant": "ghost",
                                   "type": "button",
+                                  "icon": "log-out",
                                   "label": "Logout",
-                                  "variant": "ghost",
-                                  "action": "LOGOUT",
-                                  "icon": "log-out"
+                                  "action": "LOGOUT"
                                 }
-                              ],
-                              "justify": "center",
-                              "direction": "horizontal"
+                              ]
                             }
                           ],
-                          "type": "stack",
                           "direction": "vertical",
+                          "align": "center",
+                          "type": "stack",
                           "gap": "lg"
                         }
                       ],
-                      "type": "dashboard-layout"
+                      "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
+                      "navItems": [
+                        {
+                          "icon": "package",
+                          "label": "Products",
+                          "href": "/products"
+                        },
+                        {
+                          "icon": "layout-list",
+                          "href": "/login",
+                          "label": "Login"
+                        },
+                        {
+                          "href": "/checkout",
+                          "icon": "credit-card",
+                          "label": "Checkout"
+                        },
+                        {
+                          "href": "/orders",
+                          "label": "Orders",
+                          "icon": "clipboard-list"
+                        }
+                      ]
                     }
                   ]
                 ]
@@ -2868,35 +2868,35 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
                       "appName": "ServiceMarketplace",
                       "navItems": [
                         {
-                          "icon": "package",
                           "href": "/products",
+                          "icon": "package",
                           "label": "Products"
                         },
                         {
                           "href": "/login",
-                          "icon": "layout-list",
-                          "label": "Login"
+                          "label": "Login",
+                          "icon": "layout-list"
                         },
                         {
-                          "href": "/checkout",
                           "label": "Checkout",
+                          "href": "/checkout",
                           "icon": "credit-card"
                         },
                         {
-                          "href": "/orders",
+                          "label": "Orders",
                           "icon": "clipboard-list",
-                          "label": "Orders"
+                          "href": "/orders"
                         }
                       ],
-                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "message": "Obtaining a new access token.",
                           "type": "loading-state",
-                          "title": "Refreshing token..."
+                          "title": "Refreshing token...",
+                          "message": "Obtaining a new access token."
                         }
                       ]
                     }
@@ -2933,50 +2933,50 @@
                     {
                       "navItems": [
                         {
-                          "icon": "package",
+                          "href": "/products",
                           "label": "Products",
-                          "href": "/products"
+                          "icon": "package"
                         },
                         {
                           "label": "Login",
-                          "icon": "layout-list",
-                          "href": "/login"
+                          "href": "/login",
+                          "icon": "layout-list"
                         },
                         {
-                          "href": "/checkout",
                           "label": "Checkout",
+                          "href": "/checkout",
                           "icon": "credit-card"
                         },
                         {
-                          "icon": "clipboard-list",
                           "label": "Orders",
+                          "icon": "clipboard-list",
                           "href": "/orders"
                         }
                       ],
                       "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
                           "align": "center",
+                          "direction": "vertical",
                           "children": [
                             {
+                              "align": "center",
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
                               "children": [
                                 {
                                   "type": "icon",
                                   "name": "lock"
                                 },
                                 {
-                                  "variant": "h2",
                                   "type": "typography",
-                                  "content": "Sign In"
+                                  "content": "Sign In",
+                                  "variant": "h2"
                                 }
-                              ],
-                              "type": "stack",
-                              "align": "center",
-                              "gap": "md",
-                              "direction": "horizontal"
+                              ]
                             },
                             {
                               "type": "divider"
@@ -2984,12 +2984,12 @@
                             {
                               "options": [
                                 {
-                                  "label": "Google",
-                                  "value": "google"
+                                  "value": "google",
+                                  "label": "Google"
                                 },
                                 {
-                                  "value": "github",
-                                  "label": "GitHub"
+                                  "label": "GitHub",
+                                  "value": "github"
                                 },
                                 {
                                   "label": "Microsoft",
@@ -2999,16 +2999,16 @@
                               "type": "select"
                             },
                             {
-                              "type": "button",
                               "variant": "primary",
-                              "label": "Login",
                               "icon": "log-in",
+                              "label": "Login",
+                              "type": "button",
                               "action": "LOGIN"
                             }
-                          ]
+                          ],
+                          "gap": "lg"
                         }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ]
                 ]
@@ -3027,69 +3027,69 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
+                          "label": "Products",
                           "href": "/products",
-                          "icon": "package",
-                          "label": "Products"
+                          "icon": "package"
                         },
                         {
                           "label": "Login",
-                          "href": "/login",
-                          "icon": "layout-list"
+                          "icon": "layout-list",
+                          "href": "/login"
                         },
                         {
-                          "icon": "credit-card",
                           "href": "/checkout",
+                          "icon": "credit-card",
                           "label": "Checkout"
                         },
                         {
+                          "icon": "clipboard-list",
                           "label": "Orders",
-                          "href": "/orders",
-                          "icon": "clipboard-list"
+                          "href": "/orders"
                         }
                       ],
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace",
                       "children": [
                         {
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "align": "center",
+                          "type": "stack",
                           "children": [
                             {
-                              "name": "check-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "check-circle"
                             },
                             {
-                              "type": "alert",
                               "variant": "success",
+                              "type": "alert",
                               "message": "Authenticated successfully"
                             },
                             {
-                              "type": "stack",
-                              "gap": "sm",
+                              "direction": "horizontal",
                               "justify": "center",
                               "children": [
                                 {
                                   "type": "button",
-                                  "icon": "refresh-cw",
                                   "action": "REFRESH",
+                                  "variant": "ghost",
                                   "label": "Refresh Token",
-                                  "variant": "ghost"
+                                  "icon": "refresh-cw"
                                 },
                                 {
-                                  "label": "Logout",
+                                  "variant": "ghost",
                                   "icon": "log-out",
-                                  "action": "LOGOUT",
                                   "type": "button",
-                                  "variant": "ghost"
+                                  "action": "LOGOUT",
+                                  "label": "Logout"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "gap": "sm",
+                              "type": "stack"
                             }
-                          ],
-                          "align": "center",
-                          "type": "stack",
-                          "gap": "lg",
-                          "direction": "vertical"
+                          ]
                         }
                       ]
                     }
@@ -3111,66 +3111,30 @@
                     "main",
                     {
                       "type": "dashboard-layout",
-                      "navItems": [
-                        {
-                          "href": "/products",
-                          "icon": "package",
-                          "label": "Products"
-                        },
-                        {
-                          "icon": "layout-list",
-                          "label": "Login",
-                          "href": "/login"
-                        },
-                        {
-                          "icon": "credit-card",
-                          "href": "/checkout",
-                          "label": "Checkout"
-                        },
-                        {
-                          "href": "/orders",
-                          "label": "Orders",
-                          "icon": "clipboard-list"
-                        }
-                      ],
                       "appName": "ServiceMarketplace",
                       "children": [
                         {
+                          "gap": "lg",
+                          "type": "stack",
+                          "direction": "vertical",
+                          "align": "center",
                           "children": [
                             {
+                              "message": "@entity.error",
                               "title": "Authentication Failed",
-                              "onRetry": "RETRY",
                               "type": "error-state",
-                              "message": "@entity.error"
+                              "onRetry": "RETRY"
                             },
                             {
-                              "icon": "rotate-ccw",
-                              "label": "Try Again",
                               "type": "button",
+                              "label": "Try Again",
+                              "variant": "primary",
                               "action": "RETRY",
-                              "variant": "primary"
+                              "icon": "rotate-ccw"
                             }
-                          ],
-                          "gap": "lg",
-                          "direction": "vertical",
-                          "align": "center",
-                          "type": "stack"
+                          ]
                         }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "error",
-                "to": "unauthenticated",
-                "event": "RETRY",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "appName": "ServiceMarketplace",
+                      ],
                       "navItems": [
                         {
                           "icon": "package",
@@ -3178,76 +3142,112 @@
                           "href": "/products"
                         },
                         {
-                          "icon": "layout-list",
                           "label": "Login",
+                          "icon": "layout-list",
                           "href": "/login"
                         },
                         {
-                          "label": "Checkout",
                           "href": "/checkout",
-                          "icon": "credit-card"
+                          "icon": "credit-card",
+                          "label": "Checkout"
                         },
                         {
-                          "href": "/orders",
                           "icon": "clipboard-list",
+                          "href": "/orders",
                           "label": "Orders"
                         }
-                      ],
-                      "type": "dashboard-layout",
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "error",
+                "to": "unauthenticated",
+                "event": "RETRY",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
                       "children": [
                         {
-                          "direction": "vertical",
+                          "type": "stack",
+                          "gap": "lg",
+                          "align": "center",
                           "children": [
                             {
-                              "align": "center",
+                              "gap": "md",
                               "type": "stack",
+                              "direction": "horizontal",
+                              "align": "center",
                               "children": [
                                 {
-                                  "name": "lock",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "lock"
                                 },
                                 {
-                                  "content": "Sign In",
                                   "variant": "h2",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "content": "Sign In"
                                 }
-                              ],
-                              "gap": "md",
-                              "direction": "horizontal"
+                              ]
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "type": "select",
                               "options": [
                                 {
-                                  "value": "google",
-                                  "label": "Google"
+                                  "label": "Google",
+                                  "value": "google"
                                 },
                                 {
                                   "value": "github",
                                   "label": "GitHub"
                                 },
                                 {
-                                  "value": "microsoft",
-                                  "label": "Microsoft"
+                                  "label": "Microsoft",
+                                  "value": "microsoft"
                                 }
-                              ],
-                              "type": "select"
+                              ]
                             },
                             {
-                              "type": "button",
-                              "label": "Login",
-                              "action": "LOGIN",
+                              "variant": "primary",
                               "icon": "log-in",
-                              "variant": "primary"
+                              "label": "Login",
+                              "type": "button",
+                              "action": "LOGIN"
                             }
                           ],
-                          "type": "stack",
-                          "align": "center",
-                          "gap": "lg"
+                          "direction": "vertical"
                         }
-                      ]
+                      ],
+                      "appName": "ServiceMarketplace",
+                      "navItems": [
+                        {
+                          "icon": "package",
+                          "href": "/products",
+                          "label": "Products"
+                        },
+                        {
+                          "icon": "layout-list",
+                          "href": "/login",
+                          "label": "Login"
+                        },
+                        {
+                          "label": "Checkout",
+                          "icon": "credit-card",
+                          "href": "/checkout"
+                        },
+                        {
+                          "label": "Orders",
+                          "href": "/orders",
+                          "icon": "clipboard-list"
+                        }
+                      ],
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -3519,8 +3519,8 @@
                     "OrderPayment",
                     {
                       "emit": {
-                        "success": "OrderPaymentLoaded",
-                        "failure": "OrderPaymentLoadFailed"
+                        "failure": "OrderPaymentLoadFailed",
+                        "success": "OrderPaymentLoaded"
                       }
                     }
                   ],
@@ -3540,32 +3540,27 @@
                           "icon": "layout-list"
                         },
                         {
+                          "label": "Checkout",
                           "href": "/checkout",
-                          "icon": "credit-card",
-                          "label": "Checkout"
+                          "icon": "credit-card"
                         },
                         {
-                          "href": "/orders",
                           "icon": "clipboard-list",
-                          "label": "Orders"
+                          "label": "Orders",
+                          "href": "/orders"
                         }
                       ],
-                      "appName": "ServiceMarketplace",
-                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "gap": "lg",
                           "type": "stack",
-                          "direction": "vertical",
-                          "align": "center",
+                          "gap": "lg",
                           "children": [
                             {
-                              "type": "stack",
-                              "align": "center",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "name": "credit-card",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "credit-card"
                                 },
                                 {
                                   "type": "typography",
@@ -3573,15 +3568,17 @@
                                   "content": "Payment"
                                 }
                               ],
-                              "gap": "md",
-                              "direction": "horizontal"
+                              "align": "center",
+                              "type": "stack",
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "type": "stack",
                               "gap": "md",
+                              "type": "stack",
+                              "direction": "vertical",
                               "children": [
                                 {
                                   "placeholder": "0.00",
@@ -3592,12 +3589,12 @@
                                   "type": "select",
                                   "options": [
                                     {
-                                      "label": "USD",
-                                      "value": "usd"
+                                      "value": "usd",
+                                      "label": "USD"
                                     },
                                     {
-                                      "label": "EUR",
-                                      "value": "eur"
+                                      "value": "eur",
+                                      "label": "EUR"
                                     },
                                     {
                                       "value": "gbp",
@@ -3605,19 +3602,22 @@
                                     }
                                   ]
                                 }
-                              ],
-                              "direction": "vertical"
+                              ]
                             },
                             {
-                              "type": "button",
-                              "variant": "primary",
+                              "icon": "credit-card",
                               "action": "CREATE_PAYMENT",
-                              "label": "Pay",
-                              "icon": "credit-card"
+                              "variant": "primary",
+                              "type": "button",
+                              "label": "Pay"
                             }
-                          ]
+                          ],
+                          "direction": "vertical",
+                          "align": "center"
                         }
-                      ]
+                      ],
+                      "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace"
                     }
                   ]
                 ]
@@ -3631,35 +3631,35 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "type": "loading-state",
                           "title": "Creating payment...",
-                          "message": "Setting up your payment intent."
+                          "message": "Setting up your payment intent.",
+                          "type": "loading-state"
                         }
                       ],
-                      "type": "dashboard-layout",
                       "appName": "ServiceMarketplace",
                       "navItems": [
                         {
-                          "icon": "package",
                           "label": "Products",
-                          "href": "/products"
+                          "href": "/products",
+                          "icon": "package"
                         },
                         {
-                          "icon": "layout-list",
+                          "href": "/login",
                           "label": "Login",
-                          "href": "/login"
+                          "icon": "layout-list"
                         },
                         {
                           "label": "Checkout",
-                          "icon": "credit-card",
-                          "href": "/checkout"
+                          "href": "/checkout",
+                          "icon": "credit-card"
                         },
                         {
-                          "href": "/orders",
-                          "icon": "clipboard-list",
-                          "label": "Orders"
+                          "href": "/orders",
+                          "label": "Orders",
+                          "icon": "clipboard-list"
                         }
                       ]
                     }
@@ -3669,13 +3669,13 @@
                     "stripe",
                     "createPaymentIntent",
                     {
-                      "currency": "@entity.currency",
-                      "amount": "@entity.amount"
+                      "amount": "@entity.amount",
+                      "currency": "@entity.currency"
                     },
                     {
                       "emit": {
-                        "success": "ProductStripeCompleted",
-                        "failure": "ProductStripeFailed"
+                        "failure": "ProductStripeFailed",
+                        "success": "ProductStripeCompleted"
                       }
                     }
                   ]
@@ -3700,20 +3700,13 @@
                     "render-ui",
                     "main",
                     {
-                      "children": [
-                        {
-                          "type": "loading-state",
-                          "message": "Processing your payment.",
-                          "title": "Confirming payment..."
-                        }
-                      ],
-                      "appName": "ServiceMarketplace",
                       "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "navItems": [
                         {
                           "label": "Products",
-                          "icon": "package",
-                          "href": "/products"
+                          "href": "/products",
+                          "icon": "package"
                         },
                         {
                           "href": "/login",
@@ -3721,14 +3714,21 @@
                           "label": "Login"
                         },
                         {
-                          "label": "Checkout",
+                          "href": "/checkout",
                           "icon": "credit-card",
-                          "href": "/checkout"
+                          "label": "Checkout"
                         },
                         {
                           "href": "/orders",
-                          "label": "Orders",
-                          "icon": "clipboard-list"
+                          "icon": "clipboard-list",
+                          "label": "Orders"
+                        }
+                      ],
+                      "children": [
+                        {
+                          "type": "loading-state",
+                          "message": "Processing your payment.",
+                          "title": "Confirming payment..."
                         }
                       ]
                     }
@@ -3742,8 +3742,8 @@
                     },
                     {
                       "emit": {
-                        "success": "ProductStripeCompleted",
-                        "failure": "ProductStripeFailed"
+                        "failure": "ProductStripeFailed",
+                        "success": "ProductStripeCompleted"
                       }
                     }
                   ]
@@ -3764,37 +3764,37 @@
                     "main",
                     {
                       "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
-                          "onRetry": "RETRY",
                           "type": "error-state",
                           "title": "Payment Failed",
-                          "message": "@entity.error"
+                          "message": "@entity.error",
+                          "onRetry": "RETRY"
                         }
                       ],
                       "navItems": [
                         {
-                          "label": "Products",
+                          "icon": "package",
                           "href": "/products",
-                          "icon": "package"
+                          "label": "Products"
                         },
                         {
-                          "label": "Login",
                           "icon": "layout-list",
+                          "label": "Login",
                           "href": "/login"
                         },
                         {
-                          "icon": "credit-card",
                           "href": "/checkout",
-                          "label": "Checkout"
+                          "label": "Checkout",
+                          "icon": "credit-card"
                         },
                         {
                           "label": "Orders",
                           "href": "/orders",
                           "icon": "clipboard-list"
                         }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ]
                 ]
@@ -3817,8 +3817,35 @@
                     "render-ui",
                     "main",
                     {
+                      "navItems": [
+                        {
+                          "href": "/products",
+                          "icon": "package",
+                          "label": "Products"
+                        },
+                        {
+                          "label": "Login",
+                          "href": "/login",
+                          "icon": "layout-list"
+                        },
+                        {
+                          "href": "/checkout",
+                          "label": "Checkout",
+                          "icon": "credit-card"
+                        },
+                        {
+                          "label": "Orders",
+                          "icon": "clipboard-list",
+                          "href": "/orders"
+                        }
+                      ],
+                      "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout",
                       "children": [
                         {
+                          "type": "stack",
+                          "gap": "lg",
+                          "align": "center",
                           "children": [
                             {
                               "name": "check-circle",
@@ -3826,53 +3853,26 @@
                             },
                             {
                               "message": "Payment successful! Sending receipt...",
-                              "type": "alert",
-                              "variant": "success"
+                              "variant": "success",
+                              "type": "alert"
                             },
                             {
                               "type": "typography",
                               "color": "muted",
-                              "variant": "body",
-                              "content": "@entity.paymentIntentId"
+                              "content": "@entity.paymentIntentId",
+                              "variant": "body"
                             },
                             {
+                              "icon": "rotate-ccw",
                               "action": "RESET",
-                              "label": "New Payment",
                               "type": "button",
-                              "icon": "rotate-ccw",
-                              "variant": "ghost"
+                              "variant": "ghost",
+                              "label": "New Payment"
                             }
                           ],
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "align": "center"
-                        }
-                      ],
-                      "type": "dashboard-layout",
-                      "navItems": [
-                        {
-                          "href": "/products",
-                          "icon": "package",
-                          "label": "Products"
-                        },
-                        {
-                          "label": "Login",
-                          "icon": "layout-list",
-                          "href": "/login"
-                        },
-                        {
-                          "icon": "credit-card",
-                          "href": "/checkout",
-                          "label": "Checkout"
-                        },
-                        {
-                          "label": "Orders",
-                          "href": "/orders",
-                          "icon": "clipboard-list"
+                          "direction": "vertical"
                         }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ]
                 ]
@@ -3891,30 +3891,20 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace",
-                      "children": [
-                        {
-                          "onRetry": "RETRY",
-                          "title": "Payment Failed",
-                          "type": "error-state",
-                          "message": "@entity.error"
-                        }
-                      ],
                       "navItems": [
                         {
-                          "href": "/products",
                           "icon": "package",
-                          "label": "Products"
+                          "label": "Products",
+                          "href": "/products"
                         },
                         {
-                          "href": "/login",
                           "icon": "layout-list",
+                          "href": "/login",
                           "label": "Login"
                         },
                         {
-                          "icon": "credit-card",
                           "label": "Checkout",
+                          "icon": "credit-card",
                           "href": "/checkout"
                         },
                         {
@@ -3922,6 +3912,16 @@
                           "label": "Orders",
                           "icon": "clipboard-list"
                         }
+                      ],
+                      "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
+                      "children": [
+                        {
+                          "title": "Payment Failed",
+                          "message": "@entity.error",
+                          "onRetry": "RETRY",
+                          "type": "error-state"
+                        }
                       ]
                     }
                   ]
@@ -3936,37 +3936,19 @@
                     "render-ui",
                     "main",
                     {
-                      "navItems": [
-                        {
-                          "label": "Products",
-                          "href": "/products",
-                          "icon": "package"
-                        },
-                        {
-                          "label": "Login",
-                          "href": "/login",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Checkout",
-                          "href": "/checkout",
-                          "icon": "credit-card"
-                        },
-                        {
-                          "href": "/orders",
-                          "icon": "clipboard-list",
-                          "label": "Orders"
-                        }
-                      ],
-                      "appName": "ServiceMarketplace",
                       "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
-                          "type": "stack",
                           "align": "center",
                           "direction": "vertical",
+                          "gap": "lg",
+                          "type": "stack",
                           "children": [
                             {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "align": "center",
                               "children": [
                                 {
                                   "name": "credit-card",
@@ -3974,21 +3956,16 @@
                                 },
                                 {
                                   "variant": "h2",
-                                  "type": "typography",
-                                  "content": "Payment"
+                                  "content": "Payment",
+                                  "type": "typography"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "type": "stack",
-                              "align": "center"
+                              "gap": "md"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "gap": "md",
-                              "direction": "vertical",
                               "type": "stack",
                               "children": [
                                 {
@@ -3997,49 +3974,36 @@
                                   "type": "input"
                                 },
                                 {
-                                  "type": "select",
                                   "options": [
                                     {
-                                      "label": "USD",
-                                      "value": "usd"
+                                      "value": "usd",
+                                      "label": "USD"
                                     },
                                     {
                                       "label": "EUR",
                                       "value": "eur"
                                     },
                                     {
-                                      "value": "gbp",
-                                      "label": "GBP"
+                                      "label": "GBP",
+                                      "value": "gbp"
                                     }
-                                  ]
+                                  ],
+                                  "type": "select"
                                 }
-                              ]
+                              ],
+                              "direction": "vertical",
+                              "gap": "md"
                             },
                             {
-                              "icon": "credit-card",
                               "action": "CREATE_PAYMENT",
-                              "type": "button",
                               "variant": "primary",
-                              "label": "Pay"
+                              "type": "button",
+                              "label": "Pay",
+                              "icon": "credit-card"
                             }
-                          ],
-                          "gap": "lg"
+                          ]
                         }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "error",
-                "to": "idle",
-                "event": "RETRY",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "appName": "ServiceMarketplace",
+                      ],
                       "navItems": [
                         {
                           "label": "Products",
@@ -4047,9 +4011,9 @@
                           "icon": "package"
                         },
                         {
+                          "href": "/login",
                           "icon": "layout-list",
-                          "label": "Login",
-                          "href": "/login"
+                          "label": "Login"
                         },
                         {
                           "href": "/checkout",
@@ -4057,32 +4021,46 @@
                           "icon": "credit-card"
                         },
                         {
-                          "label": "Orders",
                           "icon": "clipboard-list",
+                          "label": "Orders",
                           "href": "/orders"
                         }
-                      ],
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "error",
+                "to": "idle",
+                "event": "RETRY",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
+                          "align": "center",
                           "type": "stack",
                           "gap": "lg",
                           "direction": "vertical",
-                          "align": "center",
                           "children": [
                             {
+                              "direction": "horizontal",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "name": "credit-card",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "credit-card"
                                 },
                                 {
+                                  "content": "Payment",
                                   "variant": "h2",
-                                  "type": "typography",
-                                  "content": "Payment"
+                                  "type": "typography"
                                 }
                               ],
-                              "type": "stack",
-                              "direction": "horizontal",
                               "align": "center",
                               "gap": "md"
                             },
@@ -4090,11 +4068,14 @@
                               "type": "divider"
                             },
                             {
+                              "gap": "md",
+                              "direction": "vertical",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "placeholder": "0.00",
+                                  "inputType": "number",
                                   "type": "input",
-                                  "inputType": "number"
+                                  "placeholder": "0.00"
                                 },
                                 {
                                   "options": [
@@ -4103,8 +4084,8 @@
                                       "value": "usd"
                                     },
                                     {
-                                      "value": "eur",
-                                      "label": "EUR"
+                                      "label": "EUR",
+                                      "value": "eur"
                                     },
                                     {
                                       "label": "GBP",
@@ -4113,49 +4094,33 @@
                                   ],
                                   "type": "select"
                                 }
-                              ],
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "md"
+                              ]
                             },
                             {
-                              "action": "CREATE_PAYMENT",
-                              "label": "Pay",
                               "icon": "credit-card",
+                              "variant": "primary",
                               "type": "button",
-                              "variant": "primary"
+                              "label": "Pay",
+                              "action": "CREATE_PAYMENT"
                             }
                           ]
                         }
                       ],
-                      "type": "dashboard-layout"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "error",
-                "to": "idle",
-                "event": "RESET",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
-                    {
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
                           "icon": "package",
-                          "href": "/products",
-                          "label": "Products"
+                          "label": "Products",
+                          "href": "/products"
                         },
                         {
+                          "label": "Login",
                           "href": "/login",
-                          "icon": "layout-list",
-                          "label": "Login"
+                          "icon": "layout-list"
                         },
                         {
-                          "icon": "credit-card",
                           "label": "Checkout",
+                          "icon": "credit-card",
                           "href": "/checkout"
                         },
                         {
@@ -4163,29 +4128,44 @@
                           "href": "/orders",
                           "icon": "clipboard-list"
                         }
-                      ],
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "error",
+                "to": "idle",
+                "event": "RESET",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
                       "type": "dashboard-layout",
                       "children": [
                         {
-                          "align": "center",
                           "type": "stack",
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "md",
-                              "align": "center",
+                              "direction": "horizontal",
                               "children": [
                                 {
                                   "type": "icon",
                                   "name": "credit-card"
                                 },
                                 {
-                                  "variant": "h2",
                                   "content": "Payment",
+                                  "variant": "h2",
                                   "type": "typography"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "gap": "md",
+                              "align": "center",
+                              "type": "stack"
                             },
                             {
                               "type": "divider"
@@ -4195,43 +4175,63 @@
                               "gap": "md",
                               "children": [
                                 {
+                                  "placeholder": "0.00",
                                   "type": "input",
-                                  "inputType": "number",
-                                  "placeholder": "0.00"
+                                  "inputType": "number"
                                 },
                                 {
-                                  "type": "select",
                                   "options": [
                                     {
-                                      "label": "USD",
-                                      "value": "usd"
+                                      "value": "usd",
+                                      "label": "USD"
                                     },
                                     {
-                                      "label": "EUR",
-                                      "value": "eur"
+                                      "value": "eur",
+                                      "label": "EUR"
                                     },
                                     {
-                                      "label": "GBP",
-                                      "value": "gbp"
+                                      "value": "gbp",
+                                      "label": "GBP"
                                     }
-                                  ]
+                                  ],
+                                  "type": "select"
                                 }
                               ],
                               "direction": "vertical"
                             },
                             {
                               "icon": "credit-card",
-                              "label": "Pay",
                               "type": "button",
-                              "variant": "primary",
-                              "action": "CREATE_PAYMENT"
+                              "label": "Pay",
+                              "action": "CREATE_PAYMENT",
+                              "variant": "primary"
                             }
-                          ],
-                          "direction": "vertical",
-                          "gap": "lg"
+                          ]
                         }
                       ],
-                      "appName": "ServiceMarketplace"
+                      "appName": "ServiceMarketplace",
+                      "navItems": [
+                        {
+                          "href": "/products",
+                          "icon": "package",
+                          "label": "Products"
+                        },
+                        {
+                          "href": "/login",
+                          "icon": "layout-list",
+                          "label": "Login"
+                        },
+                        {
+                          "label": "Checkout",
+                          "icon": "credit-card",
+                          "href": "/checkout"
+                        },
+                        {
+                          "href": "/orders",
+                          "icon": "clipboard-list",
+                          "label": "Orders"
+                        }
+                      ]
                     }
                   ]
                 ]
@@ -4356,44 +4356,44 @@
                       "type": "dashboard-layout",
                       "navItems": [
                         {
-                          "icon": "package",
                           "label": "Products",
+                          "icon": "package",
                           "href": "/products"
                         },
                         {
-                          "label": "Login",
                           "href": "/login",
+                          "label": "Login",
                           "icon": "layout-list"
                         },
                         {
+                          "icon": "credit-card",
                           "href": "/checkout",
-                          "label": "Checkout",
-                          "icon": "credit-card"
+                          "label": "Checkout"
                         },
                         {
-                          "label": "Orders",
+                          "icon": "clipboard-list",
                           "href": "/orders",
-                          "icon": "clipboard-list"
+                          "label": "Orders"
                         }
                       ],
                       "children": [
                         {
+                          "gap": "md",
+                          "type": "stack",
+                          "direction": "vertical",
+                          "align": "center",
                           "children": [
                             {
-                              "name": "mail",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "mail"
                             },
                             {
-                              "color": "muted",
+                              "variant": "body",
                               "type": "typography",
                               "content": "Receipt will be sent after payment.",
-                              "variant": "body"
+                              "color": "muted"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "md",
-                          "direction": "vertical",
-                          "align": "center"
+                          ]
                         }
                       ]
                     }
@@ -4409,20 +4409,20 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
-                          "title": "Sending receipt...",
                           "type": "loading-state",
+                          "title": "Sending receipt...",
                           "message": "Delivering your payment receipt."
                         }
                       ],
-                      "appName": "ServiceMarketplace",
-                      "type": "dashboard-layout",
                       "navItems": [
                         {
-                          "href": "/products",
+                          "icon": "package",
                           "label": "Products",
-                          "icon": "package"
+                          "href": "/products"
                         },
                         {
                           "icon": "layout-list",
@@ -4435,9 +4435,9 @@
                           "label": "Checkout"
                         },
                         {
-                          "icon": "clipboard-list",
+                          "label": "Orders",
                           "href": "/orders",
-                          "label": "Orders"
+                          "icon": "clipboard-list"
                         }
                       ]
                     }
@@ -4447,9 +4447,9 @@
                     "email",
                     "send",
                     {
+                      "to": "@entity.to",
                       "subject": "@entity.subject",
-                      "body": "@entity.body",
-                      "to": "@entity.to"
+                      "body": "@entity.body"
                     },
                     {
                       "emit": {
@@ -4474,17 +4474,16 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
                       "appName": "ServiceMarketplace",
+                      "type": "dashboard-layout",
                       "children": [
                         {
-                          "type": "stack",
+                          "align": "center",
                           "gap": "md",
-                          "direction": "vertical",
                           "children": [
                             {
-                              "name": "check-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "check-circle"
                             },
                             {
                               "message": "Receipt sent successfully",
@@ -4492,18 +4491,19 @@
                               "variant": "success"
                             }
                           ],
-                          "align": "center"
+                          "type": "stack",
+                          "direction": "vertical"
                         }
                       ],
                       "navItems": [
                         {
+                          "icon": "package",
                           "label": "Products",
-                          "href": "/products",
-                          "icon": "package"
+                          "href": "/products"
                         },
                         {
-                          "icon": "layout-list",
                           "href": "/login",
+                          "icon": "layout-list",
                           "label": "Login"
                         },
                         {
@@ -4535,15 +4535,19 @@
                     "render-ui",
                     "main",
                     {
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
+                          "type": "stack",
+                          "gap": "md",
                           "align": "center",
+                          "direction": "vertical",
                           "children": [
                             {
                               "type": "error-state",
+                              "onRetry": "RETRY_RECEIPT",
                               "message": "Could not send receipt email.",
-                              "title": "Receipt Failed",
-                              "onRetry": "RETRY_RECEIPT"
+                              "title": "Receipt Failed"
                             },
                             {
                               "icon": "refresh-cw",
@@ -4552,10 +4556,7 @@
                               "variant": "primary",
                               "type": "button"
                             }
-                          ],
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "md"
+                          ]
                         }
                       ],
                       "navItems": [
@@ -4565,23 +4566,22 @@
                           "label": "Products"
                         },
                         {
+                          "label": "Login",
                           "href": "/login",
-                          "icon": "layout-list",
-                          "label": "Login"
+                          "icon": "layout-list"
                         },
                         {
+                          "label": "Checkout",
                           "href": "/checkout",
-                          "icon": "credit-card",
-                          "label": "Checkout"
+                          "icon": "credit-card"
                         },
                         {
+                          "href": "/orders",
                           "icon": "clipboard-list",
-                          "label": "Orders",
-                          "href": "/orders"
+                          "label": "Orders"
                         }
                       ],
-                      "type": "dashboard-layout",
-                      "appName": "ServiceMarketplace"
+                      "type": "dashboard-layout"
                     }
                   ]
                 ]
@@ -4595,8 +4595,8 @@
                     "render-ui",
                     "main",
                     {
-                      "title": "Resending receipt...",
-                      "type": "loading-state"
+                      "type": "loading-state",
+                      "title": "Resending receipt..."
                     }
                   ],
                   [
@@ -4605,8 +4605,8 @@
                     "send",
                     {
                       "body": "@entity.body",
-                      "to": "@entity.to",
-                      "subject": "@entity.subject"
+                      "subject": "@entity.subject",
+                      "to": "@entity.to"
                     },
                     {
                       "emit": {
@@ -4626,15 +4626,16 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
-                          "icon": "package",
                           "href": "/products",
+                          "icon": "package",
                           "label": "Products"
                         },
                         {
-                          "label": "Login",
                           "icon": "layout-list",
+                          "label": "Login",
                           "href": "/login"
                         },
                         {
@@ -4643,20 +4644,19 @@
                           "icon": "credit-card"
                         },
                         {
-                          "label": "Orders",
                           "href": "/orders",
-                          "icon": "clipboard-list"
+                          "icon": "clipboard-list",
+                          "label": "Orders"
                         }
                       ],
-                      "type": "dashboard-layout",
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
                           "type": "loading-state",
-                          "message": "Delivering your payment receipt.",
-                          "title": "Sending receipt..."
+                          "title": "Sending receipt...",
+                          "message": "Delivering your payment receipt."
                         }
-                      ],
-                      "appName": "ServiceMarketplace"
+                      ]
                     }
                   ],
                   [
@@ -4664,8 +4664,8 @@
                     "email",
                     "send",
                     {
-                      "subject": "@entity.subject",
                       "to": "@entity.to",
+                      "subject": "@entity.subject",
                       "body": "@entity.body"
                     },
                     {
@@ -4841,8 +4841,8 @@
                     "Order",
                     {
                       "emit": {
-                        "failure": "OrderLoadFailed",
-                        "success": "OrderLoaded"
+                        "success": "OrderLoaded",
+                        "failure": "OrderLoadFailed"
                       }
                     }
                   ],
@@ -4851,6 +4851,7 @@
                     "main",
                     {
                       "type": "stack",
+                      "align": "center",
                       "className": "py-12",
                       "children": [
                         {
@@ -4858,14 +4859,13 @@
                         },
                         {
                           "type": "typography",
+                          "variant": "caption",
                           "content": "Loading…",
-                          "color": "muted",
-                          "variant": "caption"
+                          "color": "muted"
                         }
                       ],
                       "gap": "md",
-                      "direction": "vertical",
-                      "align": "center"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -4879,137 +4879,137 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
+                      "navItems": [
+                        {
+                          "label": "Products",
+                          "href": "/products",
+                          "icon": "package"
+                        },
+                        {
+                          "label": "Login",
+                          "href": "/login",
+                          "icon": "layout-list"
+                        },
+                        {
+                          "icon": "credit-card",
+                          "href": "/checkout",
+                          "label": "Checkout"
+                        },
+                        {
+                          "label": "Orders",
+                          "icon": "clipboard-list",
+                          "href": "/orders"
+                        }
+                      ],
+                      "appName": "ServiceMarketplace",
                       "children": [
                         {
                           "type": "stack",
                           "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
+                              "justify": "between",
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "align": "center",
                               "children": [
                                 {
+                                  "type": "stack",
                                   "gap": "sm",
+                                  "align": "center",
+                                  "direction": "horizontal",
                                   "children": [
                                     {
                                       "name": "list",
                                       "type": "icon"
                                     },
                                     {
-                                      "type": "typography",
+                                      "variant": "h2",
                                       "content": "Orders",
-                                      "variant": "h2"
+                                      "type": "typography"
                                     }
-                                  ],
-                                  "direction": "horizontal",
-                                  "type": "stack",
-                                  "align": "center"
+                                  ]
                                 },
                                 {
                                   "children": [
                                     {
-                                      "type": "button",
+                                      "icon": "plus",
+                                      "action": "CREATE",
                                       "variant": "primary",
                                       "label": "Create Order",
-                                      "icon": "plus",
-                                      "action": "CREATE"
+                                      "type": "button"
                                     }
                                   ],
                                   "gap": "sm",
                                   "type": "stack",
                                   "direction": "horizontal"
                                 }
-                              ],
-                              "direction": "horizontal",
-                              "justify": "between",
-                              "align": "center",
-                              "gap": "md",
-                              "type": "stack"
+                              ]
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "type": "data-grid",
                               "entity": "@payload.data",
+                              "fields": [],
                               "itemActions": [
                                 {
+                                  "event": "VIEW",
                                   "variant": "ghost",
-                                  "label": "View",
-                                  "event": "VIEW"
+                                  "label": "View"
                                 },
                                 {
-                                  "label": "Edit",
+                                  "variant": "ghost",
                                   "event": "EDIT",
-                                  "variant": "ghost"
+                                  "label": "Edit"
                                 },
                                 {
+                                  "variant": "danger",
                                   "event": "DELETE",
-                                  "label": "Delete",
-                                  "variant": "danger"
+                                  "label": "Delete"
                                 }
                               ],
                               "columns": [
                                 {
                                   "icon": "list",
-                                  "label": "Product Name",
+                                  "variant": "h4",
                                   "name": "productName",
-                                  "variant": "h4"
+                                  "label": "Product Name"
                                 },
                                 {
+                                  "variant": "badge",
                                   "name": "amount",
                                   "label": "Amount",
-                                  "variant": "badge",
                                   "colorMap": {
-                                    "inactive": "neutral",
-                                    "pending": "warning",
-                                    "archived": "neutral",
                                     "active": "success",
+                                    "draft": "warning",
+                                    "failed": "destructive",
                                     "disabled": "neutral",
-                                    "completed": "success",
-                                    "error": "destructive",
                                     "cancelled": "destructive",
-                                    "draft": "warning",
+                                    "scheduled": "warning",
+                                    "archived": "neutral",
                                     "done": "success",
-                                    "failed": "destructive",
-                                    "scheduled": "warning"
+                                    "error": "destructive",
+                                    "completed": "success",
+                                    "inactive": "neutral",
+                                    "pending": "warning"
                                   }
                                 },
                                 {
-                                  "label": "Payment Status",
                                   "variant": "caption",
+                                  "label": "Payment Status",
                                   "name": "paymentStatus"
                                 }
                               ],
-                              "fields": []
+                              "type": "data-grid"
                             }
                           ],
                           "gap": "lg",
                           "direction": "vertical"
                         }
-                      ],
-                      "appName": "ServiceMarketplace",
-                      "navItems": [
-                        {
-                          "icon": "package",
-                          "href": "/products",
-                          "label": "Products"
-                        },
-                        {
-                          "href": "/login",
-                          "label": "Login",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "icon": "credit-card",
-                          "href": "/checkout",
-                          "label": "Checkout"
-                        },
-                        {
-                          "href": "/orders",
-                          "label": "Orders",
-                          "icon": "clipboard-list"
-                        }
-                      ],
-                      "type": "dashboard-layout"
+                      ]
                     }
                   ]
                 ]
@@ -5023,36 +5023,36 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "type": "stack",
                       "align": "center",
-                      "direction": "vertical",
                       "className": "py-12",
+                      "gap": "md",
                       "children": [
                         {
-                          "color": "destructive",
                           "type": "icon",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "color": "destructive"
                         },
                         {
+                          "variant": "h3",
                           "content": "Failed to load order",
-                          "type": "typography",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
-                          "variant": "body",
+                          "color": "muted",
                           "type": "typography",
                           "content": "@payload.error",
-                          "color": "muted"
+                          "variant": "body"
                         },
                         {
-                          "action": "INIT",
                           "label": "Retry",
+                          "action": "INIT",
                           "variant": "primary",
-                          "type": "button",
-                          "icon": "rotate-ccw"
+                          "icon": "rotate-ccw",
+                          "type": "button"
                         }
-                      ]
+                      ],
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -5228,8 +5228,8 @@
                     "Order",
                     {
                       "emit": {
-                        "failure": "OrderLoadFailed",
-                        "success": "OrderLoaded"
+                        "success": "OrderLoaded",
+                        "failure": "OrderLoadFailed"
                       }
                     }
                   ],
@@ -5237,42 +5237,42 @@
                     "render-ui",
                     "modal",
                     {
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "type": "stack",
                           "direction": "horizontal",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "icon",
                               "name": "plus-circle"
                             },
                             {
-                              "content": "Create Order",
+                              "variant": "h3",
                               "type": "typography",
-                              "variant": "h3"
+                              "content": "Create Order"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
                           "mode": "create",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
                           "fields": [
                             "productName",
                             "amount",
                             "paymentStatus",
                             "orderDate"
-                          ]
+                          ],
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "type": "form-section"
                         }
-                      ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -5516,23 +5516,24 @@
                     "fetch",
                     "Order",
                     {
-                      "id": "@payload.id",
                       "emit": {
                         "success": "OrderLoaded",
                         "failure": "OrderLoadFailed"
-                      }
+                      },
+                      "id": "@payload.id"
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
                       "gap": "md",
                       "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
                               "type": "icon",
@@ -5544,23 +5545,22 @@
                               "content": "Edit Order"
                             }
                           ],
-                          "direction": "horizontal",
-                          "gap": "sm"
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "mode": "edit",
-                          "submitEvent": "SAVE",
                           "entity": "@payload.row",
-                          "type": "form-section",
                           "fields": [
                             "productName",
                             "amount",
                             "paymentStatus",
                             "orderDate"
                           ],
+                          "submitEvent": "SAVE",
+                          "type": "form-section",
+                          "mode": "edit",
                           "cancelEvent": "CLOSE"
                         }
                       ]
@@ -5604,8 +5604,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "failure": "OrderUpdateFailed",
-                        "success": "OrderUpdated"
+                        "success": "OrderUpdated",
+                        "failure": "OrderUpdateFailed"
                       }
                     }
                   ],
@@ -5742,34 +5742,35 @@
                     "fetch",
                     "Order",
                     {
+                      "id": "@payload.id",
                       "emit": {
-                        "success": "OrderLoaded",
-                        "failure": "OrderLoadFailed"
-                      },
-                      "id": "@payload.id"
+                        "failure": "OrderLoadFailed",
+                        "success": "OrderLoaded"
+                      }
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
+                      "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
+                          "direction": "horizontal",
                           "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
                               "name": "eye",
                               "type": "icon"
                             },
                             {
-                              "content": "@entity.productName",
+                              "type": "typography",
                               "variant": "h3",
-                              "type": "typography"
+                              "content": "@entity.productName"
                             }
-                          ],
-                          "direction": "horizontal",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
@@ -5777,68 +5778,68 @@
                         {
                           "children": [
                             {
-                              "type": "typography",
                               "content": "Product Name",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "type": "typography"
                             },
                             {
-                              "content": "@entity.productName",
                               "type": "typography",
+                              "content": "@entity.productName",
                               "variant": "body"
                             }
                           ],
+                          "direction": "horizontal",
                           "type": "stack",
-                          "gap": "md",
-                          "direction": "horizontal"
+                          "gap": "md"
                         },
                         {
-                          "type": "stack",
                           "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
-                              "variant": "caption",
                               "content": "Amount",
+                              "variant": "caption",
                               "type": "typography"
                             },
                             {
-                              "content": "@entity.amount",
+                              "variant": "body",
                               "type": "typography",
-                              "variant": "body"
+                              "content": "@entity.amount"
                             }
                           ],
-                          "gap": "md"
+                          "type": "stack"
                         },
                         {
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "type": "stack",
                           "children": [
                             {
                               "content": "Payment Status",
-                              "variant": "caption",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "caption"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
                               "content": "@entity.paymentStatus"
                             }
-                          ]
+                          ],
+                          "gap": "md",
+                          "direction": "horizontal",
+                          "type": "stack"
                         },
                         {
-                          "gap": "md",
                           "direction": "horizontal",
+                          "gap": "md",
                           "type": "stack",
                           "children": [
                             {
+                              "type": "typography",
                               "variant": "caption",
-                              "content": "Order Date",
-                              "type": "typography"
+                              "content": "Order Date"
                             },
                             {
-                              "type": "typography",
                               "variant": "body",
-                              "content": "@entity.orderDate"
+                              "content": "@entity.orderDate",
+                              "type": "typography"
                             }
                           ]
                         },
@@ -5846,30 +5847,29 @@
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
+                          "justify": "end",
                           "children": [
                             {
-                              "icon": "edit",
                               "label": "Edit",
-                              "action": "EDIT",
+                              "type": "button",
                               "variant": "primary",
-                              "type": "button"
+                              "icon": "edit",
+                              "action": "EDIT"
                             },
                             {
-                              "variant": "ghost",
-                              "action": "CLOSE",
+                              "type": "button",
                               "label": "Close",
-                              "type": "button"
+                              "variant": "ghost",
+                              "action": "CLOSE"
                             }
                           ],
-                          "direction": "horizontal",
+                          "type": "stack",
                           "gap": "sm",
-                          "justify": "end"
+                          "direction": "horizontal"
                         }
                       ],
-                      "direction": "vertical",
                       "type": "stack",
-                      "gap": "md"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -6109,55 +6109,55 @@
                     {
                       "gap": "md",
                       "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "gap": "sm",
-                          "type": "stack",
+                          "align": "center",
                           "children": [
                             {
                               "name": "alert-triangle",
                               "type": "icon"
                             },
                             {
-                              "type": "typography",
                               "content": "Delete Order",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "type": "typography"
                             }
                           ],
+                          "gap": "sm",
                           "direction": "horizontal",
-                          "align": "center"
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "message": "This action cannot be undone.",
-                          "variant": "error",
-                          "type": "alert"
+                          "type": "alert",
+                          "variant": "error"
                         },
                         {
-                          "gap": "sm",
                           "direction": "horizontal",
-                          "type": "stack",
+                          "justify": "end",
                           "children": [
                             {
-                              "label": "Cancel",
-                              "type": "button",
                               "action": "CANCEL",
-                              "variant": "ghost"
+                              "variant": "ghost",
+                              "label": "Cancel",
+                              "type": "button"
                             },
                             {
-                              "type": "button",
-                              "variant": "danger",
-                              "icon": "check",
                               "label": "Delete",
-                              "action": "CONFIRM_DELETE"
+                              "action": "CONFIRM_DELETE",
+                              "variant": "danger",
+                              "type": "button",
+                              "icon": "check"
                             }
                           ],
-                          "justify": "end"
+                          "type": "stack",
+                          "gap": "sm"
                         }
-                      ],
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -6277,4 +6277,4 @@
       ]
     }
   ]
-}
+}