@almadar/std 14.25.0 → 14.26.0

package/dist/behaviors/registry/app/organisms/std-lms.orb

@@ -125,21 +125,21 @@
                 "href": "/courses"
               },
               {
-                "label": "Enroll",
                 "href": "/enroll",
+                "label": "Enroll",
                 "icon": "user-plus"
               },
               {
                 "href": "/progress",
-                "icon": "trending-up",
-                "label": "Progress"
+                "label": "Progress",
+                "icon": "trending-up"
               }
             ],
-            "notifications": [],
-            "appName": "LMS",
             "searchEvent": "COURSE_SEARCH",
-            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN",
-            "contentTrait": "@trait.CourseCatalog"
+            "appName": "LMS",
+            "notifications": [],
+            "contentTrait": "@trait.CourseCatalog",
+            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN"
           },
           "events": {
             "SEARCH": "COURSE_SEARCH",
@@ -344,76 +344,76 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "gap": "lg",
                       "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "align": "center",
                           "type": "stack",
                           "direction": "horizontal",
-                          "justify": "between",
-                          "align": "center",
-                          "gap": "md",
                           "children": [
                             {
+                              "direction": "horizontal",
+                              "align": "center",
+                              "type": "stack",
+                              "gap": "sm",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "graduation-cap"
+                                  "name": "graduation-cap",
+                                  "type": "icon"
                                 },
                                 {
                                   "content": "Courses",
-                                  "type": "typography",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "type": "typography"
                                 }
-                              ],
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "type": "stack"
+                              ]
                             },
                             {
-                              "type": "stack",
                               "direction": "horizontal",
+                              "type": "stack",
                               "gap": "sm",
                               "children": [
                                 {
                                   "label": "Create Course",
+                                  "action": "CREATE",
                                   "variant": "primary",
-                                  "type": "button",
                                   "icon": "plus",
-                                  "action": "CREATE"
+                                  "type": "button"
                                 },
                                 {
-                                  "type": "button",
                                   "label": "Edit Selected",
                                   "icon": "edit",
-                                  "variant": "ghost",
-                                  "action": "EDIT_COURSE"
+                                  "type": "button",
+                                  "action": "EDIT_COURSE",
+                                  "variant": "ghost"
                                 },
                                 {
-                                  "type": "button",
                                   "variant": "danger",
+                                  "label": "Delete Selected",
+                                  "type": "button",
                                   "action": "DELETE_COURSE",
-                                  "icon": "trash-2",
-                                  "label": "Delete Selected"
+                                  "icon": "trash-2"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "gap": "md",
+                          "justify": "between"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "md",
                           "align": "center",
-                          "type": "stack",
-                          "direction": "horizontal",
                           "children": [
                             "@trait.CourseSearch",
                             "@trait.CourseFilter"
-                          ]
+                          ],
+                          "type": "stack",
+                          "gap": "md",
+                          "direction": "horizontal"
                         },
                         "@trait.CourseStats",
                         "@trait.CourseGraphs",
@@ -445,10 +445,7 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "align": "center",
-                      "direction": "vertical",
-                      "gap": "md",
                       "className": "py-8",
                       "children": [
                         {
@@ -457,22 +454,25 @@
                         },
                         {
                           "variant": "h3",
-                          "content": "No notifications",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "No notifications"
                         },
                         {
-                          "variant": "caption",
-                          "color": "muted",
                           "type": "typography",
+                          "color": "muted",
+                          "variant": "caption",
                           "content": "You're all caught up."
                         },
                         {
-                          "action": "INIT",
+                          "type": "button",
                           "variant": "ghost",
                           "label": "Back to courses",
-                          "type": "button"
+                          "action": "INIT"
                         }
-                      ]
+                      ],
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -485,8 +485,8 @@
           "ref": "Search.traits.SearchResultSearch",
           "name": "CourseSearch",
           "config": {
-            "placeholder": "Search courses...",
-            "event": "SEARCH"
+            "event": "SEARCH",
+            "placeholder": "Search courses..."
           },
           "listens": [
             {
@@ -507,23 +507,23 @@
               {
                 "field": "category",
                 "filterType": "select",
+                "label": "Category",
                 "options": [
                   "programming",
                   "design",
                   "business",
                   "marketing"
-                ],
-                "label": "Category"
+                ]
               },
               {
+                "label": "Level",
                 "field": "level",
                 "filterType": "select",
                 "options": [
                   "beginner",
                   "intermediate",
                   "advanced"
-                ],
-                "label": "Level"
+                ]
               }
             ],
             "event": "FILTER"
