@almadar/std 14.16.0 → 14.17.0

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

@@ -119,7 +119,8 @@
           "name": "CourseAppLayout",
           "config": {
             "appName": "LMS",
-            "searchEvent": "COURSE_SEARCH",
+            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN",
+            "notifications": [],
             "navItems": [
               {
                 "icon": "graduation-cap",
@@ -128,8 +129,8 @@
               },
               {
                 "label": "Enroll",
-                "icon": "user-plus",
-                "href": "/enroll"
+                "href": "/enroll",
+                "icon": "user-plus"
               },
               {
                 "icon": "trending-up",
@@ -137,9 +138,8 @@
                 "label": "Progress"
               }
             ],
-            "contentTrait": "@trait.CourseCatalog",
-            "notifications": [],
-            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN"
+            "searchEvent": "COURSE_SEARCH",
+            "contentTrait": "@trait.CourseCatalog"
           },
           "events": {
             "SEARCH": "COURSE_SEARCH",
@@ -346,14 +346,13 @@
                     {
                       "gap": "lg",
                       "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "children": [
                             {
-                              "gap": "sm",
-                              "type": "stack",
                               "direction": "horizontal",
-                              "align": "center",
+                              "type": "stack",
                               "children": [
                                 {
                                   "type": "icon",
@@ -361,58 +360,60 @@
                                 },
                                 {
                                   "content": "Courses",
-                                  "type": "typography",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "gap": "sm",
+                              "align": "center"
                             },
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "sm",
+                              "type": "stack",
                               "children": [
                                 {
+                                  "type": "button",
+                                  "action": "CREATE",
                                   "variant": "primary",
                                   "label": "Create Course",
-                                  "action": "CREATE",
-                                  "icon": "plus",
-                                  "type": "button"
+                                  "icon": "plus"
                                 },
                                 {
+                                  "action": "EDIT_COURSE",
+                                  "icon": "edit",
                                   "variant": "ghost",
                                   "type": "button",
-                                  "label": "Edit Selected",
-                                  "action": "EDIT_COURSE",
-                                  "icon": "edit"
+                                  "label": "Edit Selected"
                                 },
                                 {
-                                  "action": "DELETE_COURSE",
-                                  "type": "button",
                                   "icon": "trash-2",
+                                  "type": "button",
                                   "label": "Delete Selected",
+                                  "action": "DELETE_COURSE",
                                   "variant": "danger"
                                 }
-                              ]
+                              ],
+                              "gap": "sm"
                             }
                           ],
+                          "justify": "between",
                           "type": "stack",
-                          "gap": "md",
                           "direction": "horizontal",
-                          "justify": "between",
+                          "gap": "md",
                           "align": "center"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "md",
+                          "direction": "horizontal",
+                          "type": "stack",
                           "children": [
                             "@trait.CourseSearch",
                             "@trait.CourseFilter"
                           ],
                           "align": "center",
-                          "type": "stack",
-                          "direction": "horizontal"
+                          "gap": "md"
                         },
                         "@trait.CourseStats",
                         "@trait.CourseGraphs",
@@ -420,8 +421,7 @@
                           "type": "divider"
                         },
                         "@trait.CourseGallery"
-                      ],
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -448,31 +448,31 @@
                       "direction": "vertical",
                       "children": [
                         {
-                          "type": "icon",
-                          "name": "bell"
+                          "name": "bell",
+                          "type": "icon"
                         },
                         {
-                          "type": "typography",
                           "variant": "h3",
-                          "content": "No notifications"
+                          "content": "No notifications",
+                          "type": "typography"
                         },
                         {
-                          "color": "muted",
-                          "variant": "caption",
+                          "type": "typography",
                           "content": "You're all caught up.",
-                          "type": "typography"
+                          "variant": "caption",
+                          "color": "muted"
                         },
                         {
                           "label": "Back to courses",
-                          "variant": "ghost",
                           "action": "INIT",
-                          "type": "button"
+                          "type": "button",
+                          "variant": "ghost"
                         }
                       ],
                       "gap": "md",
-                      "type": "stack",
                       "className": "py-8",
