@almadar/std 14.24.0 → 14.25.0

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

@@ -118,13 +118,10 @@
           "ref": "AppShell.traits.AppLayout",
           "name": "CourseAppLayout",
           "config": {
-            "appName": "LMS",
-            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN",
-            "notifications": [],
             "navItems": [
               {
-                "icon": "graduation-cap",
                 "label": "Courses",
+                "icon": "graduation-cap",
                 "href": "/courses"
               },
               {
@@ -133,12 +130,15 @@
                 "icon": "user-plus"
               },
               {
-                "icon": "trending-up",
                 "href": "/progress",
+                "icon": "trending-up",
                 "label": "Progress"
               }
             ],
+            "notifications": [],
+            "appName": "LMS",
             "searchEvent": "COURSE_SEARCH",
+            "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN",
             "contentTrait": "@trait.CourseCatalog"
           },
           "events": {
@@ -344,15 +344,18 @@
                     "render-ui",
                     "main",
                     {
+                      "direction": "vertical",
                       "gap": "lg",
                       "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "justify": "between",
+                          "align": "center",
+                          "gap": "md",
                           "children": [
                             {
-                              "direction": "horizontal",
-                              "type": "stack",
                               "children": [
                                 {
                                   "type": "icon",
@@ -360,60 +363,57 @@
                                 },
                                 {
                                   "content": "Courses",
-                                  "variant": "h2",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "variant": "h2"
                                 }
                               ],
+                              "direction": "horizontal",
                               "gap": "sm",
-                              "align": "center"
+                              "align": "center",
+                              "type": "stack"
                             },
                             {
-                              "direction": "horizontal",
                               "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
                               "children": [
                                 {
-                                  "type": "button",
-                                  "action": "CREATE",
-                                  "variant": "primary",
                                   "label": "Create Course",
-                                  "icon": "plus"
+                                  "variant": "primary",
+                                  "type": "button",
+                                  "icon": "plus",
+                                  "action": "CREATE"
                                 },
                                 {
-                                  "action": "EDIT_COURSE",
+                                  "type": "button",
+                                  "label": "Edit Selected",
                                   "icon": "edit",
                                   "variant": "ghost",
-                                  "type": "button",
-                                  "label": "Edit Selected"
+                                  "action": "EDIT_COURSE"
                                 },
                                 {
-                                  "icon": "trash-2",
                                   "type": "button",
-                                  "label": "Delete Selected",
+                                  "variant": "danger",
                                   "action": "DELETE_COURSE",
-                                  "variant": "danger"
+                                  "icon": "trash-2",
+                                  "label": "Delete Selected"
                                 }
-                              ],
-                              "gap": "sm"
+                              ]
                             }
-                          ],
-                          "justify": "between",
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "align": "center"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "direction": "horizontal",
+                          "gap": "md",
+                          "align": "center",
                           "type": "stack",
+                          "direction": "horizontal",
                           "children": [
                             "@trait.CourseSearch",
                             "@trait.CourseFilter"
-                          ],
-                          "align": "center",
-                          "gap": "md"
+                          ]
                         },
                         "@trait.CourseStats",
                         "@trait.CourseGraphs",
@@ -445,7 +445,11 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "align": "center",
                       "direction": "vertical",
+                      "gap": "md",
+                      "className": "py-8",
                       "children": [
                         {
                           "name": "bell",
@@ -457,22 +461,18 @@
                           "type": "typography"
                         },
                         {
-                          "type": "typography",
-                          "content": "You're all caught up.",
                           "variant": "caption",
-                          "color": "muted"
+                          "color": "muted",
+                          "type": "typography",
+                          "content": "You're all caught up."
                         },
                         {
-                          "label": "Back to courses",
                           "action": "INIT",
-                          "type": "button",
-                          "variant": "ghost"
+                          "variant": "ghost",
+                          "label": "Back to courses",
+                          "type": "button"
                         }
-                      ],
-                      "gap": "md",
-                      "className": "py-8",
-                      "align": "center",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -485,8 +485,8 @@
           "ref": "Search.traits.SearchResultSearch",
           "name": "CourseSearch",
           "config": {
-            "event": "SEARCH",
-            "placeholder": "Search courses..."
+            "placeholder": "Search courses...",
+            "event": "SEARCH"
           },
           "listens": [
             {
@@ -516,14 +516,14 @@
                 "label": "Category"
               },
               {
-                "filterType": "select",
-                "label": "Level",
                 "field": "level",
+                "filterType": "select",
                 "options": [
                   "beginner",
                   "intermediate",
                   "advanced"
-                ]
+                ],
+                "label": "Level"
               }
             ],
             "event": "FILTER"