@@ -536,35 +536,35 @@
             "metrics": [
               {
                 "label": "Total Courses",
+                "aggregation": "count",
                 "variant": "primary",
                 "format": "number",
-                "aggregation": "count",
                 "icon": "graduation-cap"
               },
               {
+                "label": "Enrolled Students",
+                "aggregation": "sum",
                 "format": "number",
-                "icon": "users",
                 "variant": "info",
-                "label": "Enrolled Students",
                 "field": "enrolledCount",
-                "aggregation": "sum"
+                "icon": "users"
               },
               {
-                "field": "completionPct",
-                "icon": "check-circle",
+                "label": "Completion Rate",
                 "variant": "success",
+                "field": "completionPct",
                 "aggregation": "avg",
-                "label": "Completion Rate",
+                "icon": "check-circle",
                 "format": "percent"
               },
               {
-                "variant": "default",
                 "format": "number",
                 "suffix": "h",
-                "icon": "clock",
-                "label": "Avg Duration",
                 "aggregation": "avg",
-                "field": "durationHours"
+                "label": "Avg Duration",
+                "icon": "clock",
+                "field": "durationHours",
+                "variant": "default"
               }
             ],
             "title": "Course Stats"
@@ -584,13 +584,13 @@
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "CourseGraphs",
           "config": {
-            "title": "Courses by Category",
-            "showLegend": true,
-            "aggregation": "count",
-            "categoryField": "category",
             "chartType": "bar",
+            "categoryField": "category",
+            "subtitle": "Catalog distribution",
             "height": 280.0,
-            "subtitle": "Catalog distribution"
+            "aggregation": "count",
+            "showLegend": true,
+            "title": "Courses by Category"
           },
           "listens": [
             {
@@ -608,11 +608,11 @@
           "name": "CourseGallery",
           "linkedEntity": "Course",
           "config": {
-            "cols": 4.0,
+            "gap": "md",
+            "imageField": "thumbnail",
             "titleField": "title",
             "subtitleField": "instructor",
-            "imageField": "thumbnail",
-            "gap": "md"
+            "cols": 4.0
           },
           "listens": [
             {
@@ -655,8 +655,8 @@
           "name": "CourseCreateModal",
           "linkedEntity": "Course",
           "config": {
-            "title": "Create Course",
             "icon": "plus-circle",
+            "title": "Create Course",
             "mode": "create",
             "fields": [
               "title",
@@ -688,9 +688,8 @@
           "name": "CourseEditModal",
           "linkedEntity": "Course",
           "config": {
-            "title": "Edit Course",
-            "mode": "edit",
             "icon": "edit",
+            "mode": "edit",
             "fields": [
               "title",
               "description",
@@ -700,7 +699,8 @@
               "instructor",
               "thumbnail",
               "videoId"
-            ]
+            ],
+            "title": "Edit Course"
           },
           "events": {
             "OPEN": "EDIT"
@@ -722,13 +722,13 @@
           "linkedEntity": "Course",
           "config": {
             "alertMessage": "This action cannot be undone.",
-            "confirmLabel": "Delete",
+            "icon": "alert-triangle",
             "title": "Delete Course",
-            "icon": "alert-triangle"
+            "confirmLabel": "Delete"
           },
           "events": {
-            "REQUEST": "DELETE_COURSE",
-            "CONFIRM": "CONFIRM_DELETE"
+            "CONFIRM": "CONFIRM_DELETE",
+            "REQUEST": "DELETE_COURSE"
           },
           "listens": [
             {
@@ -970,24 +970,25 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
-                          "gap": "sm",
-                          "direction": "horizontal",
-                          "align": "center",
                           "children": [
                             {
-                              "name": "image",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "image"
                             },
                             {
-                              "type": "typography",
                               "variant": "h3",
-                              "content": "Course Thumbnail"
+                              "content": "Course Thumbnail",
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "align": "center",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
                           "type": "input",
@@ -995,15 +996,14 @@
                           "placeholder": "Choose image..."
                         },
                         {
-                          "action": "UPLOAD",
-                          "label": "Upload Thumbnail",
-                          "variant": "primary",
                           "icon": "upload",
-                          "type": "button"
+                          "label": "Upload Thumbnail",
+                          "type": "button",
+                          "action": "UPLOAD",
+                          "variant": "primary"
                         }
                       ],
-                      "direction": "vertical",
-                      "gap": "md"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1016,14 +1016,14 @@
           "ref": "Storage.traits.ServiceStorageStorage",
           "name": "CourseThumbnailUpload",
           "config": {
+            "bucket": "course-thumbnails",
+            "acl": "public",
             "allowedMimeTypes": [
               "image/png",
               "image/jpeg",
               "image/webp"
             ],
             "uiTrait": "@trait.CourseThumbnailForm",
-            "acl": "public",
-            "bucket": "course-thumbnails",
             "maxSize": 5242880.0
           },
           "listens": [
@@ -1041,10 +1041,10 @@
           "ref": "YouTube.traits.ServiceYoutubeYoutube",
           "name": "CourseLessonVideo",
           "config": {
+            "autoplay": false,
             "videoId": "",
             "controls": true,
-            "uiTrait": "@trait.CourseLessonPlayer",
-            "autoplay": false
+            "uiTrait": "@trait.CourseLessonPlayer"
           }
         },
         {
@@ -1119,36 +1119,34 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "max-w-3xl mx-auto w-full",
                       "children": [
                         {
-                          "gap": "sm",
-                          "align": "center",
                           "type": "stack",
-                          "direction": "horizontal",
-                          "justify": "between",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "button",
+                              "icon": "chevron-left",
+                              "label": "Previous",
                               "action": "PREV_LESSON",
                               "variant": "ghost",
-                              "icon": "chevron-left",
-                              "label": "Previous"
+                              "type": "button"
                             },
                             {
                               "variant": "h3",
-                              "content": "@entity.title",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "@entity.title"
                             },
                             {
-                              "variant": "ghost",
                               "icon": "chevron-right",
-                              "label": "Next",
                               "type": "button",
+                              "variant": "ghost",
+                              "label": "Next",
                               "action": "NEXT_LESSON"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "justify": "between",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
@@ -1156,25 +1154,25 @@
                         {
                           "children": [
                             {
-                              "type": "stack",
                               "gap": "md",
                               "direction": "vertical",
+                              "type": "stack",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "video"
+                                  "name": "video",
+                                  "type": "icon"
                                 },
                                 {
-                                  "color": "muted",
                                   "content": "Lesson video",
+                                  "color": "muted",
                                   "type": "typography",
                                   "variant": "caption"
                                 },
                                 {
-                                  "variant": "body",
                                   "content": "@config.videoId",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "variant": "body"
                                 }
                               ]
                             }
@@ -1185,15 +1183,11 @@
                           "type": "divider"
                         },
                         {
-                          "align": "center",
+                          "gap": "sm",
                           "justify": "between",
                           "type": "stack",
                           "children": [
                             {
-                              "gap": "sm",
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "input",
@@ -1201,25 +1195,31 @@
                                 },
                                 {
                                   "type": "typography",
-                                  "content": "Mark lesson complete",
-                                  "variant": "body"
+                                  "variant": "body",
+                                  "content": "Mark lesson complete"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center"
                             },
                             {
-                              "label": "Complete Lesson",
                               "action": "LESSON_COMPLETE",
                               "type": "button",
+                              "label": "Complete Lesson",
                               "variant": "primary",
                               "icon": "check"
                             }
                           ],
-                          "gap": "sm",
+                          "align": "center",
                           "direction": "horizontal"
                         }
                       ],
+                      "gap": "md",
+                      "className": "max-w-3xl mx-auto w-full",
                       "direction": "vertical",
-                      "gap": "md"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1381,33 +1381,33 @@
           "name": "EnrollmentAppLayout",
           "linkedEntity": "Enrollment",
           "config": {
+            "notifications": [],
+            "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN",
+            "topBarActions": [],
+            "contentTrait": "@trait.EnrollmentWizard",
+            "appName": "LMS",
             "navItems": [
               {
+                "label": "Courses",
                 "icon": "graduation-cap",
-                "href": "/courses",
-                "label": "Courses"
+                "href": "/courses"
               },
               {
-                "href": "/enroll",
+                "icon": "user-plus",
                 "label": "Enroll",
-                "icon": "user-plus"
+                "href": "/enroll"
               },
               {
-                "icon": "trending-up",
                 "href": "/progress",
+                "icon": "trending-up",
                 "label": "Progress"
               }
             ],
-            "notifications": [],
-            "topBarActions": [],
-            "contentTrait": "@trait.EnrollmentWizard",
-            "searchEvent": "ENROLLMENT_SEARCH",
-            "appName": "LMS",
-            "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN"
+            "searchEvent": "ENROLLMENT_SEARCH"
           },
           "events": {
-            "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN",
-            "SEARCH": "ENROLLMENT_SEARCH"
+            "SEARCH": "ENROLLMENT_SEARCH",
+            "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN"
           }
         },
         {
@@ -1616,8 +1616,8 @@
                     "Enrollment",
                     {
                       "emit": {
-                        "success": "EnrollmentLoaded",
-                        "failure": "EnrollmentLoadFailed"
+                        "failure": "EnrollmentLoadFailed",
+                        "success": "EnrollmentLoaded"
                       }
                     }
                   ],
@@ -1625,47 +1625,47 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
                       "children": [
                         {
                           "type": "stack",
-                          "gap": "sm",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "name": "user-plus",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "user-plus"
                             },
                             {
-                              "variant": "h2",
                               "type": "typography",
-                              "content": "Course Enrollment"
+                              "content": "Course Enrollment",
+                              "variant": "h2"
                             }
                           ],
-                          "align": "center"
+                          "direction": "horizontal",
+                          "align": "center",
+                          "gap": "sm"
                         },
                         {
-                          "type": "wizard-progress",
+                          "currentStep": 0.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
-                          "currentStep": 0.0
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "variant": "h3",
-                          "content": "Student Info"
+                          "content": "Student Info",
+                          "type": "typography"
                         },
                         {
-                          "submitLabel": "Continue",
-                          "showCancel": false,
                           "type": "form-section",
                           "submitEvent": "NEXT",
+                          "showCancel": false,
                           "mode": "create",
                           "fields": [
                             {
@@ -1674,14 +1674,14 @@
                               "required": true
                             },
                             {
-                              "required": true,
                               "type": "email",
+                              "required": true,
                               "name": "email"
                             }
-                          ]
+                          ],
+                          "submitLabel": "Continue"
                         }
                       ],
-                      "type": "stack",
                       "className": "max-w-xl mx-auto w-full",
                       "direction": "vertical",
                       "gap": "lg"
@@ -1713,8 +1713,7 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "stack",
@@ -1725,9 +1724,9 @@
                               "type": "icon"
                             },
                             {
-                              "type": "typography",
                               "variant": "h2",
-                              "content": "Course Enrollment"
+                              "content": "Course Enrollment",
+                              "type": "typography"
                             }
                           ],
                           "gap": "sm",
@@ -1747,28 +1746,29 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "content": "Course Selection",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
-                          "cancelEvent": "PREV",
-                          "submitLabel": "Continue",
-                          "mode": "edit",
                           "entity": "@entity",
-                          "type": "form-section",
                           "cancelLabel": "Back",
+                          "type": "form-section",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "PREV",
+                          "mode": "edit",
+                          "submitLabel": "Continue",
                           "fields": [
                             {
-                              "required": true,
-                              "name": "courseId"
+                              "name": "courseId",
+                              "required": true
                             }
-                          ],
-                          "submitEvent": "NEXT"
+                          ]
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical"
+                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1793,34 +1793,36 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
+                      "gap": "lg",
                       "type": "stack",
                       "children": [
                         {
-                          "direction": "horizontal",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "user-plus"
+                              "name": "user-plus",
+                              "type": "icon"
                             },
                             {
                               "variant": "h2",
-                              "type": "typography",
-                              "content": "Course Enrollment"
+                              "content": "Course Enrollment",
+                              "type": "typography"
                             }
                           ],
-                          "type": "stack",
-                          "align": "center",
-                          "gap": "sm"
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "align": "center"
                         },
                         {
+                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
-                          "currentStep": 2.0,
-                          "type": "wizard-progress"
+                          "currentStep": 2.0
                         },
                         {
                           "type": "divider"
@@ -1831,92 +1833,90 @@
                           "type": "typography"
                         },
                         {
-                          "direction": "vertical",
-                          "gap": "sm",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
+                              "gap": "md",
                               "children": [
                                 {
-                                  "type": "typography",
+                                  "content": "Student",
                                   "variant": "caption",
-                                  "content": "Student"
+                                  "type": "typography"
                                 },
                                 {
+                                  "variant": "body",
                                   "content": "@entity.studentName",
-                                  "type": "typography",
-                                  "variant": "body"
+                                  "type": "typography"
                                 }
                               ],
                               "justify": "between",
-                              "gap": "md"
+                              "type": "stack"
                             },
                             {
-                              "type": "stack",
-                              "gap": "md",
                               "children": [
                                 {
                                   "type": "typography",
-                                  "content": "Email",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "content": "Email"
                                 },
                                 {
-                                  "type": "typography",
+                                  "variant": "body",
                                   "content": "@entity.email",
-                                  "variant": "body"
+                                  "type": "typography"
                                 }
                               ],
                               "justify": "between",
-                              "direction": "horizontal"
-                            },
-                            {
                               "direction": "horizontal",
                               "gap": "md",
+                              "type": "stack"
+                            },
+                            {
                               "type": "stack",
                               "children": [
                                 {
-                                  "content": "Course",
                                   "variant": "caption",
+                                  "content": "Course",
                                   "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
                                   "content": "@entity.courseId",
-                                  "variant": "body"
+                                  "variant": "body",
+                                  "type": "typography"
                                 }
                               ],
-                              "justify": "between"
+                              "justify": "between",
+                              "direction": "horizontal",
+                              "gap": "md"
                             }
                           ],