-                      "align": "center"
+                      "align": "center",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -503,71 +503,71 @@
           "ref": "Filter.traits.FilterTargetFilter",
           "name": "CourseFilter",
           "config": {
-            "event": "FILTER",
             "filters": [
               {
-                "label": "Category",
+                "field": "category",
+                "filterType": "select",
                 "options": [
                   "programming",
                   "design",
                   "business",
                   "marketing"
                 ],
-                "field": "category",
-                "filterType": "select"
+                "label": "Category"
               },
               {
+                "filterType": "select",
+                "label": "Level",
                 "field": "level",
                 "options": [
                   "beginner",
                   "intermediate",
                   "advanced"
-                ],
-                "filterType": "select",
-                "label": "Level"
+                ]
               }
-            ]
+            ],
+            "event": "FILTER"
           }
         },
         {
           "ref": "Stats.traits.StatsItemStats",
           "name": "CourseStats",
           "config": {
-            "title": "Course Stats",
             "metrics": [
               {
-                "format": "number",
-                "icon": "graduation-cap",
                 "aggregation": "count",
                 "variant": "primary",
-                "label": "Total Courses"
+                "format": "number",
+                "label": "Total Courses",
+                "icon": "graduation-cap"
               },
               {
-                "field": "enrolledCount",
+                "label": "Enrolled Students",
                 "aggregation": "sum",
+                "field": "enrolledCount",
                 "icon": "users",
                 "variant": "info",
-                "format": "number",
-                "label": "Enrolled Students"
+                "format": "number"
               },
               {
-                "variant": "success",
-                "field": "completionPct",
-                "aggregation": "avg",
                 "label": "Completion Rate",
                 "icon": "check-circle",
-                "format": "percent"
+                "aggregation": "avg",
+                "variant": "success",
+                "format": "percent",
+                "field": "completionPct"
               },
               {
-                "icon": "clock",
                 "variant": "default",
-                "label": "Avg Duration",
-                "format": "number",
                 "suffix": "h",
-                "field": "durationHours",
-                "aggregation": "avg"
+                "format": "number",
+                "icon": "clock",
+                "label": "Avg Duration",
+                "aggregation": "avg",
+                "field": "durationHours"
               }
-            ]
+            ],
+            "title": "Course Stats"
           },
           "listens": [
             {
@@ -584,10 +584,10 @@
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "CourseGraphs",
           "config": {
-            "subtitle": "Catalog distribution",
             "categoryField": "category",
             "chartType": "bar",
             "title": "Courses by Category",
+            "subtitle": "Catalog distribution",
             "aggregation": "count",
             "height": 280.0,
             "showLegend": true
@@ -610,9 +610,9 @@
           "config": {
             "cols": 4.0,
             "gap": "md",
+            "imageField": "thumbnail",
             "titleField": "title",
-            "subtitleField": "instructor",
-            "imageField": "thumbnail"
+            "subtitleField": "instructor"
           },
           "listens": [
             {
@@ -656,6 +656,7 @@
           "linkedEntity": "Course",
           "config": {
             "icon": "plus-circle",
+            "mode": "create",
             "title": "Create Course",
             "fields": [
               "title",
@@ -666,8 +667,7 @@
               "instructor",
               "thumbnail",
               "videoId"
-            ],
-            "mode": "create"
+            ]
           },
           "events": {
             "OPEN": "CREATE"
@@ -688,9 +688,8 @@
           "name": "CourseEditModal",
           "linkedEntity": "Course",
           "config": {
-            "title": "Edit Course",
-            "icon": "edit",
             "mode": "edit",
+            "title": "Edit Course",
             "fields": [
               "title",
               "description",
@@ -700,7 +699,8 @@
               "instructor",
               "thumbnail",
               "videoId"
-            ]
+            ],
+            "icon": "edit"
           },
           "events": {
             "OPEN": "EDIT"
@@ -721,14 +721,14 @@
           "name": "CourseDeleteConfirm",
           "linkedEntity": "Course",
           "config": {
-            "alertMessage": "This action cannot be undone.",
-            "title": "Delete Course",
+            "confirmLabel": "Delete",
             "icon": "alert-triangle",
-            "confirmLabel": "Delete"
+            "title": "Delete Course",
+            "alertMessage": "This action cannot be undone."
           },
           "events": {
-            "REQUEST": "DELETE_COURSE",
-            "CONFIRM": "CONFIRM_DELETE"
+            "CONFIRM": "CONFIRM_DELETE",
+            "REQUEST": "DELETE_COURSE"
           },
           "listens": [
             {
@@ -970,40 +970,40 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "image"
+                              "name": "image",
+                              "type": "icon"
                             },
                             {
-                              "content": "Course Thumbnail",
+                              "variant": "h3",
                               "type": "typography",
-                              "variant": "h3"
+                              "content": "Course Thumbnail"
                             }
                           ],
+                          "type": "stack",
                           "gap": "sm",
+                          "align": "center",
                           "direction": "horizontal"
                         },
                         {
-                          "inputType": "text",
+                          "type": "input",
                           "placeholder": "Choose image...",
-                          "type": "input"
+                          "inputType": "text"
                         },
                         {
-                          "type": "button",
                           "action": "UPLOAD",
+                          "icon": "upload",
                           "label": "Upload Thumbnail",
-                          "variant": "primary",
-                          "icon": "upload"
+                          "type": "button",
+                          "variant": "primary"
                         }
                       ],
-                      "type": "stack",
-                      "gap": "md",
-                      "direction": "vertical"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1016,15 +1016,15 @@
           "ref": "Storage.traits.ServiceStorageStorage",
           "name": "CourseThumbnailUpload",
           "config": {
-            "uiTrait": "@trait.CourseThumbnailForm",
+            "bucket": "course-thumbnails",
             "allowedMimeTypes": [
               "image/png",
               "image/jpeg",
               "image/webp"
             ],
-            "bucket": "course-thumbnails",
+            "acl": "public",
             "maxSize": 5242880.0,
-            "acl": "public"
+            "uiTrait": "@trait.CourseThumbnailForm"
           },
           "listens": [
             {
@@ -1041,8 +1041,8 @@
           "ref": "YouTube.traits.ServiceYoutubeYoutube",
           "name": "CourseLessonVideo",
           "config": {
-            "controls": true,
             "autoplay": false,
+            "controls": true,
             "videoId": "",
             "uiTrait": "@trait.CourseLessonPlayer"
           }
@@ -1119,107 +1119,107 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "max-w-3xl mx-auto w-full",
                       "direction": "vertical",
                       "children": [
                         {
-                          "align": "center",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "children": [
                             {
                               "type": "button",
+                              "label": "Previous",
                               "action": "PREV_LESSON",
                               "variant": "ghost",
-                              "icon": "chevron-left",
-                              "label": "Previous"
+                              "icon": "chevron-left"
                             },
                             {
-                              "content": "@entity.title",
                               "variant": "h3",
+                              "content": "@entity.title",
                               "type": "typography"
                             },
                             {
                               "variant": "ghost",
                               "action": "NEXT_LESSON",
+                              "icon": "chevron-right",
                               "type": "button",
-                              "label": "Next",
-                              "icon": "chevron-right"
+                              "label": "Next"
                             }
                           ],
                           "justify": "between",
+                          "align": "center",
+                          "gap": "sm",
                           "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "card",
                           "children": [
                             {
+                              "direction": "vertical",
+                              "type": "stack",
+                              "align": "center",
+                              "gap": "md",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "video"
+                                  "name": "video",
+                                  "type": "icon"
                                 },
                                 {
                                   "variant": "caption",
                                   "color": "muted",
-                                  "type": "typography",
-                                  "content": "Lesson video"
+                                  "content": "Lesson video",
+                                  "type": "typography"
                                 },
                                 {
                                   "variant": "body",
-                                  "content": "@config.videoId",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "content": "@config.videoId"
                                 }
-                              ],
-                              "gap": "md",
-                              "type": "stack",
-                              "direction": "vertical",
-                              "align": "center"
+                              ]
                             }
-                          ],
-                          "type": "card"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "align": "center",
-                          "gap": "sm",
-                          "justify": "between",
                           "children": [
                             {
-                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack",
                               "align": "center",
+                              "direction": "horizontal",
                               "children": [
                                 {
                                   "type": "input",
                                   "inputType": "checkbox"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "Mark lesson complete",
-                                  "type": "typography"
+                                  "content": "Mark lesson complete"
                                 }
-                              ],
-                              "gap": "sm",
-                              "type": "stack"
+                              ]
                             },
                             {
-                              "label": "Complete Lesson",
-                              "variant": "primary",
-                              "action": "LESSON_COMPLETE",
                               "type": "button",
-                              "icon": "check"
+                              "variant": "primary",
+                              "icon": "check",
+                              "label": "Complete Lesson",
+                              "action": "LESSON_COMPLETE"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "type": "stack",
+                          "align": "center",
+                          "justify": "between",
+                          "direction": "horizontal"
                         }
                       ],
-                      "gap": "md"
+                      "className": "max-w-3xl mx-auto w-full",
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1381,33 +1381,33 @@
           "name": "EnrollmentAppLayout",
           "linkedEntity": "Enrollment",
           "config": {
-            "topBarActions": [],
-            "notifications": [],
+            "appName": "LMS",
+            "contentTrait": "@trait.EnrollmentWizard",
             "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN",
+            "notifications": [],
+            "searchEvent": "ENROLLMENT_SEARCH",
+            "topBarActions": [],
             "navItems": [
               {
-                "icon": "graduation-cap",
+                "href": "/courses",
                 "label": "Courses",
-                "href": "/courses"
+                "icon": "graduation-cap"
               },
               {
-                "href": "/enroll",
                 "label": "Enroll",
+                "href": "/enroll",
                 "icon": "user-plus"
               },
               {
-                "icon": "trending-up",
                 "href": "/progress",
-                "label": "Progress"
+                "label": "Progress",
+                "icon": "trending-up"
               }
-            ],
-            "contentTrait": "@trait.EnrollmentWizard",
-            "appName": "LMS",
-            "searchEvent": "ENROLLMENT_SEARCH"
+            ]
           },
           "events": {
-            "SEARCH": "ENROLLMENT_SEARCH",
-            "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN"
+            "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN",
+            "SEARCH": "ENROLLMENT_SEARCH"
           }
         },
         {
@@ -1616,8 +1616,8 @@
                     "Enrollment",
                     {
                       "emit": {
-                        "success": "EnrollmentLoaded",
-                        "failure": "EnrollmentLoadFailed"
+                        "failure": "EnrollmentLoadFailed",
+                        "success": "EnrollmentLoaded"
                       }
                     }
                   ],
@@ -1625,66 +1625,66 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "children": [
                         {
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "type": "stack",
+                          "align": "center",
                           "children": [
                             {
-                              "name": "user-plus",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "user-plus"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "Course Enrollment",
-                              "variant": "h2"
+                              "content": "Course Enrollment"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "sm",
-                          "direction": "horizontal",
-                          "align": "center"
+                          ]
                         },
                         {
+                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
-                          "currentStep": 0.0,
-                          "type": "wizard-progress"
+                          "currentStep": 0.0
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "content": "Student Info",
-                          "type": "typography",
-                          "variant": "h3"
+                          "variant": "h3",
+                          "type": "typography"
                         },
                         {
-                          "submitLabel": "Continue",
-                          "type": "form-section",
-                          "mode": "create",
                           "showCancel": false,
                           "submitEvent": "NEXT",
+                          "mode": "create",
+                          "type": "form-section",
+                          "submitLabel": "Continue",
                           "fields": [
                             {
-                              "required": true,
                               "min": 2.0,
+                              "required": true,
                               "name": "studentName"
                             },
                             {
-                              "type": "email",
+                              "required": true,
                               "name": "email",
-                              "required": true
+                              "type": "email"
                             }
                           ]
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1713,62 +1713,62 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
                       "children": [
                         {
                           "align": "center",
+                          "type": "stack",
+                          "direction": "horizontal",
                           "gap": "sm",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "user-plus"
+                              "name": "user-plus",
+                              "type": "icon"
                             },
                             {
                               "content": "Course Enrollment",
                               "variant": "h2",
                               "type": "typography"
                             }
-                          ],
-                          "type": "stack",
-                          "direction": "horizontal"
+                          ]
                         },
                         {
                           "currentStep": 1.0,
-                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "content": "Course Selection",
                           "type": "typography",
-                          "variant": "h3",
-                          "content": "Course Selection"
+                          "variant": "h3"
                         },
                         {
-                          "mode": "edit",
-                          "cancelEvent": "PREV",
-                          "entity": "@entity",
                           "submitEvent": "NEXT",
-                          "type": "form-section",
-                          "submitLabel": "Continue",
                           "cancelLabel": "Back",
+                          "entity": "@entity",
+                          "mode": "edit",
+                          "type": "form-section",
                           "fields": [
                             {
-                              "required": true,
-                              "name": "courseId"
+                              "name": "courseId",
+                              "required": true
                             }
-                          ]
+                          ],
+                          "submitLabel": "Continue",
+                          "cancelEvent": "PREV"
                         }
                       ],