@@ -535,32 +535,32 @@
           "config": {
             "metrics": [
               {
-                "aggregation": "count",
+                "label": "Total Courses",
                 "variant": "primary",
                 "format": "number",
-                "label": "Total Courses",
+                "aggregation": "count",
                 "icon": "graduation-cap"
               },
               {
-                "label": "Enrolled Students",
-                "aggregation": "sum",
-                "field": "enrolledCount",
+                "format": "number",
                 "icon": "users",
                 "variant": "info",
-                "format": "number"
+                "label": "Enrolled Students",
+                "field": "enrolledCount",
+                "aggregation": "sum"
               },
               {
-                "label": "Completion Rate",
+                "field": "completionPct",
                 "icon": "check-circle",
-                "aggregation": "avg",
                 "variant": "success",
-                "format": "percent",
-                "field": "completionPct"
+                "aggregation": "avg",
+                "label": "Completion Rate",
+                "format": "percent"
               },
               {
                 "variant": "default",
-                "suffix": "h",
                 "format": "number",
+                "suffix": "h",
                 "icon": "clock",
                 "label": "Avg Duration",
                 "aggregation": "avg",
@@ -584,13 +584,13 @@
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "CourseGraphs",
           "config": {
-            "categoryField": "category",
-            "chartType": "bar",
             "title": "Courses by Category",
-            "subtitle": "Catalog distribution",
+            "showLegend": true,
             "aggregation": "count",
+            "categoryField": "category",
+            "chartType": "bar",
             "height": 280.0,
-            "showLegend": true
+            "subtitle": "Catalog distribution"
           },
           "listens": [
             {
@@ -609,10 +609,10 @@
           "linkedEntity": "Course",
           "config": {
             "cols": 4.0,
-            "gap": "md",
-            "imageField": "thumbnail",
             "titleField": "title",
-            "subtitleField": "instructor"
+            "subtitleField": "instructor",
+            "imageField": "thumbnail",
+            "gap": "md"
           },
           "listens": [
             {
@@ -655,9 +655,9 @@
           "name": "CourseCreateModal",
           "linkedEntity": "Course",
           "config": {
+            "title": "Create Course",
             "icon": "plus-circle",
             "mode": "create",
-            "title": "Create Course",
             "fields": [
               "title",
               "description",
@@ -688,8 +688,9 @@
           "name": "CourseEditModal",
           "linkedEntity": "Course",
           "config": {
-            "mode": "edit",
             "title": "Edit Course",
+            "mode": "edit",
+            "icon": "edit",
             "fields": [
               "title",
               "description",
@@ -699,8 +700,7 @@
               "instructor",
               "thumbnail",
               "videoId"
-            ],
-            "icon": "edit"
+            ]
           },
           "events": {
             "OPEN": "EDIT"
@@ -721,14 +721,14 @@
           "name": "CourseDeleteConfirm",
           "linkedEntity": "Course",
           "config": {
+            "alertMessage": "This action cannot be undone.",
             "confirmLabel": "Delete",
-            "icon": "alert-triangle",
             "title": "Delete Course",
-            "alertMessage": "This action cannot be undone."
+            "icon": "alert-triangle"
           },
           "events": {
-            "CONFIRM": "CONFIRM_DELETE",
-            "REQUEST": "DELETE_COURSE"
+            "REQUEST": "DELETE_COURSE",
+            "CONFIRM": "CONFIRM_DELETE"
           },
           "listens": [
             {
@@ -970,40 +970,40 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
+                          "type": "stack",
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "align": "center",
                           "children": [
                             {
                               "name": "image",
                               "type": "icon"
                             },
                             {
-                              "variant": "h3",
                               "type": "typography",
+                              "variant": "h3",
                               "content": "Course Thumbnail"
                             }
-                          ],
-                          "type": "stack",
-                          "gap": "sm",
-                          "align": "center",
-                          "direction": "horizontal"
+                          ]
                         },
                         {
                           "type": "input",
-                          "placeholder": "Choose image...",
-                          "inputType": "text"
+                          "inputType": "text",
+                          "placeholder": "Choose image..."
                         },
                         {
                           "action": "UPLOAD",
-                          "icon": "upload",
                           "label": "Upload Thumbnail",
-                          "type": "button",
-                          "variant": "primary"
+                          "variant": "primary",
+                          "icon": "upload",
+                          "type": "button"
                         }
                       ],
-                      "type": "stack"
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1016,15 +1016,15 @@
           "ref": "Storage.traits.ServiceStorageStorage",
           "name": "CourseThumbnailUpload",
           "config": {
-            "bucket": "course-thumbnails",
             "allowedMimeTypes": [
               "image/png",
               "image/jpeg",
               "image/webp"
             ],
+            "uiTrait": "@trait.CourseThumbnailForm",
             "acl": "public",
-            "maxSize": 5242880.0,
-            "uiTrait": "@trait.CourseThumbnailForm"
+            "bucket": "course-thumbnails",
+            "maxSize": 5242880.0
           },
           "listens": [
             {
@@ -1041,10 +1041,10 @@
           "ref": "YouTube.traits.ServiceYoutubeYoutube",
           "name": "CourseLessonVideo",
           "config": {
-            "autoplay": false,
-            "controls": true,
             "videoId": "",
-            "uiTrait": "@trait.CourseLessonPlayer"
+            "controls": true,
+            "uiTrait": "@trait.CourseLessonPlayer",
+            "autoplay": false
           }
         },
         {
@@ -1119,17 +1119,22 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
+                      "type": "stack",
+                      "className": "max-w-3xl mx-auto w-full",
                       "children": [
                         {
+                          "gap": "sm",
+                          "align": "center",
+                          "type": "stack",
                           "direction": "horizontal",
+                          "justify": "between",
                           "children": [
                             {
                               "type": "button",
-                              "label": "Previous",
                               "action": "PREV_LESSON",
                               "variant": "ghost",
-                              "icon": "chevron-left"
+                              "icon": "chevron-left",
+                              "label": "Previous"
                             },
                             {
                               "variant": "h3",
@@ -1138,58 +1143,57 @@
                             },
                             {
                               "variant": "ghost",
-                              "action": "NEXT_LESSON",
                               "icon": "chevron-right",
+                              "label": "Next",
                               "type": "button",
-                              "label": "Next"
+                              "action": "NEXT_LESSON"
                             }
-                          ],
-                          "justify": "between",
-                          "align": "center",
-                          "gap": "sm",
-                          "type": "stack"
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "card",
                           "children": [
                             {
-                              "direction": "vertical",
                               "type": "stack",
-                              "align": "center",
                               "gap": "md",
+                              "direction": "vertical",
+                              "align": "center",
                               "children": [
                                 {
-                                  "name": "video",
-                                  "type": "icon"
+                                  "type": "icon",
+                                  "name": "video"
                                 },
                                 {
-                                  "variant": "caption",
                                   "color": "muted",
                                   "content": "Lesson video",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "variant": "caption"
                                 },
                                 {
                                   "variant": "body",
-                                  "type": "typography",
-                                  "content": "@config.videoId"
+                                  "content": "@config.videoId",
+                                  "type": "typography"
                                 }
                               ]
                             }
-                          ]
+                          ],
+                          "type": "card"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "align": "center",
+                          "justify": "between",
+                          "type": "stack",
                           "children": [
                             {
                               "gap": "sm",
                               "type": "stack",
-                              "align": "center",
                               "direction": "horizontal",
+                              "align": "center",
                               "children": [
                                 {
                                   "type": "input",
@@ -1197,29 +1201,25 @@
                                 },
                                 {
                                   "type": "typography",
-                                  "variant": "body",
-                                  "content": "Mark lesson complete"
+                                  "content": "Mark lesson complete",
+                                  "variant": "body"
                                 }
                               ]
                             },
                             {
+                              "label": "Complete Lesson",
+                              "action": "LESSON_COMPLETE",
                               "type": "button",
                               "variant": "primary",
-                              "icon": "check",
-                              "label": "Complete Lesson",
-                              "action": "LESSON_COMPLETE"
+                              "icon": "check"
                             }
                           ],
                           "gap": "sm",
-                          "type": "stack",
-                          "align": "center",
-                          "justify": "between",
                           "direction": "horizontal"
                         }
                       ],
-                      "className": "max-w-3xl mx-auto w-full",
-                      "gap": "md",
-                      "type": "stack"
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1381,29 +1381,29 @@
           "name": "EnrollmentAppLayout",
           "linkedEntity": "Enrollment",
           "config": {
-            "appName": "LMS",
-            "contentTrait": "@trait.EnrollmentWizard",
-            "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN",
-            "notifications": [],
-            "searchEvent": "ENROLLMENT_SEARCH",
-            "topBarActions": [],
             "navItems": [
               {
+                "icon": "graduation-cap",
                 "href": "/courses",
-                "label": "Courses",
-                "icon": "graduation-cap"
+                "label": "Courses"
               },
               {
-                "label": "Enroll",
                 "href": "/enroll",
+                "label": "Enroll",
                 "icon": "user-plus"
               },
               {
+                "icon": "trending-up",
                 "href": "/progress",
-                "label": "Progress",
-                "icon": "trending-up"
+                "label": "Progress"
               }
-            ]
+            ],
+            "notifications": [],
+            "topBarActions": [],
+            "contentTrait": "@trait.EnrollmentWizard",
+            "searchEvent": "ENROLLMENT_SEARCH",
+            "appName": "LMS",
+            "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN"
           },
           "events": {
             "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN",
@@ -1616,8 +1616,8 @@
                     "Enrollment",
                     {
                       "emit": {
-                        "failure": "EnrollmentLoadFailed",
-                        "success": "EnrollmentLoaded"
+                        "success": "EnrollmentLoaded",
+                        "failure": "EnrollmentLoadFailed"
                       }
                     }
                   ],
@@ -1625,25 +1625,23 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "type": "stack",
-                          "align": "center",
+                          "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "user-plus"
+                              "name": "user-plus",
+                              "type": "icon"
                             },
                             {
                               "variant": "h2",
                               "type": "typography",
                               "content": "Course Enrollment"
                             }
-                          ]
+                          ],
+                          "align": "center"
                         },
                         {
                           "type": "wizard-progress",
@@ -1659,32 +1657,34 @@
                           "type": "divider"
                         },
                         {
-                          "content": "Student Info",
+                          "type": "typography",
                           "variant": "h3",
-                          "type": "typography"
+                          "content": "Student Info"
                         },
                         {
+                          "submitLabel": "Continue",
                           "showCancel": false,
+                          "type": "form-section",
                           "submitEvent": "NEXT",
                           "mode": "create",
-                          "type": "form-section",
-                          "submitLabel": "Continue",
                           "fields": [
                             {
+                              "name": "studentName",
                               "min": 2.0,
-                              "required": true,
-                              "name": "studentName"
+                              "required": true
                             },
                             {
                               "required": true,
-                              "name": "email",
-                              "type": "email"
+                              "type": "email",
+                              "name": "email"
                             }
                           ]
                         }
                       ],
-                      "gap": "lg",
-                      "type": "stack"
+                      "type": "stack",
+                      "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -1713,62 +1713,62 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full",
                       "children": [
                         {
-                          "align": "center",
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
                           "children": [
                             {
                               "name": "user-plus",
                               "type": "icon"
                             },
                             {
-                              "content": "Course Enrollment",
+                              "type": "typography",
                               "variant": "h2",
-                              "type": "typography"
+                              "content": "Course Enrollment"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "align": "center"
                         },
                         {
-                          "currentStep": 1.0,
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
+                          "currentStep": 1.0,
                           "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "content": "Course Selection",
                           "type": "typography",
+                          "content": "Course Selection",
                           "variant": "h3"
                         },
                         {
-                          "submitEvent": "NEXT",
-                          "cancelLabel": "Back",
-                          "entity": "@entity",
+                          "cancelEvent": "PREV",
+                          "submitLabel": "Continue",
                           "mode": "edit",
+                          "entity": "@entity",
                           "type": "form-section",
+                          "cancelLabel": "Back",
                           "fields": [
                             {
-                              "name": "courseId",
-                              "required": true
+                              "required": true,
+                              "name": "courseId"
                             }
                           ],
-                          "submitLabel": "Continue",
-                          "cancelEvent": "PREV"
+                          "submitEvent": "NEXT"
                         }
                       ],
-                      "className": "max-w-xl mx-auto w-full"
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -1793,130 +1793,130 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
-                      "gap": "lg",
                       "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
                           "direction": "horizontal",
-                          "align": "center",
-                          "type": "stack",
                           "children": [
                             {
-                              "name": "user-plus",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "user-plus"
                             },
                             {
                               "variant": "h2",
-                              "content": "Course Enrollment",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "Course Enrollment"
                             }
                           ],
+                          "type": "stack",
+                          "align": "center",
                           "gap": "sm"
                         },
                         {
-                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
-                          "currentStep": 2.0
+                          "currentStep": 2.0,
+                          "type": "wizard-progress"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
+                          "variant": "h3",
                           "content": "Review",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
+                          "direction": "vertical",
                           "gap": "sm",
-                          "type": "stack",
                           "children": [
                             {
                               "type": "stack",
-                              "gap": "md",
-                              "justify": "between",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "content": "Student",
                                   "type": "typography",
-                                  "variant": "caption"
+                                  "variant": "caption",
+                                  "content": "Student"
                                 },
                                 {
-                                  "variant": "body",
                                   "content": "@entity.studentName",
-                                  "type": "typography"
+                                  "type": "typography",
+                                  "variant": "body"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "justify": "between",
+                              "gap": "md"
                             },
                             {
                               "type": "stack",
-                              "direction": "horizontal",
-                              "justify": "between",
+                              "gap": "md",
                               "children": [
                                 {
+                                  "type": "typography",
                                   "content": "Email",
-                                  "variant": "caption",
-                                  "type": "typography"
+                                  "variant": "caption"
                                 },
                                 {
-                                  "variant": "body",
                                   "type": "typography",
-                                  "content": "@entity.email"
+                                  "content": "@entity.email",
+                                  "variant": "body"
                                 }
                               ],
-                              "gap": "md"
+                              "justify": "between",
+                              "direction": "horizontal"
                             },
                             {
-                              "gap": "md",
-                              "justify": "between",
                               "direction": "horizontal",
+                              "gap": "md",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "type": "typography",
+                                  "content": "Course",
                                   "variant": "caption",
-                                  "content": "Course"
+                                  "type": "typography"
                                 },
                                 {
+                                  "type": "typography",
                                   "content": "@entity.courseId",
-                                  "variant": "body",
-                                  "type": "typography"
+                                  "variant": "body"
                                 }
                               ],
-                              "type": "stack"
+                              "justify": "between"
                             }
                           ],
-                          "direction": "vertical"
+                          "type": "stack"
                         },
                         {
-                          "gap": "sm",
-                          "type": "stack",
-                          "justify": "between",
                           "direction": "horizontal",
+                          "justify": "between",
+                          "type": "stack",
+                          "gap": "sm",
                           "children": [
                             {
-                              "label": "Back",
+                              "type": "button",
                               "icon": "arrow-left",
-                              "variant": "ghost",
                               "action": "PREV",
-                              "type": "button"
+                              "label": "Back",
+                              "variant": "ghost"
                             },
                             {
+                              "label": "Continue",
                               "action": "NEXT",
+                              "type": "button",
                               "variant": "primary",
-                              "icon": "arrow-right",
-                              "label": "Continue",
-                              "type": "button"
+                              "icon": "arrow-right"
                             }
                           ]
                         }
-                      ]
+                      ],
+                      "direction": "vertical",
+                      "className": "max-w-xl mx-auto w-full",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -1932,8 +1932,6 @@
                     {
                       "className": "max-w-xl mx-auto w-full",
                       "gap": "lg",
-                      "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
                           "variant": "h2",
@@ -1941,29 +1939,33 @@
                           "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",
+                          "content": "Student Info",
                           "variant": "h3"
                         },
                         {
+                          "type": "form-section",
+                          "entity": "@entity",
+                          "submitLabel": "Continue",
+                          "showCancel": false,
                           "fields": [
                             {
+                              "min": 2.0,
                               "required": true,
-                              "name": "studentName",
-                              "min": 2.0
+                              "name": "studentName"
                             },
                             {
                               "type": "email",
@@ -1971,14 +1973,12 @@
                               "required": true
                             }
                           ],
-                          "type": "form-section",
-                          "submitLabel": "Continue",
-                          "submitEvent": "NEXT",
-                          "showCancel": false,
-                          "entity": "@entity",
-                          "mode": "edit"
+                          "mode": "edit",
+                          "submitEvent": "NEXT"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -1998,12 +1998,12 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "max-w-xl mx-auto w-full",
                       "direction": "vertical",
+                      "gap": "lg",
                       "children": [
                         {
-                          "type": "typography",
                           "content": "Course Enrollment",
+                          "type": "typography",
                           "variant": "h2"
                         },
                         {
@@ -2020,34 +2020,35 @@
                           "type": "divider"
                         },
                         {
-                          "variant": "info",
+                          "message": "Please confirm your enrollment.",
                           "type": "alert",
-                          "message": "Please confirm your enrollment."
+                          "variant": "info"
                         },
                         {
-                          "type": "stack",
                           "direction": "vertical",
+                          "type": "stack",
                           "gap": "sm",
                           "children": [
                             {
-                              "direction": "horizontal",
-                              "justify": "between",
+                              "type": "stack",
                               "gap": "md",
+                              "justify": "between",
+                              "direction": "horizontal",
                               "children": [
                                 {
+                                  "type": "typography",
                                   "content": "Student",
-                                  "variant": "caption",
-                                  "type": "typography"
+                                  "variant": "caption"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.studentName",
-                                  "type": "typography"
+                                  "content": "@entity.studentName"
                                 }
-                              ],
-                              "type": "stack"
+                              ]
                             },
                             {
+                              "justify": "between",
                               "direction": "horizontal",
                               "children": [
                                 {
@@ -2056,59 +2057,58 @@
                                   "type": "typography"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.email"
+                                  "content": "@entity.email",
+                                  "type": "typography"
                                 }
                               ],
-                              "gap": "md",
-                              "justify": "between",
-                              "type": "stack"
+                              "type": "stack",
+                              "gap": "md"
                             },
                             {
-                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
                               "children": [
                                 {
+                                  "content": "Course",
                                   "variant": "caption",
-                                  "type": "typography",
-                                  "content": "Course"
+                                  "type": "typography"
                                 },
                                 {
+                                  "type": "typography",
                                   "variant": "body",
-                                  "content": "@entity.courseId",
-                                  "type": "typography"
+                                  "content": "@entity.courseId"
                                 }
                               ],
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "between"
+                              "justify": "between",
+                              "type": "stack"
                             }
                           ]
                         },
                         {
-                          "justify": "between",
                           "direction": "horizontal",
+                          "type": "stack",
+                          "justify": "between",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "button",
+                              "label": "Back",
                               "icon": "arrow-left",
+                              "type": "button",
                               "variant": "ghost",
-                              "label": "Back",
                               "action": "PREV"
                             },
                             {
+                              "action": "COMPLETE",
                               "variant": "primary",
-                              "label": "Enroll",
-                              "icon": "check",
                               "type": "button",
-                              "action": "COMPLETE"
+                              "label": "Enroll",
+                              "icon": "check"
                             }
-                          ],
-                          "gap": "sm",
-                          "type": "stack"
+                          ]
                         }
                       ],