-                          "type": "stack"
+                          "gap": "sm",
+                          "direction": "vertical"
                         },
                         {
+                          "gap": "sm",
                           "direction": "horizontal",
-                          "justify": "between",
                           "type": "stack",
-                          "gap": "sm",
+                          "justify": "between",
                           "children": [
                             {
-                              "type": "button",
                               "icon": "arrow-left",
-                              "action": "PREV",
+                              "variant": "ghost",
                               "label": "Back",
-                              "variant": "ghost"
+                              "type": "button",
+                              "action": "PREV"
                             },
                             {
                               "label": "Continue",
                               "action": "NEXT",
-                              "type": "button",
                               "variant": "primary",
-                              "icon": "arrow-right"
+                              "icon": "arrow-right",
+                              "type": "button"
                             }
                           ]
                         }
                       ],
-                      "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full",
-                      "gap": "lg"
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -1930,8 +1930,8 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
-                      "gap": "lg",
+                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "variant": "h2",
@@ -1939,46 +1939,46 @@
                           "type": "typography"
                         },
                         {
-                          "currentStep": 0.0,
-                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "currentStep": 0.0,
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "content": "Student Info",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
-                          "type": "form-section",
                           "entity": "@entity",
-                          "submitLabel": "Continue",
-                          "showCancel": false,
                           "fields": [
                             {
-                              "min": 2.0,
                               "required": true,
-                              "name": "studentName"
+                              "name": "studentName",
+                              "min": 2.0
                             },
                             {
                               "type": "email",
-                              "name": "email",
-                              "required": true
+                              "required": true,
+                              "name": "email"
                             }
                           ],
                           "mode": "edit",
-                          "submitEvent": "NEXT"
+                          "submitEvent": "NEXT",
+                          "type": "form-section",
+                          "submitLabel": "Continue",
+                          "showCancel": false
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical"
+                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -1998,63 +1998,58 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "content": "Course Enrollment",
                           "type": "typography",
+                          "content": "Course Enrollment",
                           "variant": "h2"
                         },
                         {
-                          "type": "wizard-progress",
-                          "currentStep": 3.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "type": "wizard-progress",
+                          "currentStep": 3.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "message": "Please confirm your enrollment.",
                           "type": "alert",
-                          "variant": "info"
+                          "variant": "info",
+                          "message": "Please confirm your enrollment."
                         },
                         {
-                          "direction": "vertical",
                           "type": "stack",
-                          "gap": "sm",
+                          "direction": "vertical",
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "md",
-                              "justify": "between",
-                              "direction": "horizontal",
                               "children": [
                                 {
                                   "type": "typography",
-                                  "content": "Student",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "content": "Student"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
+                                  "type": "typography",
                                   "content": "@entity.studentName"
                                 }
-                              ]
+                              ],
+                              "gap": "md",
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "justify": "between"
                             },
                             {
-                              "justify": "between",
-                              "direction": "horizontal",
                               "children": [
                                 {
+                                  "type": "typography",
                                   "variant": "caption",
-                                  "content": "Email",
-                                  "type": "typography"
+                                  "content": "Email"
                                 },
                                 {
                                   "variant": "body",
@@ -2063,10 +2058,12 @@
                                 }
                               ],
                               "type": "stack",
-                              "gap": "md"
+                              "gap": "md",
+                              "justify": "between",
+                              "direction": "horizontal"
                             },
                             {
-                              "direction": "horizontal",
+                              "type": "stack",
                               "gap": "md",
                               "children": [
                                 {
@@ -2075,41 +2072,44 @@
                                   "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
+                                  "type": "typography",
                                   "content": "@entity.courseId"
                                 }
                               ],
                               "justify": "between",
-                              "type": "stack"
+                              "direction": "horizontal"
                             }