-                      "gap": "lg",
-                      "type": "stack",
-                      "direction": "vertical"
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -1793,49 +1793,49 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-xl mx-auto w-full",
                       "gap": "lg",
                       "type": "stack",
-                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "gap": "sm",
+                          "direction": "horizontal",
                           "align": "center",
+                          "type": "stack",
                           "children": [
                             {
                               "name": "user-plus",
                               "type": "icon"
                             },
                             {
-                              "type": "typography",
                               "variant": "h2",
-                              "content": "Course Enrollment"
+                              "content": "Course Enrollment",
+                              "type": "typography"
                             }
                           ],
-                          "type": "stack",
-                          "direction": "horizontal"
+                          "gap": "sm"
                         },
                         {
-                          "currentStep": 2.0,
                           "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "currentStep": 2.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "h3",
+                          "type": "typography",
                           "content": "Review",
-                          "type": "typography"
+                          "variant": "h3"
                         },
                         {
                           "gap": "sm",
                           "type": "stack",
-                          "direction": "vertical",
                           "children": [
                             {
                               "type": "stack",
@@ -1848,21 +1848,22 @@
                                   "variant": "caption"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.studentName"
+                                  "content": "@entity.studentName",
+                                  "type": "typography"
                                 }
                               ],
                               "direction": "horizontal"
                             },
                             {
+                              "type": "stack",
                               "direction": "horizontal",
                               "justify": "between",
                               "children": [
                                 {
                                   "content": "Email",
-                                  "type": "typography",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
                                   "variant": "body",
@@ -1870,53 +1871,52 @@
                                   "content": "@entity.email"
                                 }
                               ],
-                              "type": "stack",
                               "gap": "md"
                             },
                             {
+                              "gap": "md",
+                              "justify": "between",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "content": "Course",
+                                  "type": "typography",
                                   "variant": "caption",
-                                  "type": "typography"
+                                  "content": "Course"
                                 },
                                 {
+                                  "content": "@entity.courseId",
                                   "variant": "body",
-                                  "type": "typography",
-                                  "content": "@entity.courseId"
+                                  "type": "typography"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "between",
                               "type": "stack"
                             }
