npm - @almadar/std - Versions diffs - 14.5.1 → 14.6.0 - Mend

@almadar/std 14.5.1 → 14.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
package/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
package/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
package/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
package/behaviors/registry/app/organisms/std-cms.orb +556 -556
package/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
package/behaviors/registry/app/organisms/std-crm.orb +806 -806
package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
package/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
package/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
package/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
package/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
package/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
package/behaviors/registry/app/organisms/std-lms.orb +860 -860
package/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
package/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
package/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
package/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
package/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
package/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
package/dist/behaviors/registry/app/organisms/std-cms.orb +556 -556
package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
package/dist/behaviors/registry/app/organisms/std-crm.orb +806 -806
package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
package/dist/behaviors/registry/app/organisms/std-lms.orb +860 -860
package/dist/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
package/dist/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
package/package.json +1 -1

package/behaviors/registry/app/organisms/std-crm.orb CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "std-crm",
   "version": "1.0.0",
-  "description": "std-crm as a Function",
+  "description": "CRM: contacts, deals, sales pipelines, and notes. Pick for B2B sales tracking.",
   "orbitals": [
     {
       "name": "ContactOrbital",
@@ -65,30 +65,30 @@
           "config": {
             "navItems": [
               {
-                "label": "Contacts",
                 "icon": "users",
-                "href": "/contacts"
+                "href": "/contacts",
+                "label": "Contacts"
               },
               {
+                "icon": "briefcase",
                 "label": "Deals",
-                "href": "/deals",
-                "icon": "briefcase"
+                "href": "/deals"
               },
               {
                 "href": "/pipeline",
-                "icon": "bar-chart-2",
-                "label": "Pipeline"
+                "label": "Pipeline",
+                "icon": "bar-chart-2"
               },
               {
-                "href": "/notes",
                 "icon": "file-text",
+                "href": "/notes",
                 "label": "Notes"
               }
             ],
             "contentTrait": "@trait.ContactBrowse",
+            "notificationClickEvent": "CONTACT_NOTIFICATIONS_OPEN",
             "searchEvent": "CONTACT_SEARCH",
             "notifications": [],
-            "notificationClickEvent": "CONTACT_NOTIFICATIONS_OPEN",
             "appName": "CRM"
           },
           "events": {
@@ -733,7 +733,10 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "align": "center",
                       "direction": "vertical",
+                      "type": "stack",
                       "className": "py-12",
                       "children": [
                         {
@@ -745,10 +748,7 @@
                           "content": "Loading…",
                           "color": "muted"
                         }
-                      ],
-                      "gap": "md",
-                      "align": "center",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -763,8 +763,8 @@
                     "Contact",
                     {
                       "emit": {
-                        "failure": "ContactLoadFailed",
-                        "success": "ContactLoaded"
+                        "success": "ContactLoaded",
+                        "failure": "ContactLoadFailed"
                       }
                     }
                   ],
@@ -772,19 +772,19 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Searching…",
+                          "variant": "caption",
                           "type": "typography",
                           "color": "muted",
-                          "variant": "caption"
+                          "content": "Searching…"
                         }
                       ],
+                      "type": "stack",
+                      "className": "py-12",
                       "gap": "md",
                       "align": "center",
                       "direction": "vertical"
@@ -801,26 +801,25 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "direction": "vertical",
                       "type": "stack",
+                      "direction": "vertical",
                       "align": "center",
                       "className": "py-8",
                       "children": [
                         {
-                          "name": "bell",
-                          "type": "icon"
+                          "type": "icon",
+                          "name": "bell"
                         },
                         {
-                          "content": "No notifications",
                           "variant": "h3",
+                          "content": "No notifications",
                           "type": "typography"
                         },
                         {
-                          "content": "You're all caught up.",
-                          "type": "typography",
+                          "variant": "caption",
                           "color": "muted",
-                          "variant": "caption"
+                          "content": "You're all caught up.",
+                          "type": "typography"
                         },
                         {
                           "action": "INIT",
@@ -828,7 +827,8 @@
                           "type": "button",
                           "label": "Back to contacts"
                         }
-                      ]
+                      ],
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -842,113 +842,113 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
                       "direction": "vertical",
                       "type": "stack",
+                      "gap": "lg",
                       "children": [
                         {
                           "justify": "between",
-                          "direction": "horizontal",
+                          "align": "center",
                           "children": [
                             {
                               "align": "center",
                               "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "users"
+                                  "name": "users",
+                                  "type": "icon"
                                 },
                                 {
+                                  "type": "typography",
                                   "content": "Contacts",
-                                  "variant": "h2",
-                                  "type": "typography"
+                                  "variant": "h2"
                                 }
-                              ]
+                              ],
+                              "gap": "sm",
+                              "direction": "horizontal"
                             },
                             {
-                              "gap": "sm",
-                              "type": "stack",
                               "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "sm",
                               "children": [
                                 {
-                                  "label": "Add Contact",
-                                  "icon": "plus",
                                   "action": "CREATE",
+                                  "type": "button",
                                   "variant": "primary",
-                                  "type": "button"
+                                  "icon": "plus",
+                                  "label": "Add Contact"
                                 }
                               ]
                             }
                           ],
                           "type": "stack",
-                          "align": "center",
-                          "gap": "md"
+                          "gap": "md",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "simple-grid",
                           "cols": 1.0,
                           "children": [
                             {
                               "label": "Total Contacts",
+                              "value": "@payload.data.length",
                               "type": "stat-display",
-                              "icon": "users",
-                              "value": "@payload.data.length"
+                              "icon": "users"
                             }
-                          ]
+                          ],
+                          "type": "simple-grid"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "entity": "@payload.data",
                           "variant": "card",
-                          "type": "data-list",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW",
-                              "variant": "ghost"
-                            },
-                            {
-                              "event": "EDIT",
-                              "variant": "ghost",
-                              "label": "Edit"
-                            },
-                            {
-                              "event": "DELETE",
-                              "variant": "danger",
-                              "label": "Delete"
-                            }
-                          ],
-                          "gap": "sm",
+                          "entity": "@payload.data",
                           "fields": [
                             {
                               "name": "name",
-                              "icon": "user",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "icon": "user"
                             },
                             {
                               "name": "status",
                               "variant": "badge"
                             },
                             {
-                              "variant": "body",
-                              "name": "company"
+                              "name": "company",
+                              "variant": "body"
                             },
                             {
-                              "name": "email",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "name": "email"
                             },
                             {
                               "variant": "caption",
                               "name": "phone"
                             }
-                          ]
+                          ],
+                          "itemActions": [
+                            {
+                              "event": "VIEW",
+                              "variant": "ghost",
+                              "label": "View"
+                            },
+                            {
+                              "variant": "ghost",
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "event": "DELETE",
+                              "label": "Delete",
+                              "variant": "danger"
+                            }
+                          ],
+                          "gap": "sm",
+                          "type": "data-list"
                         }
                       ]
                     }
@@ -964,36 +964,36 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "type": "stack",
                       "align": "center",
-                      "className": "py-12",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "color": "destructive",
                           "type": "icon",
-                          "name": "alert-triangle"
+                          "name": "alert-triangle",
+                          "color": "destructive"
                         },
                         {
                           "type": "typography",
-                          "content": "Failed to load contact",
-                          "variant": "h3"
+                          "variant": "h3",
+                          "content": "Failed to load contact"
                         },
                         {
-                          "content": "@payload.error",
                           "type": "typography",
                           "color": "muted",
+                          "content": "@payload.error",
                           "variant": "body"
                         },
                         {
+                          "action": "INIT",
                           "variant": "primary",
+                          "icon": "rotate-ccw",
                           "type": "button",
-                          "label": "Retry",
-                          "action": "INIT",
-                          "icon": "rotate-ccw"
+                          "label": "Retry"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -1202,13 +1202,15 @@
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
                       "children": [
                         {
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "name": "plus-circle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "plus-circle"
                             },
                             {
                               "content": "New Contact",
@@ -1217,16 +1219,15 @@
                             }
                           ],
                           "gap": "sm",
-                          "type": "stack",
-                          "direction": "horizontal"
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "form-section",
                           "cancelEvent": "CLOSE",
                           "mode": "create",
-                          "submitEvent": "SAVE",
                           "fields": [
                             "name",
                             "company",
@@ -1234,11 +1235,10 @@
                             "phone",
                             "status"
                           ],
-                          "type": "form-section"
+                          "submitEvent": "SAVE"
                         }
                       ],