-                          ]
+                          ],
+                          "gap": "sm"
                         },
                         {
                           "direction": "horizontal",
+                          "gap": "sm",
                           "type": "stack",
                           "justify": "between",
-                          "gap": "sm",
                           "children": [
                             {
                               "label": "Back",
-                              "icon": "arrow-left",
                               "type": "button",
-                              "variant": "ghost",
-                              "action": "PREV"
+                              "icon": "arrow-left",
+                              "action": "PREV",
+                              "variant": "ghost"
                             },
                             {
-                              "action": "COMPLETE",
                               "variant": "primary",
                               "type": "button",
-                              "label": "Enroll",
-                              "icon": "check"
+                              "action": "COMPLETE",
+                              "icon": "check",
+                              "label": "Enroll"
                             }
                           ]
                         }
                       ],
+                      "type": "stack",
                       "className": "max-w-xl mx-auto w-full",
-                      "type": "stack"
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -2123,50 +2123,50 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "type": "stack",
                       "children": [
                         {
                           "type": "typography",
-                          "variant": "h2",
-                          "content": "Course Enrollment"
+                          "content": "Course Enrollment",
+                          "variant": "h2"
                         },
                         {
                           "type": "wizard-progress",
+                          "currentStep": 1.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ],
-                          "currentStep": 1.0
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "variant": "h3",
                           "type": "typography",
-                          "content": "Course Selection",
-                          "variant": "h3"
+                          "content": "Course Selection"
                         },
                         {
+                          "cancelEvent": "PREV",
+                          "type": "form-section",
                           "cancelLabel": "Back",
-                          "submitLabel": "Continue",
                           "fields": [
                             {
-                              "name": "courseId",
-                              "required": true
+                              "required": true,
+                              "name": "courseId"
                             }
                           ],
-                          "type": "form-section",
-                          "mode": "edit",
-                          "entity": "@entity",
                           "submitEvent": "NEXT",
-                          "cancelEvent": "PREV"
+                          "entity": "@entity",
+                          "mode": "edit",
+                          "submitLabel": "Continue"
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -2194,8 +2194,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "failure": "EnrollmentSaveFailed",
-                        "success": "EnrollmentSaved"
+                        "success": "EnrollmentSaved",
+                        "failure": "EnrollmentSaveFailed"
                       }
                     }
                   ],