-                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full",
                       "type": "stack"
                     }
                   ]
@@ -2123,50 +2123,50 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "lg",
                       "className": "max-w-xl mx-auto w-full",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "type": "stack",
                       "children": [
                         {
-                          "variant": "h2",
                           "type": "typography",
+                          "variant": "h2",
                           "content": "Course Enrollment"
                         },
                         {
-                          "currentStep": 1.0,
                           "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
-                          ]
+                          ],
+                          "currentStep": 1.0
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "type": "typography",
-                          "variant": "h3",
-                          "content": "Course Selection"
+                          "content": "Course Selection",
+                          "variant": "h3"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "@entity",
-                          "cancelEvent": "PREV",
                           "cancelLabel": "Back",
+                          "submitLabel": "Continue",
                           "fields": [
                             {
-                              "required": true,
-                              "name": "courseId"
+                              "name": "courseId",
+                              "required": true
                             }
                           ],
+                          "type": "form-section",
                           "mode": "edit",
-                          "submitLabel": "Continue",
-                          "submitEvent": "NEXT"
+                          "entity": "@entity",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "PREV"
                         }
-                      ],
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
@@ -2194,8 +2194,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "success": "EnrollmentSaved",
-                        "failure": "EnrollmentSaveFailed"
+                        "failure": "EnrollmentSaveFailed",
+                        "success": "EnrollmentSaved"
                       }
                     }
                   ],