-                      "direction": "vertical",
-                      "gap": "md"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1279,8 +1279,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "success": "ContactSaved",
-                        "failure": "ContactSaveFailed"
+                        "failure": "ContactSaveFailed",
+                        "success": "ContactSaved"
                       }
                     }
                   ],
@@ -1499,8 +1499,8 @@
                     "Contact",
                     {
                       "emit": {
-                        "failure": "ContactLoadFailed",
-                        "success": "ContactLoaded"
+                        "success": "ContactLoaded",
+                        "failure": "ContactLoadFailed"
                       }
                     }
                   ]
@@ -1517,8 +1517,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "success": "ContactLoaded",
-                        "failure": "ContactLoadFailed"
+                        "failure": "ContactLoadFailed",
+                        "success": "ContactLoaded"
                       }
                     }
                   ],
@@ -1526,31 +1526,29 @@
                     "render-ui",
                     "modal",
                     {
-                      "gap": "md",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "direction": "horizontal",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "edit"
+                              "name": "edit",
+                              "type": "icon"
                             },
                             {
-                              "type": "typography",
+                              "content": "Edit Contact",
                               "variant": "h3",
-                              "content": "Edit Contact"
+                              "type": "typography"
                             }
                           ],
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "cancelEvent": "CLOSE",
                           "type": "form-section",
-                          "submitEvent": "SAVE",
                           "fields": [
                             "name",
                             "company",
@@ -1558,12 +1556,14 @@
                             "phone",
                             "status"
                           ],
-                          "mode": "edit",
-                          "entity": "@payload.row"
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "entity": "@payload.row",
+                          "mode": "edit"
                         }
                       ],
-                      "direction": "vertical",
-                      "type": "stack"
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1818,8 +1818,8 @@
                     "Contact",
                     {
                       "emit": {
-                        "failure": "ContactLoadFailed",
-                        "success": "ContactLoaded"
+                        "success": "ContactLoaded",
+                        "failure": "ContactLoadFailed"
                       }
                     }
                   ]
@@ -1834,60 +1834,57 @@
                     "fetch",
                     "Contact",
                     {
+                      "id": "@payload.id",
                       "emit": {
                         "failure": "ContactLoadFailed",
                         "success": "ContactLoaded"
-                      },
-                      "id": "@payload.id"
+                      }
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "gap": "md",
-                      "type": "stack",
                       "children": [
                         {
+                          "gap": "sm",
                           "type": "stack",
+                          "direction": "horizontal",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "eye"
+                              "name": "eye",
+                              "type": "icon"
                             },
                             {
-                              "content": "@entity.name",
                               "type": "typography",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "content": "@entity.name"
                             }
-                          ],
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "direction": "horizontal",
-                          "type": "stack",
-                          "gap": "md",
                           "children": [
                             {
-                              "variant": "caption",
                               "content": "Name",
+                              "variant": "caption",
                               "type": "typography"
                             },
                             {
-                              "variant": "body",
                               "type": "typography",
+                              "variant": "body",
                               "content": "@entity.name"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md"
                         },
                         {
                           "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
                           "children": [
                             {
@@ -1896,45 +1893,46 @@
                               "content": "Company"
                             },
                             {
+                              "content": "@entity.company",
                               "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.company"
+                              "variant": "body"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "direction": "horizontal",
-                          "gap": "md",
                           "children": [
                             {
                               "type": "typography",
-                              "content": "Email",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "content": "Email"
                             },
                             {
                               "variant": "body",
-                              "content": "@entity.email",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "@entity.email"
                             }
                           ],
-                          "type": "stack"
+                          "type": "stack",
+                          "gap": "md"
                         },
                         {
-                          "gap": "md",
+                          "type": "stack",
                           "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
+                              "type": "typography",
                               "variant": "caption",
-                              "content": "Phone",
-                              "type": "typography"
+                              "content": "Phone"
                             },
                             {
-                              "type": "typography",
                               "variant": "body",
+                              "type": "typography",
                               "content": "@entity.phone"
                             }
-                          ],
-                          "type": "stack"
+                          ]
                         },
                         {
                           "type": "stack",
@@ -1942,13 +1940,13 @@
                           "children": [
                             {
                               "variant": "caption",
-                              "type": "typography",
-                              "content": "Status"
+                              "content": "Status",
+                              "type": "typography"
                             },
                             {
+                              "variant": "body",
                               "content": "@entity.status",
-                              "type": "typography",
-                              "variant": "body"
+                              "type": "typography"
                             }
                           ],
                           "direction": "horizontal"
@@ -1957,28 +1955,30 @@
                           "type": "divider"
                         },
                         {
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "label": "Edit",
-                              "variant": "primary",
                               "icon": "edit",
-                              "action": "EDIT",
-                              "type": "button"
+                              "variant": "primary",
+                              "type": "button",
+                              "label": "Edit",
+                              "action": "EDIT"
                             },
                             {
+                              "action": "CLOSE",
                               "label": "Close",
                               "type": "button",
-                              "variant": "ghost",
-                              "action": "CLOSE"
+                              "variant": "ghost"
                             }
                           ],
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "justify": "end"
                         }
                       ],
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2208,8 +2208,8 @@
                     "Contact",
                     {
                       "emit": {
-                        "failure": "ContactLoadFailed",
-                        "success": "ContactLoaded"
+                        "success": "ContactLoaded",
+                        "failure": "ContactLoadFailed"
                       }
                     }
                   ]
@@ -2229,66 +2229,66 @@
                     "fetch",
                     "Contact",
                     {
+                      "id": "@payload.id",
                       "emit": {
                         "failure": "ContactLoadFailed",
                         "success": "ContactLoaded"
-                      },
-                      "id": "@payload.id"
+                      }
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "type": "stack",
                       "gap": "md",
+                      "type": "stack",
                       "direction": "vertical",
                       "children": [
                         {
-                          "align": "center",
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
+                          "type": "stack",
                           "children": [
                             {
-                              "name": "alert-triangle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "alert-triangle"
                             },
                             {
-                              "content": "Delete Contact",
+                              "variant": "h3",
                               "type": "typography",
-                              "variant": "h3"
+                              "content": "Delete Contact"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "error",
                           "type": "alert",
-                          "message": "This action cannot be undone."
+                          "message": "This action cannot be undone.",
+                          "variant": "error"
                         },
                         {
-                          "direction": "horizontal",
+                          "justify": "end",
                           "children": [
                             {
-                              "label": "Cancel",
+                              "action": "CANCEL",
                               "variant": "ghost",
-                              "type": "button",
-                              "action": "CANCEL"
+                              "label": "Cancel",
+                              "type": "button"
                             },
                             {
-                              "label": "Delete",
                               "icon": "check",
-                              "type": "button",
                               "action": "CONFIRM_DELETE",
+                              "type": "button",
+                              "label": "Delete",
                               "variant": "danger"
                             }
                           ],
-                          "justify": "end",
-                          "gap": "sm",
-                          "type": "stack"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         }
                       ]
                     }
@@ -2307,8 +2307,8 @@
                     "@entity.pendingId",
                     {
                       "emit": {
-                        "success": "ContactDeleted",
-                        "failure": "ContactDeleteFailed"
+                        "failure": "ContactDeleteFailed",
+                        "success": "ContactDeleted"
                       }
                     }
                   ],
@@ -2391,8 +2391,8 @@
                     "Contact",
                     {
                       "emit": {
-                        "failure": "ContactLoadFailed",
-                        "success": "ContactLoaded"
+                        "success": "ContactLoaded",
+                        "failure": "ContactLoadFailed"
                       }
                     }
                   ]
@@ -2743,22 +2743,22 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
                           "variant": "caption",
+                          "type": "typography",
                           "content": "Loading…",
                           "color": "muted"
                         }
                       ],