@@ -2216,35 +2216,35 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "lg",
-                      "align": "center",
+                      "direction": "vertical",
+                      "className": "max-w-xl mx-auto w-full py-12",
                       "children": [
                         {
-                          "type": "icon",
-                          "name": "check-circle"
+                          "name": "check-circle",
+                          "type": "icon"
                         },
                         {
-                          "variant": "h2",
                           "content": "Enrolled!",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "h2"
                         },
                         {
-                          "variant": "body",
-                          "type": "typography",
+                          "color": "muted",
                           "content": "You have been enrolled in the course.",
-                          "color": "muted"
+                          "type": "typography",
+                          "variant": "body"
                         },
                         {
-                          "type": "button",
-                          "action": "RESTART",
-                          "variant": "ghost",
                           "icon": "rotate-ccw",
-                          "label": "Enroll another student"
+                          "action": "RESTART",
+                          "label": "Enroll another student",
+                          "type": "button",
+                          "variant": "ghost"
                         }
                       ],
-                      "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full py-12"
+                      "align": "center",
+                      "type": "stack",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -2258,56 +2258,56 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
-                      "type": "stack",
                       "children": [
                         {
+                          "variant": "h2",
                           "type": "typography",
-                          "content": "Course Enrollment",
-                          "variant": "h2"
+                          "content": "Course Enrollment"
                         },
                         {
                           "type": "wizard-progress",
+                          "currentStep": 2.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ],
-                          "currentStep": 2.0
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "variant": "h3",
-                          "content": "Review",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "Review"
                         },
                         {
-                          "justify": "between",
-                          "direction": "horizontal",
                           "gap": "sm",
                           "type": "stack",
+                          "direction": "horizontal",
+                          "justify": "between",
                           "children": [
                             {
                               "label": "Back",
-                              "variant": "ghost",
-                              "icon": "arrow-left",
                               "action": "PREV",
-                              "type": "button"
+                              "icon": "arrow-left",
+                              "type": "button",
+                              "variant": "ghost"
                             },
                             {
+                              "type": "button",
+                              "label": "Continue",
                               "icon": "arrow-right",
                               "action": "NEXT",
-                              "label": "Continue",
-                              "variant": "primary",
-                              "type": "button"
+                              "variant": "primary"
                             }
                           ]
                         }
                       ],