-                          ]
+                          ],
+                          "direction": "vertical"
                         },
                         {
-                          "justify": "between",
-                          "type": "stack",
                           "gap": "sm",
+                          "type": "stack",
+                          "justify": "between",
                           "direction": "horizontal",
                           "children": [
                             {
-                              "variant": "ghost",
-                              "type": "button",
+                              "label": "Back",
                               "icon": "arrow-left",
+                              "variant": "ghost",
                               "action": "PREV",
-                              "label": "Back"
+                              "type": "button"
                             },
                             {
-                              "label": "Continue",
+                              "action": "NEXT",
                               "variant": "primary",
                               "icon": "arrow-right",
-                              "type": "button",
-                              "action": "NEXT"
+                              "label": "Continue",
+                              "type": "button"
                             }
                           ]
                         }
-                      ],
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -1930,10 +1930,10 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
                           "variant": "h2",
@@ -1941,42 +1941,42 @@
                           "type": "typography"
                         },
                         {
-                          "currentStep": 0.0,
-                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "currentStep": 0.0,
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "content": "Student Info",
                           "type": "typography",
-                          "variant": "h3",
-                          "content": "Student Info"
+                          "variant": "h3"
                         },
                         {
-                          "mode": "edit",
-                          "showCancel": false,
                           "fields": [
                             {
+                              "required": true,
                               "name": "studentName",
-                              "min": 2.0,
-                              "required": true
+                              "min": 2.0
                             },
                             {
-                              "name": "email",
                               "type": "email",
+                              "name": "email",
                               "required": true
                             }
                           ],
-                          "entity": "@entity",
                           "type": "form-section",
+                          "submitLabel": "Continue",
                           "submitEvent": "NEXT",
-                          "submitLabel": "Continue"
+                          "showCancel": false,
+                          "entity": "@entity",
+                          "mode": "edit"
                         }
                       ]
                     }