-                      "gap": "md",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "type": "stack",
-                      "align": "center"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -2774,30 +2774,29 @@
                     {
                       "children": [
                         {
+                          "gap": "lg",
+                          "direction": "vertical",
+                          "type": "stack",
+                          "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "md",
-                              "justify": "between",
-                              "align": "center",
-                              "direction": "horizontal",
                               "children": [
                                 {
                                   "type": "stack",
                                   "align": "center",
+                                  "direction": "horizontal",
                                   "gap": "sm",
                                   "children": [
                                     {
-                                      "name": "briefcase",
-                                      "type": "icon"
+                                      "type": "icon",
+                                      "name": "briefcase"
                                     },
                                     {
-                                      "content": "Deals",
                                       "variant": "h2",
-                                      "type": "typography"
+                                      "type": "typography",
+                                      "content": "Deals"
                                     }
-                                  ],
-                                  "direction": "horizontal"
+                                  ]
                                 },
                                 {
                                   "type": "stack",
@@ -2805,40 +2804,45 @@
                                   "direction": "horizontal",
                                   "children": [
                                     {
+                                      "type": "button",
                                       "label": "New Deal",
+                                      "icon": "plus",
                                       "action": "CREATE",
-                                      "type": "button",
-                                      "variant": "primary",
-                                      "icon": "plus"
+                                      "variant": "primary"
                                     }
                                   ]
                                 }
-                              ]
+                              ],
+                              "align": "center",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "md",
+                              "justify": "between"
                             },
                             {
                               "type": "divider"
                             },
                             {
+                              "entity": "@payload.data",
                               "itemActions": [
                                 {
-                                  "label": "View",
                                   "event": "VIEW",
-                                  "variant": "ghost"
+                                  "variant": "ghost",
+                                  "label": "View"
                                 },
                                 {
                                   "event": "EDIT",
-                                  "variant": "ghost",
-                                  "label": "Edit"
+                                  "label": "Edit",
+                                  "variant": "ghost"
                                 },
                                 {
-                                  "event": "DELETE",
                                   "variant": "danger",
-                                  "label": "Delete"
+                                  "label": "Delete",
+                                  "event": "DELETE"
                                 }
                               ],
-                              "cols": 2.0,
+                              "gap": "md",
                               "type": "data-grid",
-                              "entity": "@payload.data",
                               "fields": [
                                 {
                                   "variant": "h3",
@@ -2850,30 +2854,27 @@
                                   "variant": "badge"
                                 },
                                 {
-                                  "variant": "h4",
                                   "name": "value",
+                                  "variant": "h4",
                                   "format": "currency"
                                 },
                                 {
                                   "variant": "caption",
-                                  "name": "contactId",
-                                  "label": "Contact"
+                                  "label": "Contact",
+                                  "name": "contactId"
                                 }
                               ],
-                              "gap": "md"
+                              "cols": 2.0
                             }
-                          ],
-                          "type": "stack",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "direction": "vertical",
-                          "gap": "lg"
+                          ]
                         }
                       ],
+                      "type": "dashboard-layout",
                       "navItems": [
                         {
-                          "href": "/contacts",
+                          "label": "Contacts",
                           "icon": "users",
-                          "label": "Contacts"
+                          "href": "/contacts"
                         },
                         {
                           "label": "Deals",
@@ -2891,7 +2892,6 @@
                           "label": "Notes"
                         }
                       ],
-                      "type": "dashboard-layout",
                       "appName": "CRM"
                     }
                   ]
@@ -2906,11 +2906,10 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "children": [
                         {
-                          "name": "alert-triangle",
                           "type": "icon",
+                          "name": "alert-triangle",
                           "color": "destructive"
                         },
                         {
@@ -2919,23 +2918,24 @@
                           "variant": "h3"
                         },
                         {
-                          "content": "@payload.error",
                           "type": "typography",
                           "color": "muted",
+                          "content": "@payload.error",
                           "variant": "body"
                         },
                         {
-                          "action": "INIT",
-                          "type": "button",
+                          "label": "Retry",
                           "variant": "primary",
                           "icon": "rotate-ccw",
-                          "label": "Retry"
+                          "type": "button",
+                          "action": "INIT"
                         }
                       ],
-                      "align": "center",
                       "direction": "vertical",
                       "gap": "md",
-                      "className": "py-12"
+                      "align": "center",
+                      "className": "py-12",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -3127,8 +3127,8 @@
                     "Deal",
                     {
                       "emit": {
-                        "failure": "DealLoadFailed",
-                        "success": "DealLoaded"
+                        "success": "DealLoaded",
+                        "failure": "DealLoadFailed"
                       }
                     }
                   ],
@@ -3138,9 +3138,9 @@
                     {
                       "direction": "vertical",
                       "gap": "md",
-                      "type": "stack",
                       "children": [
                         {
+                          "gap": "sm",
                           "direction": "horizontal",
                           "children": [
                             {
@@ -3148,13 +3148,12 @@
                               "name": "plus-circle"
                             },
                             {
-                              "variant": "h3",
+                              "type": "typography",
                               "content": "Create Deal",
-                              "type": "typography"
+                              "variant": "h3"
                             }
                           ],
-                          "type": "stack",
-                          "gap": "sm"
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
@@ -3168,11 +3167,12 @@
                             "stage",
                             "closedAt"
                           ],
-                          "submitEvent": "SAVE",
                           "mode": "create",
-                          "type": "form-section"
+                          "type": "form-section",
+                          "submitEvent": "SAVE"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -3440,40 +3440,42 @@
                     "fetch",
                     "Deal",
                     {
+                      "id": "@payload.id",
                       "emit": {
                         "failure": "DealLoadFailed",
                         "success": "DealLoaded"
-                      },
-                      "id": "@payload.id"
+                      }
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
-                          "direction": "horizontal",
                           "type": "stack",
-                          "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "name": "edit",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "edit"
                             },
                             {
-                              "type": "typography",
+                              "variant": "h3",
                               "content": "Edit Deal",
-                              "variant": "h3"
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "mode": "edit",
+                          "submitEvent": "SAVE",
+                          "entity": "@payload.row",
+                          "cancelEvent": "CLOSE",
                           "fields": [
                             "title",
                             "contactId",
@@ -3481,14 +3483,12 @@
                             "stage",
                             "closedAt"
                           ],
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "entity": "@payload.row",
-                          "mode": "edit",
                           "type": "form-section"
                         }
                       ],
-                      "type": "stack"
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -3735,8 +3735,8 @@
                     "Deal",
                     {
                       "emit": {
-                        "success": "DealLoaded",
-                        "failure": "DealLoadFailed"
+                        "failure": "DealLoadFailed",
+                        "success": "DealLoaded"
                       }
                     }
                   ]
@@ -3751,94 +3751,92 @@
                     "fetch",
                     "Deal",
                     {
-                      "id": "@payload.id",
                       "emit": {
-                        "failure": "DealLoadFailed",
-                        "success": "DealLoaded"
-                      }
+                        "success": "DealLoaded",
+                        "failure": "DealLoadFailed"
+                      },
+                      "id": "@payload.id"
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md",
                       "children": [
                         {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
-                              "name": "eye",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "eye"
                             },
                             {
-                              "type": "typography",
                               "variant": "h3",
-                              "content": "@entity.title"
+                              "content": "@entity.title",
+                              "type": "typography"
                             }
-                          ],
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
-                          "type": "stack"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "gap": "md",
+                          "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "typography",
                               "content": "Title",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "type": "typography"
                             },
                             {
+                              "type": "typography",
                               "content": "@entity.title",
-                              "variant": "body",
-                              "type": "typography"
+                              "variant": "body"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "md",
-                          "direction": "horizontal"
+                          ]
                         },
                         {
-                          "direction": "horizontal",
                           "gap": "md",
+                          "type": "stack",
                           "children": [
                             {
+                              "type": "typography",
                               "variant": "caption",
-                              "content": "Contact ID",
-                              "type": "typography"
+                              "content": "Contact ID"
                             },
                             {
                               "variant": "body",
-                              "content": "@entity.contactId",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "@entity.contactId"
                             }
                           ],
-                          "type": "stack"
+                          "direction": "horizontal"
                         },
                         {
-                          "gap": "md",
-                          "direction": "horizontal",
-                          "type": "stack",
                           "children": [
                             {
-                              "content": "Value",
+                              "variant": "caption",
                               "type": "typography",
-                              "variant": "caption"
+                              "content": "Value"
                             },
                             {
-                              "variant": "body",
+                              "content": "@entity.value",
                               "type": "typography",
-                              "content": "@entity.value"
+                              "variant": "body"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md"
                         },
                         {
-                          "direction": "horizontal",
-                          "type": "stack",
-                          "gap": "md",
                           "children": [
                             {
                               "type": "typography",
@@ -3846,14 +3844,16 @@
                               "content": "Stage"
                             },
                             {
-                              "content": "@entity.stage",
+                              "variant": "body",
                               "type": "typography",
-                              "variant": "body"
+                              "content": "@entity.stage"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "gap": "md",
+                          "direction": "horizontal"
                         },
                         {
-                          "direction": "horizontal",
                           "type": "stack",
                           "gap": "md",
                           "children": [
@@ -3863,39 +3863,39 @@
                               "type": "typography"
                             },
                             {
-                              "content": "@entity.closedAt",
                               "type": "typography",
-                              "variant": "body"
+                              "variant": "body",
+                              "content": "@entity.closedAt"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
-                          "direction": "horizontal",
                           "justify": "end",
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "button",
-                              "action": "EDIT",
-                              "variant": "primary",
                               "label": "Edit",
-                              "icon": "edit"
-                            },
+                              "variant": "primary",
+                              "action": "EDIT",
+                              "icon": "edit",
+                              "type": "button"
+                            },
                             {
                               "type": "button",
                               "action": "CLOSE",
                               "label": "Close",
                               "variant": "ghost"
                             }
-                          ],
-                          "type": "stack"
+                          ]
                         }
                       ],