+                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
+                      "type": "stack",
                       "direction": "vertical"
                     }
                   ]
@@ -2347,6 +2347,8 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
                           "type": "typography",
@@ -2367,16 +2369,20 @@
                           "type": "divider"
                         },
                         {
-                          "content": "Student Info",
                           "type": "typography",
+                          "content": "Student Info",
                           "variant": "h3"
                         },
                         {
+                          "type": "form-section",
+                          "mode": "create",
+                          "submitEvent": "NEXT",
+                          "submitLabel": "Continue",
                           "showCancel": false,
                           "fields": [
                             {
-                              "name": "studentName",
                               "min": 2.0,
+                              "name": "studentName",
                               "required": true
                             },
                             {
@@ -2384,17 +2390,11 @@
                               "type": "email",
                               "required": true
                             }
-                          ],
-                          "mode": "create",
-                          "type": "form-section",
-                          "submitLabel": "Continue",
-                          "submitEvent": "NEXT"
+                          ]
                         }
                       ],
-                      "direction": "vertical",
                       "type": "stack",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -2490,20 +2490,18 @@
           "linkedEntity": "Progress",
           "config": {
             "searchEvent": "PROGRESS_SEARCH",
-            "notifications": [],
             "contentTrait": "@trait.ProgressDisplay",
-            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN",
             "appName": "LMS",
-            "topBarActions": [],
+            "notifications": [],
             "navItems": [
               {
-                "label": "Courses",
+                "icon": "graduation-cap",
                 "href": "/courses",
-                "icon": "graduation-cap"
+                "label": "Courses"
               },
               {
-                "label": "Enroll",
                 "icon": "user-plus",
+                "label": "Enroll",
                 "href": "/enroll"
               },
               {
@@ -2511,7 +2509,9 @@
                 "label": "Progress",
                 "href": "/progress"
               }
-            ]
+            ],
+            "topBarActions": [],
+            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN"
           },
           "events": {
             "SEARCH": "PROGRESS_SEARCH",
@@ -2544,24 +2544,27 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-5xl mx-auto w-full",
                       "gap": "lg",
+                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "align": "center",
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
                           "children": [
                             {
-                              "name": "trending-up",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "trending-up"
                             },
                             {
+                              "content": "Progress",
                               "type": "typography",
-                              "variant": "h2",
-                              "content": "Progress"
+                              "variant": "h2"
                             }
                           ],
-                          "gap": "sm",
-                          "type": "stack",
-                          "direction": "horizontal"
+                          "align": "center"
                         },
                         {
                           "type": "divider"
@@ -2572,10 +2575,7 @@
                           "type": "divider"
                         },
                         "@trait.ProgressBrowseList"