@@ -2203,8 +2203,8 @@
                     "emit",
                     "ENROLLED",
                     {
-                      "courseId": "@entity.courseId",
-                      "id": "@entity.id"
+                      "id": "@entity.id",
+                      "courseId": "@entity.courseId"
                     }
                   ],
                   [
@@ -2216,35 +2216,35 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
                       "gap": "lg",
-                      "className": "max-w-xl mx-auto w-full py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "icon",
                           "name": "check-circle"
                         },
                         {
-                          "type": "typography",
+                          "variant": "h2",
                           "content": "Enrolled!",
-                          "variant": "h2"
+                          "type": "typography"
                         },
                         {
                           "variant": "body",
-                          "color": "muted",
+                          "type": "typography",
                           "content": "You have been enrolled in the course.",
-                          "type": "typography"
+                          "color": "muted"
                         },
                         {
-                          "icon": "rotate-ccw",
-                          "variant": "ghost",
                           "type": "button",
-                          "label": "Enroll another student",
-                          "action": "RESTART"
+                          "action": "RESTART",
+                          "variant": "ghost",
+                          "icon": "rotate-ccw",
+                          "label": "Enroll another student"
                         }
                       ],
-                      "type": "stack",
                       "direction": "vertical",
-                      "align": "center"
+                      "className": "max-w-xl mx-auto w-full py-12"
                     }
                   ]
                 ]