-                      "type": "stack",
-                      "gap": "md"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -4138,36 +4138,36 @@
                     "fetch",
                     "Deal",
                     {
-                      "id": "@payload.id",
                       "emit": {
-                        "failure": "DealLoadFailed",
-                        "success": "DealLoaded"
-                      }
+                        "success": "DealLoaded",
+                        "failure": "DealLoadFailed"
+                      },
+                      "id": "@payload.id"
                     }
                   ],
                   [
                     "render-ui",
                     "modal",
                     {
-                      "gap": "md",
                       "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
-                              "name": "alert-triangle",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "alert-triangle"
                             },
                             {
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "Delete Deal"
+                              "content": "Delete Deal",
+                              "variant": "h3"
                             }
-                          ],
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center"
+                          ]
                         },
                         {
                           "type": "divider"
@@ -4178,28 +4178,28 @@
                           "variant": "error"
                         },
                         {
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "type": "stack",
                           "children": [
                             {
                               "type": "button",
-                              "action": "CANCEL",
                               "label": "Cancel",
+                              "action": "CANCEL",
                               "variant": "ghost"
                             },
                             {
-                              "type": "button",
-                              "label": "Delete",
-                              "variant": "danger",
                               "action": "CONFIRM_DELETE",
-                              "icon": "check"
+                              "icon": "check",
+                              "variant": "danger",
+                              "type": "button",
+                              "label": "Delete"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "justify": "end",
+                          "gap": "sm",
+                          "direction": "horizontal"
                         }
                       ],
-                      "type": "stack"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -4238,8 +4238,8 @@
                     "Deal",
                     {
                       "emit": {
-                        "failure": "DealLoadFailed",
-                        "success": "DealLoaded"
+                        "success": "DealLoaded",
+                        "failure": "DealLoadFailed"
                       }
                     }
                   ],
@@ -4271,8 +4271,8 @@
                     "Deal",
                     {
                       "emit": {
-                        "failure": "DealLoadFailed",
-                        "success": "DealLoaded"
+                        "success": "DealLoaded",
+                        "failure": "DealLoadFailed"
                       }
                     }
                   ]
@@ -4504,8 +4504,8 @@
                     "Pipeline",
                     {
                       "emit": {
-                        "failure": "PipelineLoadFailed",
-                        "success": "PipelineLoaded"
+                        "success": "PipelineLoaded",
+                        "failure": "PipelineLoadFailed"
                       }
                     }
                   ],
@@ -4515,33 +4515,32 @@
                     {
                       "navItems": [
                         {
-                          "label": "Contacts",
                           "href": "/contacts",
+                          "label": "Contacts",
                           "icon": "users"
                         },
                         {
-                          "href": "/deals",
                           "label": "Deals",
+                          "href": "/deals",
                           "icon": "briefcase"
                         },
                         {
                           "href": "/pipeline",
-                          "icon": "bar-chart-2",
-                          "label": "Pipeline"
+                          "label": "Pipeline",
+                          "icon": "bar-chart-2"
                         },
                         {
-                          "label": "Notes",
+                          "href": "/notes",
                           "icon": "file-text",
-                          "href": "/notes"
+                          "label": "Notes"
                         }
                       ],
-                      "appName": "CRM",
+                      "type": "dashboard-layout",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
-                              "gap": "lg",
-                              "type": "stack",
                               "children": [
                                 {
                                   "type": "breadcrumb",
@@ -4556,26 +4555,24 @@
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "gap": "md",
                                   "justify": "between",
                                   "children": [
                                     {
+                                      "type": "stack",
+                                      "gap": "md",
+                                      "direction": "horizontal",
                                       "children": [
                                         {
-                                          "type": "icon",
-                                          "name": "bar-chart-2"
+                                          "name": "bar-chart-2",
+                                          "type": "icon"
                                         },
                                         {
+                                          "type": "typography",
                                           "content": "Pipeline",
-                                          "variant": "h2",
-                                          "type": "typography"
+                                          "variant": "h2"
                                         }
-                                      ],
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "md"
+                                      ]
                                     },
                                     {
                                       "type": "button",
@@ -4584,7 +4581,9 @@
                                       "action": "REFRESH",
                                       "icon": "refresh-cw"
                                     }
-                                  ]
+                                  ],
+                                  "type": "stack",
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
@@ -4592,53 +4591,54 @@
                                 {
                                   "children": [
                                     {
-                                      "cols": 3.0,
                                       "type": "simple-grid",
+                                      "cols": 3.0,
                                       "children": [
                                         {
                                           "label": "TotalDeals",
-                                          "value": "@entity.totalDeals",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "value": "@entity.totalDeals"
                                         },
                                         {
-                                          "label": "TotalValue",
                                           "type": "stat-display",
-                                          "value": "@entity.totalValue"
+                                          "value": "@entity.totalValue",
+                                          "label": "TotalValue"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "WonDeals",
-                                          "value": "@entity.wonDeals",
-                                          "type": "stat-display"
+                                          "value": "@entity.wonDeals"
                                         },
                                         {
+                                          "value": "@entity.lostDeals",
                                           "label": "LostDeals",
-                                          "type": "stat-display",
-                                          "value": "@entity.lostDeals"
+                                          "type": "stat-display"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "value": "@entity.conversionRate",
-                                          "label": "ConversionRate",
-                                          "type": "stat-display"
+                                          "label": "ConversionRate"
                                         }
                                       ]
                                     }
                                   ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  "padding": "md",
+                                  "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
                                   "cols": 2.0,
+                                  "gap": "md",
                                   "children": [
                                     {
                                       "type": "card",
                                       "children": [
                                         {
-                                          "content": "Chart View",
                                           "variant": "caption",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "content": "Chart View"
                                         }
                                       ]
                                     },
@@ -4646,15 +4646,14 @@
                                       "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
                                           "variant": "caption",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "type": "typography"
                                         }
                                       ]
                                     }
                                   ],
-                                  "type": "grid",
-                                  "gap": "md"
+                                  "type": "grid"
                                 },
                                 {
                                   "type": "line-chart",
@@ -4664,8 +4663,8 @@
                                       "value": 12.0
                                     },
                                     {
-                                      "value": 19.0,
-                                      "date": "Feb"
+                                      "date": "Feb",
+                                      "value": 19.0
                                     },
                                     {
                                       "value": 15.0,
@@ -4676,44 +4675,45 @@
                                       "value": 25.0
                                     },
                                     {
-                                      "date": "May",
-                                      "value": 22.0
+                                      "value": 22.0,
+                                      "date": "May"
                                     },
                                     {
-                                      "value": 30.0,
-                                      "date": "Jun"
+                                      "date": "Jun",
+                                      "value": 30.0
                                     }
                                   ]
                                 },
                                 {
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
                                   ],
                                   "type": "chart-legend"
                                 },
                                 {
+                                  "type": "graph-view",
+                                  "height": 200.0,
                                   "edges": [
                                     {
-                                      "target": "b",
-                                      "source": "a"
+                                      "source": "a",
+                                      "target": "b"
                                     },
                                     {
-                                      "source": "b",
-                                      "target": "c"
+                                      "target": "c",
+                                      "source": "b"
                                     }
                                   ],
-                                  "type": "graph-view",
                                   "nodes": [
                                     {
-                                      "id": "a",
-                                      "label": "Start"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
                                       "label": "Process",
@@ -4724,17 +4724,17 @@
                                       "label": "End"
                                     }
                                   ],
-                                  "width": 400.0,
-                                  "height": 200.0
+                                  "width": 400.0
                                 }
                               ],