@@ -1998,118 +1998,118 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "type": "stack",
-                      "direction": "vertical",
                       "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "variant": "h2",
+                          "type": "typography",
                           "content": "Course Enrollment",
-                          "type": "typography"
+                          "variant": "h2"
                         },
                         {
+                          "type": "wizard-progress",
                           "currentStep": 3.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ],
-                          "type": "wizard-progress"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "variant": "info",
-                          "message": "Please confirm your enrollment.",
-                          "type": "alert"
+                          "type": "alert",
+                          "message": "Please confirm your enrollment."
                         },
                         {
-                          "gap": "sm",
                           "type": "stack",
                           "direction": "vertical",
+                          "gap": "sm",
                           "children": [
                             {
+                              "direction": "horizontal",
                               "justify": "between",
-                              "type": "stack",
+                              "gap": "md",
                               "children": [
                                 {
                                   "content": "Student",
-                                  "type": "typography",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "type": "typography"
                                 },
                                 {
-                                  "content": "@entity.studentName",
                                   "variant": "body",
+                                  "content": "@entity.studentName",
                                   "type": "typography"
                                 }
                               ],
-                              "gap": "md",
-                              "direction": "horizontal"
+                              "type": "stack"
                             },
                             {
-                              "type": "stack",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
-                                  "content": "Email"
+                                  "content": "Email",
+                                  "type": "typography"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.email",
-                                  "type": "typography"
+                                  "content": "@entity.email"
                                 }
                               ],
+                              "gap": "md",
                               "justify": "between",
-                              "direction": "horizontal",
-                              "gap": "md"
+                              "type": "stack"
                             },
                             {
-                              "gap": "md",
-                              "direction": "horizontal",
-                              "justify": "between",
                               "type": "stack",
                               "children": [
                                 {
+                                  "variant": "caption",
                                   "type": "typography",
-                                  "content": "Course",
-                                  "variant": "caption"
+                                  "content": "Course"
                                 },
                                 {
-                                  "content": "@entity.courseId",
                                   "variant": "body",
+                                  "content": "@entity.courseId",
                                   "type": "typography"
                                 }
-                              ]
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between"
                             }
                           ]
                         },
                         {
-                          "type": "stack",
+                          "justify": "between",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "action": "PREV",
-                              "icon": "arrow-left",
                               "type": "button",
+                              "icon": "arrow-left",
+                              "variant": "ghost",
                               "label": "Back",
-                              "variant": "ghost"
+                              "action": "PREV"
                             },
                             {
-                              "icon": "check",
-                              "label": "Enroll",
                               "variant": "primary",
-                              "action": "COMPLETE",
-                              "type": "button"
+                              "label": "Enroll",
+                              "icon": "check",
+                              "type": "button",
+                              "action": "COMPLETE"
                             }
                           ],