@@ -2258,57 +2258,57 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "className": "max-w-xl mx-auto w-full",
+                      "type": "stack",
                       "children": [
                         {
+                          "type": "typography",
                           "content": "Course Enrollment",
-                          "variant": "h2",
-                          "type": "typography"
+                          "variant": "h2"
                         },
                         {
+                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
                             "Review",
                             "Confirm"
                           ],
-                          "type": "wizard-progress",
                           "currentStep": 2.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
+                          "variant": "h3",
                           "content": "Review",
-                          "variant": "h3"
+                          "type": "typography"
                         },
                         {
                           "justify": "between",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "type": "stack",
                           "children": [
                             {
-                              "type": "button",
-                              "icon": "arrow-left",
-                              "variant": "ghost",
                               "label": "Back",
-                              "action": "PREV"
+                              "variant": "ghost",
+                              "icon": "arrow-left",
+                              "action": "PREV",
+                              "type": "button"
                             },
                             {
                               "icon": "arrow-right",
-                              "type": "button",
                               "action": "NEXT",
+                              "label": "Continue",
                               "variant": "primary",
-                              "label": "Continue"
+                              "type": "button"
                             }
-                          ],
-                          "type": "stack"
+                          ]
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -2347,16 +2347,15 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
                       "children": [
                         {
+                          "type": "typography",
                           "content": "Course Enrollment",
-                          "variant": "h2",
-                          "type": "typography"
+                          "variant": "h2"
                         },
                         {
-                          "type": "wizard-progress",
                           "currentStep": 0.0,
+                          "type": "wizard-progress",
                           "steps": [
                             "Student Info",
                             "Course Selection",
@@ -2373,28 +2372,29 @@
                           "variant": "h3"
                         },
                         {
-                          "mode": "create",
-                          "submitEvent": "NEXT",
-                          "submitLabel": "Continue",
-                          "type": "form-section",
+                          "showCancel": false,
                           "fields": [
                             {
                               "name": "studentName",
-                              "required": true,
-                              "min": 2.0
+                              "min": 2.0,
+                              "required": true
                             },
                             {
                               "name": "email",
-                              "required": true,
-                              "type": "email"
+                              "type": "email",
+                              "required": true
                             }
                           ],
-                          "showCancel": false
+                          "mode": "create",
+                          "type": "form-section",
+                          "submitLabel": "Continue",
+                          "submitEvent": "NEXT"
                         }
                       ],
                       "direction": "vertical",
-                      "className": "max-w-xl mx-auto w-full",
-                      "type": "stack"
+                      "type": "stack",
+                      "gap": "lg",
+                      "className": "max-w-xl mx-auto w-full"
                     }
                   ]
                 ]