-                              "direction": "vertical"
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "lg"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
                       ],
-                      "type": "dashboard-layout"
+                      "appName": "CRM"
                     }
                   ]
                 ]
@@ -4749,8 +4749,8 @@
                     "Pipeline",
                     {
                       "emit": {
-                        "failure": "PipelineLoadFailed",
-                        "success": "PipelineLoaded"
+                        "success": "PipelineLoaded",
+                        "failure": "PipelineLoadFailed"
                       }
                     }
                   ],
@@ -4759,40 +4759,19 @@
                     "main",
                     {
                       "appName": "CRM",
-                      "navItems": [
-                        {
-                          "label": "Contacts",
-                          "href": "/contacts",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Deals",
-                          "href": "/deals",
-                          "icon": "briefcase"
-                        },
-                        {
-                          "href": "/pipeline",
-                          "icon": "bar-chart-2",
-                          "label": "Pipeline"
-                        },
-                        {
-                          "href": "/notes",
-                          "icon": "file-text",
-                          "label": "Notes"
-                        }
-                      ],
                       "children": [
                         {
                           "children": [
                             {
+                              "type": "stack",
                               "direction": "vertical",
                               "children": [
                                 {
                                   "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Pipeline"
@@ -4800,11 +4779,11 @@
                                   ]
                                 },
                                 {
-                                  "justify": "between",
                                   "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "between",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "children": [
                                         {
                                           "name": "bar-chart-2",
@@ -4812,28 +4791,29 @@
                                         },
                                         {
                                           "content": "Pipeline",
-                                          "type": "typography",
-                                          "variant": "h2"
+                                          "variant": "h2",
+                                          "type": "typography"
                                         }
                                       ],
-                                      "gap": "md",
-                                      "direction": "horizontal"
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "md"
                                     },
                                     {
+                                      "icon": "refresh-cw",
                                       "type": "button",
-                                      "action": "REFRESH",
                                       "variant": "secondary",
                                       "label": "Refresh",
-                                      "icon": "refresh-cw"
+                                      "action": "REFRESH"
                                     }
                                   ],
-                                  "gap": "md",
-                                  "direction": "horizontal"
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "type": "box",
                                   "padding": "md",
                                   "children": [
                                     {
@@ -4842,23 +4822,23 @@
                                       "children": [
                                         {
                                           "label": "TotalDeals",
-                                          "value": "@entity.totalDeals",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "value": "@entity.totalDeals"
                                         },
                                         {
+                                          "value": "@entity.totalValue",
                                           "type": "stat-display",
-                                          "label": "TotalValue",
-                                          "value": "@entity.totalValue"
+                                          "label": "TotalValue"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "label": "WonDeals",
-                                          "value": "@entity.wonDeals"
+                                          "value": "@entity.wonDeals",
+                                          "label": "WonDeals"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "LostDeals",
-                                          "value": "@entity.lostDeals",
-                                          "type": "stat-display"
+                                          "value": "@entity.lostDeals"
                                         },
                                         {
                                           "type": "stat-display",
@@ -4867,38 +4847,37 @@
                                         }
                                       ]
                                     }
-                                  ],
-                                  "type": "box"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "cols": 2.0,
                                   "type": "grid",
-                                  "gap": "md",
+                                  "cols": 2.0,
                                   "children": [
                                     {
                                       "type": "card",
                                       "children": [
                                         {
-                                          "type": "typography",
+                                          "variant": "caption",
                                           "content": "Chart View",
-                                          "variant": "caption"
+                                          "type": "typography"
                                         }
                                       ]
                                     },
                                     {
-                                      "type": "card",
                                       "children": [
                                         {
                                           "variant": "caption",
-                                          "content": "Graph View",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "content": "Graph View"
                                         }
-                                      ]
+                                      ],
+                                      "type": "card"
                                     }
-                                  ]
+                                  ],
+                                  "gap": "md"
                                 },
                                 {
                                   "type": "line-chart",
@@ -4908,12 +4887,12 @@
                                       "date": "Jan"
                                     },
                                     {
-                                      "date": "Feb",
-                                      "value": 19.0
+                                      "value": 19.0,
+                                      "date": "Feb"
                                     },
                                     {
-                                      "value": 15.0,
-                                      "date": "Mar"
+                                      "date": "Mar",
+                                      "value": 15.0
                                     },
                                     {
                                       "date": "Apr",
@@ -4930,55 +4909,76 @@
                                   ]
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "label": "Current",
-                                      "color": "primary"
+                                      "color": "primary",
+                                      "label": "Current"
                                     },
                                     {
-                                      "label": "Previous",
-                                      "color": "muted"
+                                      "color": "muted",
+                                      "label": "Previous"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "nodes": [
-                                    {
-                                      "id": "a",
-                                      "label": "Start"
-                                    },
+                                  "type": "graph-view",
+                                  "edges": [
                                     {
-                                      "id": "b",
-                                      "label": "Process"
+                                      "source": "a",
+                                      "target": "b"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "source": "b",
+                                      "target": "c"
                                     }
                                   ],
-                                  "type": "graph-view",
-                                  "width": 400.0,
                                   "height": 200.0,
-                                  "edges": [
+                                  "nodes": [
                                     {
-                                      "target": "b",
-                                      "source": "a"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
-                                      "source": "b",
-                                      "target": "c"
+                                      "label": "Process",
+                                      "id": "b"
+                                    },
+                                    {
+                                      "label": "End",
+                                      "id": "c"
                                     }
-                                  ]
+                                  ],
+                                  "width": 400.0
                                 }
                               ],
-                              "type": "stack",
                               "gap": "lg"
                             }
                           ],
                           "type": "scaled-diagram"
                         }
                       ],
+                      "navItems": [
+                        {
+                          "href": "/contacts",
+                          "label": "Contacts",
+                          "icon": "users"
+                        },
+                        {
+                          "label": "Deals",
+                          "href": "/deals",
+                          "icon": "briefcase"
+                        },
+                        {
+                          "href": "/pipeline",
+                          "label": "Pipeline",
+                          "icon": "bar-chart-2"
+                        },
+                        {
+                          "icon": "file-text",
+                          "href": "/notes",
+                          "label": "Notes"
+                        }
+                      ],
                       "type": "dashboard-layout"
                     }
                   ]
@@ -5003,134 +5003,133 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
                               "direction": "vertical",
-                              "type": "stack",
                               "gap": "lg",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Pipeline"
                                     }
-                                  ]
+                                  ],
+                                  "type": "breadcrumb"
                                 },
                                 {
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "type": "stack",
+                                  "justify": "between",
                                   "children": [
                                     {
                                       "direction": "horizontal",
+                                      "type": "stack",
                                       "children": [
                                         {
                                           "type": "icon",
                                           "name": "bar-chart-2"
                                         },
                                         {
-                                          "variant": "h2",
+                                          "type": "typography",
                                           "content": "Pipeline",
-                                          "type": "typography"
+                                          "variant": "h2"
                                         }
                                       ],
-                                      "type": "stack",
                                       "gap": "md"
                                     },
                                     {
-                                      "variant": "secondary",
-                                      "label": "Refresh",
                                       "icon": "refresh-cw",
+                                      "label": "Refresh",
+                                      "variant": "secondary",
                                       "type": "button",
                                       "action": "REFRESH"
                                     }
-                                  ],
-                                  "gap": "md",
-                                  "direction": "horizontal",
-                                  "type": "stack",
-                                  "justify": "between"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "padding": "md",
                                   "children": [
                                     {
-                                      "cols": 3.0,
-                                      "type": "simple-grid",
                                       "children": [
                                         {
                                           "label": "TotalDeals",
-                                          "type": "stat-display",
-                                          "value": "@entity.totalDeals"
+                                          "value": "@entity.totalDeals",
+                                          "type": "stat-display"
                                         },
                                         {
                                           "type": "stat-display",
-                                          "value": "@entity.totalValue",
-                                          "label": "TotalValue"
+                                          "label": "TotalValue",
+                                          "value": "@entity.totalValue"
                                         },
                                         {
-                                          "label": "WonDeals",
                                           "value": "@entity.wonDeals",
-                                          "type": "stat-display"
+                                          "type": "stat-display",
+                                          "label": "WonDeals"
                                         },
                                         {
-                                          "value": "@entity.lostDeals",
+                                          "type": "stat-display",
                                           "label": "LostDeals",
-                                          "type": "stat-display"
+                                          "value": "@entity.lostDeals"
                                         },
                                         {
+                                          "label": "ConversionRate",
                                           "type": "stat-display",
-                                          "value": "@entity.conversionRate",
-                                          "label": "ConversionRate"
+                                          "value": "@entity.conversionRate"
                                         }
-                                      ]
+                                      ],
+                                      "type": "simple-grid",
+                                      "cols": 3.0
                                     }
                                   ],