-                      ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "className": "max-w-5xl mx-auto w-full"
+                      ]
                     }
                   ]
                 ]
@@ -2673,45 +2673,45 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "simple-grid",
+                      "gap": "md",
                       "children": [
                         {
-                          "value": 0.0,
-                          "type": "stat-display",
-                          "icon": "check-circle",
                           "variant": "success",
                           "format": "percent",
-                          "label": "Completion %"
+                          "icon": "check-circle",
+                          "label": "Completion %",
+                          "value": 0.0,
+                          "type": "stat-display"
                         },
                         {
-                          "label": "Time Spent",
+                          "suffix": "h",
                           "value": 0.0,
+                          "label": "Time Spent",
                           "type": "stat-display",
-                          "icon": "clock",
+                          "variant": "info",
                           "format": "number",
-                          "suffix": "h",
-                          "variant": "info"
+                          "icon": "clock"
                         },
                         {
+                          "variant": "default",
+                          "format": "number",
                           "value": 0.0,
                           "type": "stat-display",
                           "label": "Lessons Remaining",
-                          "icon": "list",
-                          "variant": "default",
-                          "format": "number"
+                          "icon": "list"
                         },
                         {
+                          "label": "Streak",
                           "format": "number",
-                          "type": "stat-display",
-                          "value": 0.0,
                           "icon": "flame",
-                          "variant": "warning",
                           "suffix": "d",
-                          "label": "Streak"
+                          "variant": "warning",
+                          "type": "stat-display",
+                          "value": 0.0
                         }
                       ],