-                          "direction": "horizontal",
-                          "justify": "between",
-                          "gap": "sm"
+                          "gap": "sm",
+                          "type": "stack"
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2123,22 +2123,24 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "gap": "lg",
                       "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "content": "Course Enrollment",
                           "variant": "h2",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "Course Enrollment"
                         },
                         {
+                          "currentStep": 1.0,
+                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ],
-                          "type": "wizard-progress",
-                          "currentStep": 1.0
+                          ]
                         },
                         {
                           "type": "divider"
@@ -2149,23 +2151,21 @@
                           "content": "Course Selection"
                         },
                         {
-                          "submitEvent": "NEXT",
-                          "mode": "edit",
-                          "cancelLabel": "Back",
                           "type": "form-section",
                           "entity": "@entity",
+                          "cancelEvent": "PREV",
+                          "cancelLabel": "Back",
                           "fields": [
                             {
-                              "name": "courseId",
-                              "required": true
+                              "required": true,
+                              "name": "courseId"
                             }
                           ],
+                          "mode": "edit",
                           "submitLabel": "Continue",
-                          "cancelEvent": "PREV"
+                          "submitEvent": "NEXT"
                         }
                       ],
-                      "type": "stack",
-                      "gap": "lg",
                       "direction": "vertical"
                     }
                   ]
@@ -2194,8 +2194,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "failure": "EnrollmentSaveFailed",
-                        "success": "EnrollmentSaved"
+                        "success": "EnrollmentSaved",
+                        "failure": "EnrollmentSaveFailed"
                       }
                     }
                   ],
@@ -2216,34 +2216,34 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "className": "max-w-xl mx-auto w-full py-12",
-                      "direction": "vertical",
                       "children": [
                         {
                           "type": "icon",
                           "name": "check-circle"
                         },
                         {
+                          "type": "typography",
                           "content": "Enrolled!",
-                          "variant": "h2",
-                          "type": "typography"
+                          "variant": "h2"
                         },
                         {
-                          "type": "typography",
                           "variant": "body",
                           "color": "muted",
-                          "content": "You have been enrolled in the course."
+                          "content": "You have been enrolled in the course.",
+                          "type": "typography"
                         },
                         {
-                          "action": "RESTART",
-                          "variant": "ghost",
                           "icon": "rotate-ccw",
+                          "variant": "ghost",
                           "type": "button",
-                          "label": "Enroll another student"
+                          "label": "Enroll another student",
+                          "action": "RESTART"
                         }
                       ],
                       "type": "stack",
-                      "gap": "lg",
+                      "direction": "vertical",
                       "align": "center"
                     }
                   ]
@@ -2258,57 +2258,57 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
                           "content": "Course Enrollment",