+                                  "padding": "md",
                                   "type": "box"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
                                   "gap": "md",
-                                  "cols": 2.0,
                                   "children": [
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
-                                          "content": "Chart View",
                                           "type": "typography",
+                                          "content": "Chart View",
                                           "variant": "caption"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     },
                                     {
                                       "type": "card",
                                       "children": [
                                         {
                                           "variant": "caption",
-                                          "type": "typography",
-                                          "content": "Graph View"
+                                          "content": "Graph View",
+                                          "type": "typography"
                                         }
                                       ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid",
+                                  "cols": 2.0
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
-                                      "value": 12.0,
-                                      "date": "Jan"
+                                      "date": "Jan",
+                                      "value": 12.0
                                     },
                                     {
                                       "value": 19.0,
@@ -5145,16 +5144,18 @@
                                       "value": 25.0
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "value": 30.0,
                                       "date": "Jun"
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
                                       "color": "primary",
@@ -5164,55 +5165,52 @@
                                       "label": "Previous",
                                       "color": "muted"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "height": 200.0,
+                                  "width": 400.0,
+                                  "type": "graph-view",
                                   "edges": [
                                     {
-                                      "source": "a",
-                                      "target": "b"
+                                      "target": "b",
+                                      "source": "a"
                                     },
                                     {
-                                      "target": "c",
-                                      "source": "b"
+                                      "source": "b",
+                                      "target": "c"
                                     }
                                   ],
-                                  "type": "graph-view",
+                                  "height": 200.0,
                                   "nodes": [
                                     {
-                                      "id": "a",
-                                      "label": "Start"
+                                      "label": "Start",
+                                      "id": "a"
                                     },
                                     {
                                       "label": "Process",
                                       "id": "b"
                                     },
                                     {
-                                      "label": "End",
-                                      "id": "c"
+                                      "id": "c",
+                                      "label": "End"
                                     }
-                                  ],
-                                  "width": 400.0
+                                  ]
                                 }
                               ]
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
                       ],
-                      "appName": "CRM",
                       "navItems": [
                         {
-                          "icon": "users",
                           "label": "Contacts",
-                          "href": "/contacts"
+                          "href": "/contacts",
+                          "icon": "users"
                         },
                         {
                           "icon": "briefcase",
-                          "label": "Deals",
-                          "href": "/deals"
+                          "href": "/deals",
+                          "label": "Deals"
                         },
                         {
                           "label": "Pipeline",
@@ -5224,7 +5222,9 @@
                           "label": "Notes",
                           "icon": "file-text"
                         }
-                      ]
+                      ],
+                      "type": "dashboard-layout",
+                      "appName": "CRM"
                     }
                   ]
                 ]
@@ -5248,55 +5248,53 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "dashboard-layout",
+                      "appName": "CRM",
                       "navItems": [
                         {
-                          "href": "/contacts",
+                          "label": "Contacts",
                           "icon": "users",
-                          "label": "Contacts"
+                          "href": "/contacts"
                         },
                         {
-                          "label": "Deals",
                           "href": "/deals",
+                          "label": "Deals",
                           "icon": "briefcase"
                         },
                         {
-                          "href": "/pipeline",
                           "label": "Pipeline",
-                          "icon": "bar-chart-2"
+                          "icon": "bar-chart-2",
+                          "href": "/pipeline"
                         },
                         {
                           "icon": "file-text",
-                          "label": "Notes",
-                          "href": "/notes"
+                          "href": "/notes",
+                          "label": "Notes"
                         }
                       ],
-                      "type": "dashboard-layout",
                       "children": [
                         {
                           "children": [
                             {
-                              "gap": "lg",
-                              "type": "stack",
-                              "direction": "vertical",
                               "children": [
                                 {
+                                  "type": "breadcrumb",
                                   "items": [
                                     {
-                                      "label": "Home",
-                                      "href": "/"
+                                      "href": "/",
+                                      "label": "Home"
                                     },
                                     {
                                       "label": "Pipeline"
                                     }
-                                  ],
-                                  "type": "breadcrumb"
+                                  ]
                                 },
                                 {
-                                  "gap": "md",
                                   "children": [
                                     {
                                       "gap": "md",
                                       "type": "stack",
+                                      "direction": "horizontal",
                                       "children": [
                                         {
                                           "type": "icon",
@@ -5304,33 +5302,32 @@
                                         },
                                         {
                                           "type": "typography",
-                                          "variant": "h2",
-                                          "content": "Pipeline"
+                                          "content": "Pipeline",
+                                          "variant": "h2"
                                         }
-                                      ],
-                                      "direction": "horizontal"
+                                      ]
                                     },
                                     {
                                       "type": "button",
-                                      "action": "REFRESH",
+                                      "icon": "refresh-cw",
                                       "variant": "secondary",
-                                      "label": "Refresh",
-                                      "icon": "refresh-cw"
+                                      "action": "REFRESH",
+                                      "label": "Refresh"
                                     }
                                   ],
+                                  "gap": "md",
+                                  "justify": "between",
                                   "type": "stack",
-                                  "direction": "horizontal",
-                                  "justify": "between"
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "box",
                                   "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
-                                      "cols": 3.0,
                                       "children": [
                                         {
                                           "label": "TotalDeals",
@@ -5338,27 +5335,28 @@
                                           "type": "stat-display"
                                         },
                                         {
+                                          "label": "TotalValue",
                                           "type": "stat-display",
-                                          "value": "@entity.totalValue",
-                                          "label": "TotalValue"
+                                          "value": "@entity.totalValue"
                                         },
                                         {
+                                          "type": "stat-display",
                                           "label": "WonDeals",
-                                          "value": "@entity.wonDeals",
-                                          "type": "stat-display"
+                                          "value": "@entity.wonDeals"
                                         },
                                         {
-                                          "value": "@entity.lostDeals",
                                           "type": "stat-display",
+                                          "value": "@entity.lostDeals",
                                           "label": "LostDeals"
                                         },
                                         {
+                                          "value": "@entity.conversionRate",
                                           "type": "stat-display",
-                                          "label": "ConversionRate",
-                                          "value": "@entity.conversionRate"
+                                          "label": "ConversionRate"
                                         }
                                       ],
-                                      "type": "simple-grid"
+                                      "type": "simple-grid",
+                                      "cols": 3.0
                                     }
                                   ]
                                 },
@@ -5378,22 +5376,21 @@
                                       ]
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
                                           "type": "typography",
                                           "variant": "caption",
                                           "content": "Graph View"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
                                   ],
                                   "type": "grid",
-                                  "gap": "md",
-                                  "cols": 2.0
+                                  "cols": 2.0,
+                                  "gap": "md"
                                 },
                                 {
-                                  "type": "line-chart",
                                   "data": [
                                     {
                                       "value": 12.0,
@@ -5404,22 +5401,23 @@
                                       "value": 19.0
                                     },
                                     {
-                                      "date": "Mar",
-                                      "value": 15.0
+                                      "value": 15.0,
+                                      "date": "Mar"
                                     },
                                     {
-                                      "value": 25.0,
-                                      "date": "Apr"
+                                      "date": "Apr",
+                                      "value": 25.0
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "value": 30.0,
                                       "date": "Jun"
                                     }
-                                  ]
+                                  ],
+                                  "type": "line-chart"
                                 },
                                 {
                                   "type": "chart-legend",
@@ -5429,23 +5427,13 @@
                                       "color": "primary"
                                     },
                                     {
-                                      "color": "muted",
-                                      "label": "Previous"
+                                      "label": "Previous",
+                                      "color": "muted"
                                     }
                                   ]
                                 },
                                 {
-                                  "edges": [
-                                    {
-                                      "source": "a",
-                                      "target": "b"
-                                    },
-                                    {
-                                      "source": "b",
-                                      "target": "c"
-                                    }
-                                  ],
-                                  "type": "graph-view",
+                                  "height": 200.0,
                                   "nodes": [
                                     {
                                       "id": "a",
@@ -5460,16 +5448,28 @@
                                       "label": "End"
                                     }
                                   ],
-                                  "height": 200.0,
+                                  "type": "graph-view",
+                                  "edges": [
+                                    {
+                                      "target": "b",
+                                      "source": "a"
+                                    },
+                                    {
+                                      "source": "b",
+                                      "target": "c"
+                                    }
+                                  ],
                                   "width": 400.0
                                 }