-                      "cols": 4.0,
-                      "gap": "md",
-                      "type": "simple-grid"
+                      "cols": 4.0
                     }
                   ]
                 ]
@@ -2725,43 +2725,43 @@
                     "render-ui",
                     "main",
                     {
-                      "cols": 4.0,
                       "type": "simple-grid",
                       "gap": "md",
+                      "cols": 4.0,
                       "children": [
                         {
-                          "label": "Completion %",
+                          "icon": "check-circle",
+                          "variant": "success",
                           "format": "percent",
                           "type": "stat-display",
                           "value": 0.0,
-                          "icon": "check-circle",
-                          "variant": "success"
+                          "label": "Completion %"
                         },
                         {
-                          "variant": "info",
-                          "icon": "clock",
-                          "format": "number",
                           "suffix": "h",
-                          "value": 0.0,
+                          "type": "stat-display",
+                          "icon": "clock",
                           "label": "Time Spent",
-                          "type": "stat-display"
+                          "value": 0.0,
+                          "variant": "info",
+                          "format": "number"
                         },
                         {
-                          "variant": "default",
-                          "label": "Lessons Remaining",
                           "format": "number",
                           "type": "stat-display",
-                          "value": 0.0,
-                          "icon": "list"
+                          "icon": "list",
+                          "label": "Lessons Remaining",
+                          "variant": "default",
+                          "value": 0.0
                         },
                         {
-                          "icon": "flame",
+                          "format": "number",
+                          "variant": "warning",
                           "value": 0.0,
                           "type": "stat-display",
-                          "format": "number",
                           "label": "Streak",
-                          "suffix": "d",
-                          "variant": "warning"
+                          "icon": "flame",
+                          "suffix": "d"
                         }
                       ]
                     }
@@ -2852,8 +2852,8 @@
                     "Progress",
                     {
                       "emit": {
-                        "failure": "ProgressLoadFailed",
-                        "success": "ProgressLoaded"
+                        "success": "ProgressLoaded",
+                        "failure": "ProgressLoadFailed"
                       }
                     }
                   ],
@@ -2861,13 +2861,13 @@
                     "render-ui",
                     "main",
                     {
-                      "subtitle": "Average completion % per week",
                       "title": "Progress over time",
-                      "type": "chart",
-                      "data": [],
                       "chartType": "line",
+                      "data": [],
+                      "type": "chart",
                       "height": 280.0,
-                      "showLegend": true
+                      "showLegend": true,
+                      "subtitle": "Average completion % per week"
                     }
                   ]
                 ]
@@ -2881,13 +2881,13 @@
                     "render-ui",
                     "main",
                     {
+                      "chartType": "line",
+                      "data": "@payload.data",
                       "showLegend": true,
                       "subtitle": "Average completion % per week",
-                      "data": "@payload.data",
                       "type": "chart",
-                      "title": "Progress over time",
-                      "chartType": "line",
-                      "height": 280.0
+                      "height": 280.0,
+                      "title": "Progress over time"
                     }
                   ]
                 ]
@@ -2902,38 +2902,38 @@
           "linkedEntity": "Progress",
           "config": {
             "itemActions": [],
+            "gap": "sm",
             "cols": 1.0,
             "fields": [
               {
-                "name": "courseName",
-                "label": "Course",
                 "variant": "h4",
-                "icon": "book-open"
+                "name": "courseName",
+                "icon": "book-open",
+                "label": "Course"
               },
               {
-                "name": "completionPct",
-                "label": "Completion",
                 "format": "percent",
-                "variant": "badge"
+                "variant": "badge",
+                "label": "Completion",
+                "name": "completionPct"
               },
               {
-                "label": "Lessons Completed",
                 "name": "lessonsCompleted",
+                "label": "Lessons Completed",
                 "variant": "body"
               },
               {
+                "name": "totalLessons",
                 "label": "Total Lessons",
-                "variant": "body",
-                "name": "totalLessons"
+                "variant": "body"
               },
               {
-                "label": "Last Activity",
-                "name": "lastActivity",
+                "format": "date",
                 "variant": "caption",
-                "format": "date"
+                "label": "Last Activity",
+                "name": "lastActivity"
               }
-            ],
-            "gap": "sm"
+            ]
           },
           "listens": [
             {
@@ -3088,4 +3088,4 @@
       ]
     }
   ]
-}
+}