-                          "type": "typography",
-                          "variant": "h2"
+                          "variant": "h2",
+                          "type": "typography"
                         },
                         {
-                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
+                          "type": "wizard-progress",
                           "currentStep": 2.0
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "type": "typography",
                           "content": "Review",
-                          "variant": "h3",
-                          "type": "typography"
+                          "variant": "h3"
                         },
                         {
+                          "justify": "between",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "type": "stack",
-                          "justify": "between",
                           "children": [
                             {
-                              "label": "Back",
                               "type": "button",
-                              "action": "PREV",
+                              "icon": "arrow-left",
                               "variant": "ghost",
-                              "icon": "arrow-left"
+                              "label": "Back",
+                              "action": "PREV"
                             },
                             {
                               "icon": "arrow-right",
-                              "variant": "primary",
+                              "type": "button",
                               "action": "NEXT",
-                              "label": "Continue",
-                              "type": "button"
+                              "variant": "primary",
+                              "label": "Continue"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         }
                       ],
-                      "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full",
                       "type": "stack",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -2347,16 +2347,16 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "gap": "lg",
                       "children": [
                         {
                           "content": "Course Enrollment",
-                          "type": "typography",
-                          "variant": "h2"
+                          "variant": "h2",
+                          "type": "typography"
                         },
                         {
-                          "currentStep": 0.0,
                           "type": "wizard-progress",
+                          "currentStep": 0.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
@@ -2368,12 +2368,15 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "content": "Student Info",
+                          "type": "typography",
                           "variant": "h3"
                         },
                         {
                           "mode": "create",
+                          "submitEvent": "NEXT",
+                          "submitLabel": "Continue",
+                          "type": "form-section",
                           "fields": [
                             {
                               "name": "studentName",
@@ -2382,19 +2385,16 @@
                             },
                             {
                               "name": "email",
-                              "type": "email",
-                              "required": true
+                              "required": true,
+                              "type": "email"
                             }
                           ],
-                          "type": "form-section",
-                          "submitLabel": "Continue",
-                          "showCancel": false,
-                          "submitEvent": "NEXT"
+                          "showCancel": false
                         }
                       ],
                       "direction": "vertical",
                       "className": "max-w-xl mx-auto w-full",
-                      "gap": "lg"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2489,33 +2489,33 @@
           "name": "ProgressAppLayout",
           "linkedEntity": "Progress",
           "config": {
-            "appName": "LMS",
-            "searchEvent": "PROGRESS_SEARCH",
-            "topBarActions": [],
             "navItems": [
               {
-                "icon": "graduation-cap",
                 "label": "Courses",
-                "href": "/courses"
+                "href": "/courses",
+                "icon": "graduation-cap"
               },
               {
                 "label": "Enroll",
-                "icon": "user-plus",
-                "href": "/enroll"
+                "href": "/enroll",
+                "icon": "user-plus"
               },
               {
+                "href": "/progress",
                 "label": "Progress",
-                "icon": "trending-up",
-                "href": "/progress"
+                "icon": "trending-up"
               }
             ],
+            "searchEvent": "PROGRESS_SEARCH",
+            "notifications": [],
             "contentTrait": "@trait.ProgressDisplay",
-            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN",
-            "notifications": []
+            "topBarActions": [],
+            "appName": "LMS",
+            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN"
           },
           "events": {
-            "NOTIFY_CLICK": "PROGRESS_NOTIFICATIONS_OPEN",
-            "SEARCH": "PROGRESS_SEARCH"
+            "SEARCH": "PROGRESS_SEARCH",
+            "NOTIFY_CLICK": "PROGRESS_NOTIFICATIONS_OPEN"
           }
         },
         {
@@ -2546,25 +2546,23 @@
                     {
                       "type": "stack",
                       "gap": "lg",
-                      "direction": "vertical",
-                      "className": "max-w-5xl mx-auto w-full",
                       "children": [
                         {
-                          "gap": "sm",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "trending-up"
+                              "name": "trending-up",
+                              "type": "icon"
                             },
                             {
-                              "type": "typography",
+                              "content": "Progress",
                               "variant": "h2",
-                              "content": "Progress"
+                              "type": "typography"
                             }
                           ],
+                          "gap": "sm",
+                          "align": "center",
                           "type": "stack",
-                          "align": "center"
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
@@ -2575,7 +2573,9 @@
                           "type": "divider"
                         },
                         "@trait.ProgressBrowseList"
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "className": "max-w-5xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -2664,8 +2664,8 @@
                     "Progress",
                     {
                       "emit": {
-                        "success": "ProgressLoaded",
-                        "failure": "ProgressLoadFailed"
+                        "failure": "ProgressLoadFailed",
+                        "success": "ProgressLoaded"
                       }
                     }
                   ],