-                              ]
+                              ],
+                              "gap": "lg",
+                              "direction": "vertical",
+                              "type": "stack"
                             }
                           ],
                           "type": "scaled-diagram"
                         }
-                      ],
-                      "appName": "CRM"
+                      ]
                     }
                   ]
                 ]
@@ -5484,8 +5484,8 @@
                     "Pipeline",
                     {
                       "emit": {
-                        "failure": "PipelineLoadFailed",
-                        "success": "PipelineLoaded"
+                        "success": "PipelineLoaded",
+                        "failure": "PipelineLoadFailed"
                       }
                     }
                   ],
@@ -5493,8 +5493,32 @@
                     "render-ui",
                     "main",
                     {
+                      "navItems": [
+                        {
+                          "label": "Contacts",
+                          "icon": "users",
+                          "href": "/contacts"
+                        },
+                        {
+                          "icon": "briefcase",
+                          "href": "/deals",
+                          "label": "Deals"
+                        },
+                        {
+                          "label": "Pipeline",
+                          "href": "/pipeline",
+                          "icon": "bar-chart-2"
+                        },
+                        {
+                          "icon": "file-text",
+                          "href": "/notes",
+                          "label": "Notes"
+                        }
+                      ],
+                      "type": "dashboard-layout",
                       "children": [
                         {
+                          "type": "scaled-diagram",
                           "children": [
                             {
                               "direction": "vertical",
@@ -5503,8 +5527,8 @@
                                 {
                                   "items": [
                                     {
-                                      "href": "/",
-                                      "label": "Home"
+                                      "label": "Home",
+                                      "href": "/"
                                     },
                                     {
                                       "label": "Pipeline"
@@ -5513,14 +5537,11 @@
                                   "type": "breadcrumb"
                                 },
                                 {
-                                  "direction": "horizontal",
+                                  "justify": "between",
                                   "type": "stack",
                                   "gap": "md",
-                                  "justify": "between",
                                   "children": [
                                     {
-                                      "type": "stack",
-                                      "gap": "md",
                                       "children": [
                                         {
                                           "type": "icon",
@@ -5532,34 +5553,39 @@
                                           "content": "Pipeline"
                                         }
                                       ],
-                                      "direction": "horizontal"
+                                      "gap": "md",
+                                      "direction": "horizontal",
+                                      "type": "stack"
                                     },
                                     {
-                                      "variant": "secondary",
                                       "icon": "refresh-cw",
-                                      "type": "button",
                                       "action": "REFRESH",
+                                      "variant": "secondary",
+                                      "type": "button",
                                       "label": "Refresh"
                                     }
-                                  ]
+                                  ],
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
+                                  "padding": "md",
+                                  "type": "box",
                                   "children": [
                                     {
                                       "type": "simple-grid",
                                       "cols": 3.0,
                                       "children": [
                                         {
-                                          "value": "@entity.totalDeals",
+                                          "label": "TotalDeals",
                                           "type": "stat-display",
-                                          "label": "TotalDeals"
+                                          "value": "@entity.totalDeals"
                                         },
                                         {
-                                          "type": "stat-display",
                                           "value": "@entity.totalValue",
+                                          "type": "stat-display",
                                           "label": "TotalValue"
                                         },
                                         {
@@ -5568,26 +5594,23 @@
                                           "value": "@entity.wonDeals"
                                         },
                                         {
+                                          "label": "LostDeals",
                                           "type": "stat-display",
-                                          "value": "@entity.lostDeals",
-                                          "label": "LostDeals"
+                                          "value": "@entity.lostDeals"
                                         },
                                         {
-                                          "type": "stat-display",
                                           "value": "@entity.conversionRate",
-                                          "label": "ConversionRate"
+                                          "label": "ConversionRate",
+                                          "type": "stat-display"
                                         }
                                       ]
                                     }
-                                  ],
-                                  "type": "box",
-                                  "padding": "md"
+                                  ]
                                 },
                                 {
                                   "type": "divider"
                                 },
                                 {
-                                  "type": "grid",
                                   "cols": 2.0,
                                   "gap": "md",
                                   "children": [
@@ -5595,30 +5618,31 @@
                                       "type": "card",
                                       "children": [
                                         {
-                                          "content": "Chart View",
+                                          "type": "typography",
                                           "variant": "caption",
-                                          "type": "typography"
+                                          "content": "Chart View"
                                         }
                                       ]
                                     },
                                     {
+                                      "type": "card",
                                       "children": [
                                         {
-                                          "variant": "caption",
                                           "content": "Graph View",
+                                          "variant": "caption",
                                           "type": "typography"
                                         }
-                                      ],
-                                      "type": "card"
+                                      ]
                                     }
-                                  ]
+                                  ],
+                                  "type": "grid"
                                 },
                                 {
                                   "type": "line-chart",
                                   "data": [
                                     {
-                                      "value": 12.0,
-                                      "date": "Jan"
+                                      "date": "Jan",
+                                      "value": 12.0
                                     },
                                     {
                                       "date": "Feb",
@@ -5629,12 +5653,12 @@
                                       "date": "Mar"
                                     },
                                     {
-                                      "date": "Apr",
-                                      "value": 25.0
+                                      "value": 25.0,
+                                      "date": "Apr"
                                     },
                                     {
-                                      "value": 22.0,
-                                      "date": "May"
+                                      "date": "May",
+                                      "value": 22.0
                                     },
                                     {
                                       "date": "Jun",
@@ -5643,22 +5667,19 @@
                                   ]
                                 },
                                 {
+                                  "type": "chart-legend",
                                   "items": [
                                     {
-                                      "color": "primary",
-                                      "label": "Current"
+                                      "label": "Current",
+                                      "color": "primary"
                                     },
                                     {
                                       "color": "muted",
                                       "label": "Previous"
                                     }
-                                  ],
-                                  "type": "chart-legend"
+                                  ]
                                 },
                                 {
-                                  "width": 400.0,
-                                  "height": 200.0,
-                                  "type": "graph-view",
                                   "nodes": [
                                     {
                                       "id": "a",
@@ -5669,52 +5690,31 @@
                                       "label": "Process"
                                     },
                                     {
-                                      "id": "c",
-                                      "label": "End"
+                                      "label": "End",
+                                      "id": "c"
                                     }
                                   ],
+                                  "height": 200.0,
+                                  "type": "graph-view",
+                                  "width": 400.0,
                                   "edges": [
                                     {
                                       "target": "b",
                                       "source": "a"
                                     },
                                     {
-                                      "target": "c",
-                                      "source": "b"
+                                      "source": "b",
+                                      "target": "c"
                                     }
                                   ]
                                 }
                               ],
                               "type": "stack"
                             }
-                          ],
-                          "type": "scaled-diagram"
+                          ]
                         }
                       ],
-                      "type": "dashboard-layout",
-                      "appName": "CRM",
-                      "navItems": [
-                        {
-                          "label": "Contacts",
-                          "href": "/contacts",
-                          "icon": "users"
-                        },
-                        {
-                          "href": "/deals",
-                          "icon": "briefcase",
-                          "label": "Deals"
-                        },
-                        {
-                          "label": "Pipeline",
-                          "href": "/pipeline",
-                          "icon": "bar-chart-2"
-                        },
-                        {
-                          "href": "/notes",
-                          "label": "Notes",
-                          "icon": "file-text"
-                        }
-                      ]
+                      "appName": "CRM"
                     }
                   ]
                 ]
@@ -5898,8 +5898,8 @@
                     "Note",
                     {
                       "emit": {
-                        "failure": "NoteLoadFailed",
-                        "success": "NoteLoaded"
+                        "success": "NoteLoaded",
+                        "failure": "NoteLoadFailed"
                       }
                     }
                   ],
@@ -5907,22 +5907,22 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "align": "center",
+                      "direction": "vertical",
                       "className": "py-12",
-                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "content": "Loading…",
-                          "color": "muted",
                           "type": "typography",