@@ -2489,6 +2489,12 @@
           "name": "ProgressAppLayout",
           "linkedEntity": "Progress",
           "config": {
+            "searchEvent": "PROGRESS_SEARCH",
+            "notifications": [],
+            "contentTrait": "@trait.ProgressDisplay",
+            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN",
+            "appName": "LMS",
+            "topBarActions": [],
             "navItems": [
               {
                 "label": "Courses",
@@ -2497,21 +2503,15 @@
               },
               {
                 "label": "Enroll",
-                "href": "/enroll",
-                "icon": "user-plus"
+                "icon": "user-plus",
+                "href": "/enroll"
               },
               {
-                "href": "/progress",
+                "icon": "trending-up",
                 "label": "Progress",
-                "icon": "trending-up"
+                "href": "/progress"
               }
-            ],
-            "searchEvent": "PROGRESS_SEARCH",
-            "notifications": [],
-            "contentTrait": "@trait.ProgressDisplay",
-            "topBarActions": [],
-            "appName": "LMS",
-            "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN"
+            ]
           },
           "events": {
             "SEARCH": "PROGRESS_SEARCH",
@@ -2544,23 +2544,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "gap": "lg",
                       "children": [
                         {
+                          "align": "center",
                           "children": [
                             {
                               "name": "trending-up",
                               "type": "icon"
                             },
                             {
-                              "content": "Progress",
+                              "type": "typography",
                               "variant": "h2",
-                              "type": "typography"
+                              "content": "Progress"
                             }
                           ],
                           "gap": "sm",
-                          "align": "center",
                           "type": "stack",
                           "direction": "horizontal"
                         },
@@ -2574,6 +2573,7 @@
                         },
                         "@trait.ProgressBrowseList"
                       ],