@@ -2675,43 +2675,43 @@
                     {
                       "type": "simple-grid",
                       "gap": "md",
-                      "cols": 4.0,
                       "children": [
                         {
+                          "type": "stat-display",
                           "variant": "success",
-                          "format": "percent",
-                          "label": "Completion %",
                           "value": 0.0,
-                          "type": "stat-display",
-                          "icon": "check-circle"
+                          "format": "percent",
+                          "icon": "check-circle",
+                          "label": "Completion %"
                         },
                         {
-                          "icon": "clock",
-                          "value": 0.0,
+                          "suffix": "h",
                           "label": "Time Spent",
-                          "format": "number",
                           "variant": "info",
+                          "icon": "clock",
                           "type": "stat-display",
-                          "suffix": "h"
+                          "value": 0.0,
+                          "format": "number"
                         },
                         {
-                          "type": "stat-display",
-                          "value": 0.0,
                           "variant": "default",
-                          "format": "number",
+                          "value": 0.0,
+                          "label": "Lessons Remaining",
+                          "type": "stat-display",
                           "icon": "list",
-                          "label": "Lessons Remaining"
+                          "format": "number"
                         },
                         {
-                          "variant": "warning",
-                          "label": "Streak",
+                          "format": "number",
                           "suffix": "d",
-                          "icon": "flame",
+                          "value": 0.0,
                           "type": "stat-display",
-                          "format": "number",
-                          "value": 0.0
+                          "label": "Streak",
+                          "icon": "flame",
+                          "variant": "warning"
                         }
-                      ]
+                      ],
+                      "cols": 4.0
                     }
                   ]
                 ]
@@ -2725,45 +2725,45 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "simple-grid",
+                      "gap": "md",
+                      "cols": 4.0,
                       "children": [
                         {
+                          "type": "stat-display",
                           "variant": "success",
-                          "value": 0.0,
-                          "format": "percent",
                           "icon": "check-circle",
-                          "type": "stat-display",
-                          "label": "Completion %"
+                          "format": "percent",
+                          "label": "Completion %",
+                          "value": 0.0
                         },
                         {
-                          "variant": "info",
                           "suffix": "h",
-                          "label": "Time Spent",
-                          "format": "number",
                           "type": "stat-display",
                           "value": 0.0,
-                          "icon": "clock"
+                          "label": "Time Spent",
+                          "icon": "clock",
+                          "variant": "info",
+                          "format": "number"
                         },
                         {
-                          "type": "stat-display",
-                          "icon": "list",
                           "value": 0.0,
+                          "label": "Lessons Remaining",
+                          "icon": "list",
+                          "type": "stat-display",
                           "variant": "default",
-                          "format": "number",
-                          "label": "Lessons Remaining"
+                          "format": "number"
                         },
                         {
-                          "variant": "warning",
-                          "type": "stat-display",
                           "label": "Streak",
-                          "icon": "flame",
-                          "suffix": "d",
+                          "type": "stat-display",
+                          "value": 0.0,
+                          "variant": "warning",
                           "format": "number",
-                          "value": 0.0
+                          "icon": "flame",
+                          "suffix": "d"
                         }
-                      ],
-                      "gap": "md",
-                      "type": "simple-grid",
-                      "cols": 4.0
+                      ]
                     }
                   ]
                 ]
@@ -2861,13 +2861,13 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "chart",
+                      "showLegend": true,
+                      "title": "Progress over time",
                       "subtitle": "Average completion % per week",
+                      "type": "chart",
                       "chartType": "line",
-                      "height": 280.0,
-                      "showLegend": true,
                       "data": [],
-                      "title": "Progress over time"
+                      "height": 280.0
                     }
                   ]
                 ]
@@ -2882,12 +2882,12 @@
                     "main",
                     {
                       "type": "chart",
-                      "title": "Progress over time",
-                      "chartType": "line",
                       "subtitle": "Average completion % per week",
-                      "height": 280.0,
                       "data": "@payload.data",
-                      "showLegend": true
+                      "height": 280.0,
+                      "title": "Progress over time",
+                      "showLegend": true,
+                      "chartType": "line"
                     }
                   ]
                 ]
@@ -2901,38 +2901,38 @@
           "name": "ProgressBrowseList",
           "linkedEntity": "Progress",
           "config": {
-            "gap": "sm",
-            "cols": 1.0,
             "fields": [
               {
-                "icon": "book-open",
-                "name": "courseName",
                 "label": "Course",
-                "variant": "h4"
+                "icon": "book-open",
+                "variant": "h4",
+                "name": "courseName"
               },
               {
-                "format": "percent",
                 "label": "Completion",
                 "variant": "badge",
+                "format": "percent",
                 "name": "completionPct"
               },
               {
-                "variant": "body",
                 "name": "lessonsCompleted",
-                "label": "Lessons Completed"
+                "label": "Lessons Completed",
+                "variant": "body"
               },
               {
-                "name": "totalLessons",
                 "variant": "body",
+                "name": "totalLessons",
                 "label": "Total Lessons"
               },
               {
-                "name": "lastActivity",
-                "label": "Last Activity",
                 "variant": "caption",
-                "format": "date"
+                "format": "date",
+                "label": "Last Activity",
+                "name": "lastActivity"
               }
             ],
+            "cols": 1.0,
+            "gap": "sm",
             "itemActions": []
           },
           "listens": [