-                          "variant": "caption"
+                          "variant": "caption",
+                          "color": "muted"
                         }
                       ],
-                      "align": "center",
-                      "direction": "vertical",
-                      "type": "stack"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -5936,79 +5936,87 @@
                     "render-ui",
                     "main",
                     {
-                      "appName": "CRM",
-                      "type": "dashboard-layout",
                       "navItems": [
                         {
-                          "icon": "users",
                           "label": "Contacts",
+                          "icon": "users",
                           "href": "/contacts"
                         },
                         {
                           "label": "Deals",
-                          "icon": "briefcase",
-                          "href": "/deals"
+                          "href": "/deals",
+                          "icon": "briefcase"
                         },
                         {
+                          "icon": "bar-chart-2",
                           "label": "Pipeline",
-                          "href": "/pipeline",
-                          "icon": "bar-chart-2"
+                          "href": "/pipeline"
                         },
                         {
-                          "label": "Notes",
                           "href": "/notes",
+                          "label": "Notes",
                           "icon": "file-text"
                         }
                       ],
+                      "type": "dashboard-layout",
+                      "appName": "CRM",
                       "children": [
                         {
+                          "direction": "vertical",
+                          "className": "max-w-5xl mx-auto w-full",
                           "children": [
                             {
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "align": "center",
+                              "justify": "between",
                               "children": [
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
                                   "children": [
                                     {
-                                      "name": "file-text",
-                                      "type": "icon"
+                                      "type": "icon",
+                                      "name": "file-text"
                                     },
                                     {
-                                      "type": "typography",
                                       "content": "Notes",
+                                      "type": "typography",
                                       "variant": "h2"
                                     }
                                   ],
                                   "align": "center",
-                                  "gap": "sm"
+                                  "gap": "sm",
+                                  "type": "stack",
+                                  "direction": "horizontal"
                                 },
                                 {
                                   "children": [
                                     {
+                                      "icon": "edit",
                                       "type": "button",
                                       "label": "Compose",
                                       "variant": "primary",
-                                      "icon": "edit",
                                       "action": "COMPOSE"
                                     }
                                   ],
-                                  "gap": "sm",
                                   "type": "stack",
-                                  "direction": "horizontal"
+                                  "direction": "horizontal",
+                                  "gap": "sm"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "type": "stack",
-                              "gap": "md",
-                              "justify": "between",
-                              "align": "center"
+                              "type": "stack"
                             },
                             {
                               "type": "divider"
                             },
                             {
-                              "type": "data-list",
                               "entity": "@payload.data",
+                              "itemActions": [
+                                {
+                                  "event": "VIEW",
+                                  "label": "View",
+                                  "variant": "ghost"
+                                }
+                              ],
                               "fields": [
                                 {
                                   "icon": "file-text",
@@ -6016,30 +6024,22 @@
                                   "variant": "h4"
                                 },
                                 {
-                                  "variant": "caption",
-                                  "name": "author"
+                                  "name": "author",
+                                  "variant": "caption"
                                 },
                                 {
-                                  "name": "createdAt",
                                   "variant": "caption",
+                                  "name": "createdAt",
                                   "format": "date"
                                 }
                               ],
                               "variant": "card",
                               "gap": "sm",
-                              "itemActions": [
-                                {
-                                  "variant": "ghost",
-                                  "label": "View",
-                                  "event": "VIEW"
-                                }
-                              ]
+                              "type": "data-list"
                             }
                           ],
                           "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full"
+                          "gap": "lg"
                         }
                       ]
                     }
@@ -6057,12 +6057,12 @@
                     {
                       "direction": "vertical",
                       "gap": "md",
-                      "align": "center",
+                      "type": "stack",
                       "children": [
                         {
                           "name": "alert-triangle",
-                          "type": "icon",
-                          "color": "destructive"
+                          "color": "destructive",
+                          "type": "icon"
                         },
                         {
                           "content": "Failed to load note",
@@ -6077,14 +6077,14 @@
                         },
                         {
                           "action": "INIT",
-                          "icon": "rotate-ccw",
                           "variant": "primary",
+                          "label": "Retry",
                           "type": "button",
-                          "label": "Retry"
+                          "icon": "rotate-ccw"
                         }
                       ],
                       "className": "py-12",
-                      "type": "stack"
+                      "align": "center"
                     }
                   ]
                 ]
@@ -6255,8 +6255,8 @@
                     "Note",
                     {
                       "emit": {
-                        "failure": "NoteLoadFailed",
-                        "success": "NoteLoaded"
+                        "success": "NoteLoaded",
+                        "failure": "NoteLoadFailed"
                       }
                     }
                   ]
@@ -6272,40 +6272,40 @@
                     "modal",
                     {
                       "gap": "md",
-                      "direction": "vertical",
                       "type": "stack",
                       "children": [
                         {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
                           "children": [
                             {
-                              "name": "edit",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "edit"
                             },
                             {
                               "type": "typography",
                               "content": "New Note",
                               "variant": "h3"
                             }
-                          ],
-                          "direction": "horizontal",
-                          "type": "stack",
-                          "gap": "sm"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "submitEvent": "SEND",
-                          "type": "form-section",
-                          "mode": "create",
                           "cancelEvent": "CLOSE",
                           "fields": [
                             "subject",
                             "body",
                             "author"
-                          ]
+                          ],
+                          "type": "form-section",
+                          "mode": "create"
                         }
-                      ]
+                      ],
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -6500,8 +6500,8 @@
                     "Note",
                     {
                       "emit": {
-                        "failure": "NoteLoadFailed",
-                        "success": "NoteLoaded"
+                        "success": "NoteLoaded",
+                        "failure": "NoteLoadFailed"
                       }
                     }
                   ]
@@ -6518,8 +6518,8 @@
                     {
                       "id": "@payload.id",
                       "emit": {
-                        "success": "NoteLoaded",
-                        "failure": "NoteLoadFailed"
+                        "failure": "NoteLoadFailed",
+                        "success": "NoteLoaded"
                       }
                     }
                   ],
@@ -6528,115 +6528,115 @@
                     "modal",
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
-                          "direction": "horizontal",
                           "align": "center",
-                          "type": "stack",
                           "gap": "sm",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "eye"
+                              "name": "eye",
+                              "type": "icon"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
+                              "variant": "h3",
                               "content": "@entity.subject"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
+                              "variant": "caption",
                               "type": "typography",
-                              "content": "Subject",
-                              "variant": "caption"
+                              "content": "Subject"
                             },
                             {
                               "variant": "body",
                               "content": "@entity.subject",
                               "type": "typography"
                             }
-                          ],
-                          "gap": "md",
-                          "direction": "horizontal",
-                          "type": "stack"
+                          ]
                         },
                         {
-                          "gap": "md",
                           "type": "stack",
                           "direction": "horizontal",
+                          "gap": "md",
                           "children": [
                             {
+                              "variant": "caption",
                               "content": "Body",
-                              "type": "typography",
-                              "variant": "caption"
+                              "type": "typography"
                             },
                             {
-                              "variant": "body",
                               "type": "typography",
+                              "variant": "body",
                               "content": "@entity.body"
                             }
                           ]
                         },
                         {
-                          "type": "stack",
                           "children": [
                             {
-                              "type": "typography",
                               "variant": "caption",
-                              "content": "Author"
+                              "content": "Author",
+                              "type": "typography"
                             },
                             {
-                              "variant": "body",
                               "content": "@entity.author",
-                              "type": "typography"
+                              "type": "typography",
+                              "variant": "body"
                             }
                           ],
                           "direction": "horizontal",
+                          "type": "stack",
                           "gap": "md"
                         },
                         {
                           "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             {
+                              "content": "Created At",
                               "type": "typography",
-                              "variant": "caption",
-                              "content": "Created At"
+                              "variant": "caption"
                             },
                             {
-                              "variant": "body",
                               "content": "@entity.createdAt",
+                              "variant": "body",
                               "type": "typography"
                             }
                           ],
-                          "gap": "md",
-                          "direction": "horizontal"
+                          "gap": "md"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
                           "children": [
                             {
                               "type": "button",
                               "action": "CLOSE",
-                              "variant": "ghost",
-                              "label": "Close"
+                              "label": "Close",
+                              "variant": "ghost"
                             }
                           ],
                           "direction": "horizontal",
-                          "justify": "end",
-                          "type": "stack"
+                          "type": "stack",
+                          "gap": "sm",
+                          "justify": "end"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]