+                      "type": "stack",
                       "direction": "vertical",
                       "className": "max-w-5xl mx-auto w-full"
                     }
@@ -2664,8 +2664,8 @@
                     "Progress",
                     {
                       "emit": {
-                        "failure": "ProgressLoadFailed",
-                        "success": "ProgressLoaded"
+                        "success": "ProgressLoaded",
+                        "failure": "ProgressLoadFailed"
                       }
                     }
                   ],
@@ -2673,45 +2673,45 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "simple-grid",
-                      "gap": "md",
                       "children": [
                         {
+                          "value": 0.0,
                           "type": "stat-display",
+                          "icon": "check-circle",
                           "variant": "success",
-                          "value": 0.0,
                           "format": "percent",
-                          "icon": "check-circle",
                           "label": "Completion %"
                         },
                         {
-                          "suffix": "h",
                           "label": "Time Spent",
-                          "variant": "info",
-                          "icon": "clock",
-                          "type": "stat-display",
                           "value": 0.0,
-                          "format": "number"
+                          "type": "stat-display",
+                          "icon": "clock",
+                          "format": "number",
+                          "suffix": "h",
+                          "variant": "info"
                         },
                         {
-                          "variant": "default",
                           "value": 0.0,
-                          "label": "Lessons Remaining",
                           "type": "stat-display",
+                          "label": "Lessons Remaining",
                           "icon": "list",
+                          "variant": "default",
                           "format": "number"
                         },
                         {
                           "format": "number",
-                          "suffix": "d",
-                          "value": 0.0,
                           "type": "stat-display",
-                          "label": "Streak",
+                          "value": 0.0,
                           "icon": "flame",
-                          "variant": "warning"
+                          "variant": "warning",
+                          "suffix": "d",
+                          "label": "Streak"
                         }
                       ],
-                      "cols": 4.0
+                      "cols": 4.0,
+                      "gap": "md",
+                      "type": "simple-grid"
                     }
                   ]
                 ]
@@ -2725,43 +2725,43 @@
                     "render-ui",
                     "main",
                     {
+                      "cols": 4.0,
                       "type": "simple-grid",
                       "gap": "md",
-                      "cols": 4.0,
                       "children": [
                         {
+                          "label": "Completion %",
+                          "format": "percent",
                           "type": "stat-display",
-                          "variant": "success",
+                          "value": 0.0,
                           "icon": "check-circle",
-                          "format": "percent",
-                          "label": "Completion %",
-                          "value": 0.0
+                          "variant": "success"
                         },
                         {
+                          "variant": "info",
+                          "icon": "clock",
+                          "format": "number",
                           "suffix": "h",
-                          "type": "stat-display",
                           "value": 0.0,
                           "label": "Time Spent",
-                          "icon": "clock",
-                          "variant": "info",
-                          "format": "number"
+                          "type": "stat-display"
                         },
                         {
-                          "value": 0.0,
+                          "variant": "default",
                           "label": "Lessons Remaining",
-                          "icon": "list",
+                          "format": "number",
                           "type": "stat-display",
-                          "variant": "default",
-                          "format": "number"
+                          "value": 0.0,
+                          "icon": "list"
                         },
                         {
-                          "label": "Streak",
-                          "type": "stat-display",
+                          "icon": "flame",
                           "value": 0.0,
-                          "variant": "warning",
+                          "type": "stat-display",
                           "format": "number",
-                          "icon": "flame",
-                          "suffix": "d"
+                          "label": "Streak",
+                          "suffix": "d",
+                          "variant": "warning"
                         }
                       ]
                     }
@@ -2861,13 +2861,13 @@
                     "render-ui",
                     "main",
                     {
-                      "showLegend": true,
-                      "title": "Progress over time",
                       "subtitle": "Average completion % per week",
+                      "title": "Progress over time",
                       "type": "chart",
-                      "chartType": "line",
                       "data": [],
-                      "height": 280.0
+                      "chartType": "line",
+                      "height": 280.0,
+                      "showLegend": true
                     }
                   ]
                 ]
@@ -2881,13 +2881,13 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "chart",
+                      "showLegend": true,
                       "subtitle": "Average completion % per week",
                       "data": "@payload.data",
-                      "height": 280.0,
+                      "type": "chart",
                       "title": "Progress over time",
-                      "showLegend": true,
-                      "chartType": "line"
+                      "chartType": "line",
+                      "height": 280.0
                     }
                   ]
                 ]
@@ -2901,39 +2901,39 @@
           "name": "ProgressBrowseList",
           "linkedEntity": "Progress",
           "config": {
+            "itemActions": [],
+            "cols": 1.0,
             "fields": [
               {
+                "name": "courseName",
                 "label": "Course",
-                "icon": "book-open",
                 "variant": "h4",
-                "name": "courseName"
+                "icon": "book-open"
               },
               {
+                "name": "completionPct",
                 "label": "Completion",
-                "variant": "badge",
                 "format": "percent",
-                "name": "completionPct"
+                "variant": "badge"
               },
               {
-                "name": "lessonsCompleted",
                 "label": "Lessons Completed",
+                "name": "lessonsCompleted",
                 "variant": "body"
               },
               {
+                "label": "Total Lessons",
                 "variant": "body",
-                "name": "totalLessons",
-                "label": "Total Lessons"
+                "name": "totalLessons"
               },
               {
-                "variant": "caption",
-                "format": "date",
                 "label": "Last Activity",
-                "name": "lastActivity"
+                "name": "lastActivity",
+                "variant": "caption",
+                "format": "date"
               }
             ],
-            "cols": 1.0,
-            "gap": "sm",
-            "itemActions": []
+            "gap": "sm"
           },
           "listens": [
             {
@@ -3088,4 +3088,4 @@
       ]
     }
   ]
-}
+}