@almadar/std 14.9.0 → 14.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/behaviors/registry/app/organisms/std-api-gateway.orb +419 -171
  2. package/behaviors/registry/app/organisms/std-booking-system.orb +760 -620
  3. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +477 -229
  4. package/behaviors/registry/app/organisms/std-cms.orb +433 -298
  5. package/behaviors/registry/app/organisms/std-crm.orb +355 -215
  6. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +504 -369
  7. package/behaviors/registry/app/organisms/std-finance-tracker.orb +271 -189
  8. package/behaviors/registry/app/organisms/std-healthcare.orb +676 -468
  9. package/behaviors/registry/app/organisms/std-helpdesk.orb +246 -166
  10. package/behaviors/registry/app/organisms/std-hr-portal.orb +534 -399
  11. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +420 -340
  12. package/behaviors/registry/app/organisms/std-lms.orb +462 -378
  13. package/behaviors/registry/app/organisms/std-project-manager.orb +282 -200
  14. package/behaviors/registry/app/organisms/std-realtime-chat.orb +317 -235
  15. package/behaviors/registry/app/organisms/std-social-feed.orb +256 -137
  16. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +342 -218
  17. package/behaviors/registry/core/molecules/std-app-layout.orb +90 -21
  18. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +419 -171
  19. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +760 -620
  20. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +477 -229
  21. package/dist/behaviors/registry/app/organisms/std-cms.orb +433 -298
  22. package/dist/behaviors/registry/app/organisms/std-crm.orb +355 -215
  23. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +504 -369
  24. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +271 -189
  25. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +676 -468
  26. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +246 -166
  27. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +534 -399
  28. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +420 -340
  29. package/dist/behaviors/registry/app/organisms/std-lms.orb +462 -378
  30. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +282 -200
  31. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +317 -235
  32. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +256 -137
  33. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +342 -218
  34. package/dist/behaviors/registry/core/molecules/std-app-layout.orb +90 -21
  35. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-lms.orb CHANGED
@@ -118,28 +118,28 @@
118
118
  "ref": "AppShell.traits.AppLayout",
119
119
  "name": "CourseAppLayout",
120
120
  "config": {
121
- "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN",
122
- "notifications": [],
121
+ "appName": "LMS",
122
+ "searchEvent": "COURSE_SEARCH",
123
123
  "navItems": [
124
124
  {
125
125
  "icon": "graduation-cap",
126
- "href": "/courses",
127
- "label": "Courses"
126
+ "label": "Courses",
127
+ "href": "/courses"
128
128
  },
129
129
  {
130
- "href": "/enroll",
130
+ "label": "Enroll",
131
131
  "icon": "user-plus",
132
- "label": "Enroll"
132
+ "href": "/enroll"
133
133
  },
134
134
  {
135
- "href": "/progress",
136
135
  "icon": "trending-up",
136
+ "href": "/progress",
137
137
  "label": "Progress"
138
138
  }
139
139
  ],
140
- "appName": "LMS",
141
- "searchEvent": "COURSE_SEARCH",
142
- "contentTrait": "@trait.CourseCatalog"
140
+ "contentTrait": "@trait.CourseCatalog",
141
+ "notifications": [],
142
+ "notificationClickEvent": "COURSE_NOTIFICATIONS_OPEN"
143
143
  },
144
144
  "events": {
145
145
  "SEARCH": "COURSE_SEARCH",
@@ -346,73 +346,72 @@
346
346
  {
347
347
  "gap": "lg",
348
348
  "type": "stack",
349
- "direction": "vertical",
350
349
  "children": [
351
350
  {
352
- "type": "stack",
353
- "align": "center",
354
- "direction": "horizontal",
355
351
  "children": [
356
352
  {
353
+ "gap": "sm",
354
+ "type": "stack",
355
+ "direction": "horizontal",
357
356
  "align": "center",
358
357
  "children": [
359
358
  {
360
- "name": "graduation-cap",
361
- "type": "icon"
359
+ "type": "icon",
360
+ "name": "graduation-cap"
362
361
  },
363
362
  {
364
- "type": "typography",
365
363
  "content": "Courses",
364
+ "type": "typography",
366
365
  "variant": "h2"
367
366
  }
368
- ],
369
- "gap": "sm",
370
- "type": "stack",
371
- "direction": "horizontal"
367
+ ]
372
368
  },
373
369
  {
374
370
  "type": "stack",
371
+ "direction": "horizontal",
375
372
  "gap": "sm",
376
373
  "children": [
377
374
  {
378
375
  "variant": "primary",
379
- "icon": "plus",
376
+ "label": "Create Course",
380
377
  "action": "CREATE",
381
- "type": "button",
382
- "label": "Create Course"
378
+ "icon": "plus",
379
+ "type": "button"
383
380
  },
384
381
  {
385
382
  "variant": "ghost",
386
- "action": "EDIT_COURSE",
387
383
  "type": "button",
388
384
  "label": "Edit Selected",
385
+ "action": "EDIT_COURSE",
389
386
  "icon": "edit"
390
387
  },
391
388
  {
392
389
  "action": "DELETE_COURSE",
393
- "label": "Delete Selected",
394
- "variant": "danger",
395
390
  "type": "button",
396
- "icon": "trash-2"
391
+ "icon": "trash-2",
392
+ "label": "Delete Selected",
393
+ "variant": "danger"
397
394
  }
398
- ],
399
- "direction": "horizontal"
395
+ ]
400
396
  }
401
397
  ],
398
+ "type": "stack",
402
399
  "gap": "md",
403
- "justify": "between"
400
+ "direction": "horizontal",
401
+ "justify": "between",
402
+ "align": "center"
404
403
  },
405
404
  {
406
405
  "type": "divider"
407
406
  },
408
407
  {
409
- "align": "center",
410
- "type": "stack",
411
408
  "gap": "md",
412
409
  "children": [
413
410
  "@trait.CourseSearch",
414
411
  "@trait.CourseFilter"
415
412
  ],
413
+ "align": "center",
414
+ "type": "stack",
416
415
  "direction": "horizontal"
417
416
  },
418
417
  "@trait.CourseStats",
@@ -421,7 +420,8 @@
421
420
  "type": "divider"
422
421
  },
423
422
  "@trait.CourseGallery"
424
- ]
423
+ ],
424
+ "direction": "vertical"
425
425
  }
426
426
  ]
427
427
  ]
@@ -445,11 +445,11 @@
445
445
  "render-ui",
446
446
  "main",
447
447
  {
448
- "align": "center",
448
+ "direction": "vertical",
449
449
  "children": [
450
450
  {
451
- "name": "bell",
452
- "type": "icon"
451
+ "type": "icon",
452
+ "name": "bell"
453
453
  },
454
454
  {
455
455
  "type": "typography",
@@ -457,22 +457,22 @@
457
457
  "content": "No notifications"
458
458
  },
459
459
  {
460
- "content": "You're all caught up.",
460
+ "color": "muted",
461
461
  "variant": "caption",
462
- "type": "typography",
463
- "color": "muted"
462
+ "content": "You're all caught up.",
463
+ "type": "typography"
464
464
  },
465
465
  {
466
- "type": "button",
467
466
  "label": "Back to courses",
468
467
  "variant": "ghost",
469
- "action": "INIT"
468
+ "action": "INIT",
469
+ "type": "button"
470
470
  }
471
471
  ],
472
- "className": "py-8",
473
- "direction": "vertical",
472
+ "gap": "md",
474
473
  "type": "stack",
475
- "gap": "md"
474
+ "className": "py-8",
475
+ "align": "center"
476
476
  }
477
477
  ]
478
478
  ]
@@ -485,8 +485,8 @@
485
485
  "ref": "Search.traits.SearchResultSearch",
486
486
  "name": "CourseSearch",
487
487
  "config": {
488
- "placeholder": "Search courses...",
489
- "event": "SEARCH"
488
+ "event": "SEARCH",
489
+ "placeholder": "Search courses..."
490
490
  },
491
491
  "listens": [
492
492
  {
@@ -503,30 +503,30 @@
503
503
  "ref": "Filter.traits.FilterTargetFilter",
504
504
  "name": "CourseFilter",
505
505
  "config": {
506
+ "event": "FILTER",
506
507
  "filters": [
507
508
  {
508
- "filterType": "select",
509
- "field": "category",
510
509
  "label": "Category",
511
510
  "options": [
512
511
  "programming",
513
512
  "design",
514
513
  "business",
515
514
  "marketing"
516
- ]
515
+ ],
516
+ "field": "category",
517
+ "filterType": "select"
517
518
  },
518
519
  {
520
+ "field": "level",
519
521
  "options": [
520
522
  "beginner",
521
523
  "intermediate",
522
524
  "advanced"
523
525
  ],
524
- "field": "level",
525
526
  "filterType": "select",
526
527
  "label": "Level"
527
528
  }
528
- ],
529
- "event": "FILTER"
529
+ ]
530
530
  }
531
531
  },
532
532
  {
@@ -536,36 +536,36 @@
536
536
  "title": "Course Stats",
537
537
  "metrics": [
538
538
  {
539
- "label": "Total Courses",
540
539
  "format": "number",
540
+ "icon": "graduation-cap",
541
541
  "aggregation": "count",
542
542
  "variant": "primary",
543
- "icon": "graduation-cap"
543
+ "label": "Total Courses"
544
544
  },
545
545
  {
546
- "icon": "users",
547
- "label": "Enrolled Students",
548
- "variant": "info",
549
546
  "field": "enrolledCount",
550
547
  "aggregation": "sum",
551
- "format": "number"
548
+ "icon": "users",
549
+ "variant": "info",
550
+ "format": "number",
551
+ "label": "Enrolled Students"
552
552
  },
553
553
  {
554
554
  "variant": "success",
555
+ "field": "completionPct",
555
556
  "aggregation": "avg",
557
+ "label": "Completion Rate",
556
558
  "icon": "check-circle",
557
- "format": "percent",
558
- "field": "completionPct",
559
- "label": "Completion Rate"
559
+ "format": "percent"
560
560
  },
561
561
  {
562
562
  "icon": "clock",
563
563
  "variant": "default",
564
+ "label": "Avg Duration",
564
565
  "format": "number",
565
566
  "suffix": "h",
566
- "aggregation": "avg",
567
- "label": "Avg Duration",
568
- "field": "durationHours"
567
+ "field": "durationHours",
568
+ "aggregation": "avg"
569
569
  }
570
570
  ]
571
571
  },
@@ -584,13 +584,13 @@
584
584
  "ref": "Graphs.traits.GraphItemGraph",
585
585
  "name": "CourseGraphs",
586
586
  "config": {
587
- "chartType": "bar",
587
+ "subtitle": "Catalog distribution",
588
588
  "categoryField": "category",
589
+ "chartType": "bar",
589
590
  "title": "Courses by Category",
590
- "subtitle": "Catalog distribution",
591
+ "aggregation": "count",
591
592
  "height": 280.0,
592
- "showLegend": true,
593
- "aggregation": "count"
593
+ "showLegend": true
594
594
  },
595
595
  "listens": [
596
596
  {
@@ -608,9 +608,9 @@
608
608
  "name": "CourseGallery",
609
609
  "linkedEntity": "Course",
610
610
  "config": {
611
- "titleField": "title",
612
611
  "cols": 4.0,
613
612
  "gap": "md",
613
+ "titleField": "title",
614
614
  "subtitleField": "instructor",
615
615
  "imageField": "thumbnail"
616
616
  },
@@ -655,8 +655,8 @@
655
655
  "name": "CourseCreateModal",
656
656
  "linkedEntity": "Course",
657
657
  "config": {
658
- "mode": "create",
659
658
  "icon": "plus-circle",
659
+ "title": "Create Course",
660
660
  "fields": [
661
661
  "title",
662
662
  "description",
@@ -667,7 +667,7 @@
667
667
  "thumbnail",
668
668
  "videoId"
669
669
  ],
670
- "title": "Create Course"
670
+ "mode": "create"
671
671
  },
672
672
  "events": {
673
673
  "OPEN": "CREATE"
@@ -688,6 +688,9 @@
688
688
  "name": "CourseEditModal",
689
689
  "linkedEntity": "Course",
690
690
  "config": {
691
+ "title": "Edit Course",
692
+ "icon": "edit",
693
+ "mode": "edit",
691
694
  "fields": [
692
695
  "title",
693
696
  "description",
@@ -697,10 +700,7 @@
697
700
  "instructor",
698
701
  "thumbnail",
699
702
  "videoId"
700
- ],
701
- "title": "Edit Course",
702
- "mode": "edit",
703
- "icon": "edit"
703
+ ]
704
704
  },
705
705
  "events": {
706
706
  "OPEN": "EDIT"
@@ -721,10 +721,10 @@
721
721
  "name": "CourseDeleteConfirm",
722
722
  "linkedEntity": "Course",
723
723
  "config": {
724
- "confirmLabel": "Delete",
725
724
  "alertMessage": "This action cannot be undone.",
725
+ "title": "Delete Course",
726
726
  "icon": "alert-triangle",
727
- "title": "Delete Course"
727
+ "confirmLabel": "Delete"
728
728
  },
729
729
  "events": {
730
730
  "REQUEST": "DELETE_COURSE",
@@ -970,40 +970,40 @@
970
970
  "render-ui",
971
971
  "main",
972
972
  {
973
- "direction": "vertical",
974
- "type": "stack",
975
- "gap": "md",
976
973
  "children": [
977
974
  {
978
- "align": "center",
979
975
  "type": "stack",
980
- "direction": "horizontal",
976
+ "align": "center",
981
977
  "children": [
982
978
  {
983
- "name": "image",
984
- "type": "icon"
979
+ "type": "icon",
980
+ "name": "image"
985
981
  },
986
982
  {
987
- "variant": "h3",
983
+ "content": "Course Thumbnail",
988
984
  "type": "typography",
989
- "content": "Course Thumbnail"
985
+ "variant": "h3"
990
986
  }
991
987
  ],
992
- "gap": "sm"
988
+ "gap": "sm",
989
+ "direction": "horizontal"
993
990
  },
994
991
  {
995
- "placeholder": "Choose image...",
996
992
  "inputType": "text",
993
+ "placeholder": "Choose image...",
997
994
  "type": "input"
998
995
  },
999
996
  {
1000
- "variant": "primary",
997
+ "type": "button",
1001
998
  "action": "UPLOAD",
1002
- "icon": "upload",
1003
999
  "label": "Upload Thumbnail",
1004
- "type": "button"
1000
+ "variant": "primary",
1001
+ "icon": "upload"
1005
1002
  }
1006
- ]
1003
+ ],
1004
+ "type": "stack",
1005
+ "gap": "md",
1006
+ "direction": "vertical"
1007
1007
  }
1008
1008
  ]
1009
1009
  ]
@@ -1016,15 +1016,15 @@
1016
1016
  "ref": "Storage.traits.ServiceStorageStorage",
1017
1017
  "name": "CourseThumbnailUpload",
1018
1018
  "config": {
1019
+ "uiTrait": "@trait.CourseThumbnailForm",
1019
1020
  "allowedMimeTypes": [
1020
1021
  "image/png",
1021
1022
  "image/jpeg",
1022
1023
  "image/webp"
1023
1024
  ],
1024
- "uiTrait": "@trait.CourseThumbnailForm",
1025
- "acl": "public",
1025
+ "bucket": "course-thumbnails",
1026
1026
  "maxSize": 5242880.0,
1027
- "bucket": "course-thumbnails"
1027
+ "acl": "public"
1028
1028
  },
1029
1029
  "listens": [
1030
1030
  {
@@ -1042,9 +1042,9 @@
1042
1042
  "name": "CourseLessonVideo",
1043
1043
  "config": {
1044
1044
  "controls": true,
1045
- "uiTrait": "@trait.CourseLessonPlayer",
1045
+ "autoplay": false,
1046
1046
  "videoId": "",
1047
- "autoplay": false
1047
+ "uiTrait": "@trait.CourseLessonPlayer"
1048
1048
  }
1049
1049
  },
1050
1050
  {
@@ -1120,36 +1120,36 @@
1120
1120
  "main",
1121
1121
  {
1122
1122
  "type": "stack",
1123
+ "className": "max-w-3xl mx-auto w-full",
1123
1124
  "direction": "vertical",
1124
- "gap": "md",
1125
1125
  "children": [
1126
1126
  {
1127
- "gap": "sm",
1128
- "justify": "between",
1127
+ "align": "center",
1129
1128
  "direction": "horizontal",
1129
+ "gap": "sm",
1130
1130
  "children": [
1131
1131
  {
1132
- "variant": "ghost",
1133
- "action": "PREV_LESSON",
1134
1132
  "type": "button",
1133
+ "action": "PREV_LESSON",
1134
+ "variant": "ghost",
1135
1135
  "icon": "chevron-left",
1136
1136
  "label": "Previous"
1137
1137
  },
1138
1138
  {
1139
- "type": "typography",
1139
+ "content": "@entity.title",
1140
1140
  "variant": "h3",
1141
- "content": "@entity.title"
1141
+ "type": "typography"
1142
1142
  },
1143
1143
  {
1144
- "label": "Next",
1145
- "type": "button",
1146
1144
  "variant": "ghost",
1147
- "icon": "chevron-right",
1148
- "action": "NEXT_LESSON"
1145
+ "action": "NEXT_LESSON",
1146
+ "type": "button",
1147
+ "label": "Next",
1148
+ "icon": "chevron-right"
1149
1149
  }
1150
1150
  ],
1151
- "type": "stack",
1152
- "align": "center"
1151
+ "justify": "between",
1152
+ "type": "stack"
1153
1153
  },
1154
1154
  {
1155
1155
  "type": "divider"
@@ -1157,27 +1157,27 @@
1157
1157
  {
1158
1158
  "children": [
1159
1159
  {
1160
- "direction": "vertical",
1161
- "gap": "md",
1162
- "align": "center",
1163
1160
  "children": [
1164
1161
  {
1165
1162
  "type": "icon",
1166
1163
  "name": "video"
1167
1164
  },
1168
1165
  {
1169
- "content": "Lesson video",
1170
- "color": "muted",
1171
1166
  "variant": "caption",
1172
- "type": "typography"
1167
+ "color": "muted",
1168
+ "type": "typography",
1169
+ "content": "Lesson video"
1173
1170
  },
1174
1171
  {
1175
- "type": "typography",
1172
+ "variant": "body",
1176
1173
  "content": "@config.videoId",
1177
- "variant": "body"
1174
+ "type": "typography"
1178
1175
  }
1179
1176
  ],
1180
- "type": "stack"
1177
+ "gap": "md",
1178
+ "type": "stack",
1179
+ "direction": "vertical",
1180
+ "align": "center"
1181
1181
  }
1182
1182
  ],
1183
1183
  "type": "card"
@@ -1186,40 +1186,40 @@
1186
1186
  "type": "divider"
1187
1187
  },
1188
1188
  {
1189
+ "type": "stack",
1189
1190
  "direction": "horizontal",
1190
1191
  "align": "center",
1192
+ "gap": "sm",
1193
+ "justify": "between",
1191
1194
  "children": [
1192
1195
  {
1196
+ "direction": "horizontal",
1197
+ "align": "center",
1193
1198
  "children": [
1194
1199
  {
1195
1200
  "type": "input",
1196
1201
  "inputType": "checkbox"
1197
1202
  },
1198
1203
  {
1199
- "type": "typography",
1200
1204
  "variant": "body",
1201
- "content": "Mark lesson complete"
1205
+ "content": "Mark lesson complete",
1206
+ "type": "typography"
1202
1207
  }
1203
1208
  ],
1204
- "direction": "horizontal",
1205
1209
  "gap": "sm",
1206
- "type": "stack",
1207
- "align": "center"
1210
+ "type": "stack"
1208
1211
  },
1209
1212
  {
1210
- "type": "button",
1211
1213
  "label": "Complete Lesson",
1212
- "action": "LESSON_COMPLETE",
1213
1214
  "variant": "primary",
1215
+ "action": "LESSON_COMPLETE",
1216
+ "type": "button",
1214
1217
  "icon": "check"
1215
1218
  }
1216
- ],
1217
- "justify": "between",
1218
- "type": "stack",
1219
- "gap": "sm"
1219
+ ]
1220
1220
  }
1221
1221
  ],
1222
- "className": "max-w-3xl mx-auto w-full"
1222
+ "gap": "md"
1223
1223
  }
1224
1224
  ]
1225
1225
  ]
@@ -1327,6 +1327,12 @@
1327
1327
  },
1328
1328
  {
1329
1329
  "name": "EnrollmentOrbital",
1330
+ "uses": [
1331
+ {
1332
+ "from": "std/behaviors/std-app-layout",
1333
+ "as": "AppShell"
1334
+ }
1335
+ ],
1330
1336
  "entity": {
1331
1337
  "name": "Enrollment",
1332
1338
  "collection": "enrollments",
@@ -1370,6 +1376,40 @@
1370
1376
  ]
1371
1377
  },
1372
1378
  "traits": [
1379
+ {
1380
+ "ref": "AppShell.traits.AppLayout",
1381
+ "name": "EnrollmentAppLayout",
1382
+ "linkedEntity": "Enrollment",
1383
+ "config": {
1384
+ "topBarActions": [],
1385
+ "notifications": [],
1386
+ "notificationClickEvent": "ENROLLMENT_NOTIFICATIONS_OPEN",
1387
+ "navItems": [
1388
+ {
1389
+ "icon": "graduation-cap",
1390
+ "label": "Courses",
1391
+ "href": "/courses"
1392
+ },
1393
+ {
1394
+ "href": "/enroll",
1395
+ "label": "Enroll",
1396
+ "icon": "user-plus"
1397
+ },
1398
+ {
1399
+ "icon": "trending-up",
1400
+ "href": "/progress",
1401
+ "label": "Progress"
1402
+ }
1403
+ ],
1404
+ "contentTrait": "@trait.EnrollmentWizard",
1405
+ "appName": "LMS",
1406
+ "searchEvent": "ENROLLMENT_SEARCH"
1407
+ },
1408
+ "events": {
1409
+ "SEARCH": "ENROLLMENT_SEARCH",
1410
+ "NOTIFY_CLICK": "ENROLLMENT_NOTIFICATIONS_OPEN"
1411
+ }
1412
+ },
1373
1413
  {
1374
1414
  "name": "EnrollmentWizard",
1375
1415
  "category": "interaction",
@@ -1585,25 +1625,23 @@
1585
1625
  "render-ui",
1586
1626
  "main",
1587
1627
  {
1588
- "className": "max-w-xl mx-auto w-full",
1589
- "type": "stack",
1590
1628
  "children": [
1591
1629
  {
1592
- "align": "center",
1593
- "gap": "sm",
1594
- "direction": "horizontal",
1595
1630
  "children": [
1596
1631
  {
1597
- "type": "icon",
1598
- "name": "user-plus"
1632
+ "name": "user-plus",
1633
+ "type": "icon"
1599
1634
  },
1600
1635
  {
1601
- "content": "Course Enrollment",
1602
1636
  "type": "typography",
1637
+ "content": "Course Enrollment",
1603
1638
  "variant": "h2"
1604
1639
  }
1605
1640
  ],
1606
- "type": "stack"
1641
+ "type": "stack",
1642
+ "gap": "sm",
1643
+ "direction": "horizontal",
1644
+ "align": "center"
1607
1645
  },
1608
1646
  {
1609
1647
  "steps": [
@@ -1612,39 +1650,41 @@
1612
1650
  "Review",
1613
1651
  "Confirm"
1614
1652
  ],
1615
- "type": "wizard-progress",
1616
- "currentStep": 0.0
1653
+ "currentStep": 0.0,
1654
+ "type": "wizard-progress"
1617
1655
  },
1618
1656
  {
1619
1657
  "type": "divider"
1620
1658
  },
1621
1659
  {
1622
- "variant": "h3",
1660
+ "content": "Student Info",
1623
1661
  "type": "typography",
1624
- "content": "Student Info"
1662
+ "variant": "h3"
1625
1663
  },
1626
1664
  {
1665
+ "submitLabel": "Continue",
1627
1666
  "type": "form-section",
1628
1667
  "mode": "create",
1629
- "submitLabel": "Continue",
1630
1668
  "showCancel": false,
1669
+ "submitEvent": "NEXT",
1631
1670
  "fields": [
1632
1671
  {
1633
- "name": "studentName",
1634
1672
  "required": true,
1635
- "min": 2.0
1673
+ "min": 2.0,
1674
+ "name": "studentName"
1636
1675
  },
1637
1676
  {
1638
- "required": true,
1639
1677
  "type": "email",
1640
- "name": "email"
1678
+ "name": "email",
1679
+ "required": true
1641
1680
  }
1642
- ],
1643
- "submitEvent": "NEXT"
1681
+ ]
1644
1682
  }
1645
1683
  ],
1684
+ "type": "stack",
1646
1685
  "direction": "vertical",
1647
- "gap": "lg"
1686
+ "gap": "lg",
1687
+ "className": "max-w-xl mx-auto w-full"
1648
1688
  }
1649
1689
  ]
1650
1690
  ]
@@ -1673,19 +1713,15 @@
1673
1713
  "render-ui",
1674
1714
  "main",
1675
1715
  {
1676
- "gap": "lg",
1677
- "type": "stack",
1678
1716
  "className": "max-w-xl mx-auto w-full",
1679
- "direction": "vertical",
1680
1717
  "children": [
1681
1718
  {
1682
1719
  "align": "center",
1683
- "direction": "horizontal",
1684
1720
  "gap": "sm",
1685
1721
  "children": [
1686
1722
  {
1687
- "name": "user-plus",
1688
- "type": "icon"
1723
+ "type": "icon",
1724
+ "name": "user-plus"
1689
1725
  },
1690
1726
  {
1691
1727
  "content": "Course Enrollment",
@@ -1693,11 +1729,12 @@
1693
1729
  "type": "typography"
1694
1730
  }
1695
1731
  ],
1696
- "type": "stack"
1732
+ "type": "stack",
1733
+ "direction": "horizontal"
1697
1734
  },
1698
1735
  {
1699
- "type": "wizard-progress",
1700
1736
  "currentStep": 1.0,
1737
+ "type": "wizard-progress",
1701
1738
  "steps": [
1702
1739
  "Student Info",
1703
1740
  "Course Selection",
@@ -1709,26 +1746,29 @@
1709
1746
  "type": "divider"
1710
1747
  },
1711
1748
  {
1712
- "variant": "h3",
1713
1749
  "type": "typography",
1750
+ "variant": "h3",
1714
1751
  "content": "Course Selection"
1715
1752
  },
1716
1753
  {
1754
+ "mode": "edit",
1755
+ "cancelEvent": "PREV",
1717
1756
  "entity": "@entity",
1718
- "submitLabel": "Continue",
1719
1757
  "submitEvent": "NEXT",
1720
- "mode": "edit",
1721
1758
  "type": "form-section",
1722
- "cancelEvent": "PREV",
1759
+ "submitLabel": "Continue",
1760
+ "cancelLabel": "Back",
1723
1761
  "fields": [
1724
1762
  {
1725
- "name": "courseId",
1726
- "required": true
1763
+ "required": true,
1764
+ "name": "courseId"
1727
1765
  }
1728
- ],
1729
- "cancelLabel": "Back"
1766
+ ]
1730
1767
  }
1731
- ]
1768
+ ],
1769
+ "gap": "lg",
1770
+ "type": "stack",
1771
+ "direction": "vertical"
1732
1772
  }
1733
1773
  ]
1734
1774
  ]
@@ -1753,48 +1793,53 @@
1753
1793
  "render-ui",
1754
1794
  "main",
1755
1795
  {
1756
- "direction": "vertical",
1796
+ "gap": "lg",
1797
+ "type": "stack",
1798
+ "className": "max-w-xl mx-auto w-full",
1757
1799
  "children": [
1758
1800
  {
1759
1801
  "gap": "sm",
1760
- "type": "stack",
1761
1802
  "align": "center",
1762
1803
  "children": [
1763
1804
  {
1764
- "type": "icon",
1765
- "name": "user-plus"
1805
+ "name": "user-plus",
1806
+ "type": "icon"
1766
1807
  },
1767
1808
  {
1768
- "content": "Course Enrollment",
1809
+ "type": "typography",
1769
1810
  "variant": "h2",
1770
- "type": "typography"
1811
+ "content": "Course Enrollment"
1771
1812
  }
1772
1813
  ],
1814
+ "type": "stack",
1773
1815
  "direction": "horizontal"
1774
1816
  },
1775
1817
  {
1818
+ "currentStep": 2.0,
1819
+ "type": "wizard-progress",
1776
1820
  "steps": [
1777
1821
  "Student Info",
1778
1822
  "Course Selection",
1779
1823
  "Review",
1780
1824
  "Confirm"
1781
- ],
1782
- "type": "wizard-progress",
1783
- "currentStep": 2.0
1825
+ ]
1784
1826
  },
1785
1827
  {
1786
1828
  "type": "divider"
1787
1829
  },
1788
1830
  {
1789
- "type": "typography",
1831
+ "variant": "h3",
1790
1832
  "content": "Review",
1791
- "variant": "h3"
1833
+ "type": "typography"
1792
1834
  },
1793
1835
  {
1836
+ "gap": "sm",
1794
1837
  "type": "stack",
1795
1838
  "direction": "vertical",
1796
1839
  "children": [
1797
1840
  {
1841
+ "type": "stack",
1842
+ "gap": "md",
1798
1843
  "justify": "between",
1799
1844
  "children": [
1800
1845
  {
@@ -1804,17 +1849,13 @@
1804
1849
  },
1805
1850
  {
1806
1851
  "type": "typography",
1807
- "content": "@entity.studentName",
1808
- "variant": "body"
1852
+ "variant": "body",
1853
+ "content": "@entity.studentName"
1809
1854
  }
1810
1855
  ],
1811
- "type": "stack",
1812
- "gap": "md",
1813
1856
  "direction": "horizontal"
1814
1857
  },
1815
1858
  {
1816
- "type": "stack",
1817
- "gap": "md",
1818
1859
  "direction": "horizontal",
1819
1860
  "justify": "between",
1820
1861
  "children": [
@@ -1824,59 +1865,58 @@
1824
1865
  "variant": "caption"
1825
1866
  },
1826
1867
  {
1868
+ "variant": "body",
1827
1869
  "type": "typography",
1828
- "content": "@entity.email",
1829
- "variant": "body"
1870
+ "content": "@entity.email"
1830
1871
  }
1831
- ]
1872
+ ],
1873
+ "type": "stack",
1874
+ "gap": "md"
1832
1875
  },
1833
1876
  {
1834
- "direction": "horizontal",
1835
1877
  "children": [
1836
1878
  {
1837
- "variant": "caption",
1838
1879
  "content": "Course",
1880
+ "variant": "caption",
1839
1881
  "type": "typography"
1840
1882
  },
1841
1883
  {
1842
1884
  "variant": "body",
1843
- "content": "@entity.courseId",
1844
- "type": "typography"
1885
+ "type": "typography",
1886
+ "content": "@entity.courseId"
1845
1887
  }
1846
1888
  ],
1889
+ "direction": "horizontal",
1847
1890
  "gap": "md",
1848
1891
  "justify": "between",
1849
1892
  "type": "stack"
1850
1893
  }
1851
- ],
1852
- "gap": "sm"
1894
+ ]
1853
1895
  },
1854
1896
  {
1897
+ "justify": "between",
1855
1898
  "type": "stack",
1899
+ "gap": "sm",
1856
1900
  "direction": "horizontal",
1857
- "justify": "between",
1858
1901
  "children": [
1859
1902
  {
1860
- "icon": "arrow-left",
1903
+ "variant": "ghost",
1861
1904
  "type": "button",
1905
+ "icon": "arrow-left",
1862
1906
  "action": "PREV",
1863
- "variant": "ghost",
1864
1907
  "label": "Back"
1865
1908
  },
1866
1909
  {
1867
- "action": "NEXT",
1868
- "variant": "primary",
1869
1910
  "label": "Continue",
1911
+ "variant": "primary",
1870
1912
  "icon": "arrow-right",
1871
- "type": "button"
1913
+ "type": "button",
1914
+ "action": "NEXT"
1872
1915
  }
1873
- ],
1874
- "gap": "sm"
1916
+ ]
1875
1917
  }
1876
1918
  ],
1877
- "className": "max-w-xl mx-auto w-full",
1878
- "gap": "lg",
1879
- "type": "stack"
1919
+ "direction": "vertical"
1880
1920
  }
1881
1921
  ]
1882
1922
  ]
@@ -1891,54 +1931,54 @@
1891
1931
  "main",
1892
1932
  {
1893
1933
  "type": "stack",
1934
+ "direction": "vertical",
1935
+ "gap": "lg",
1894
1936
  "className": "max-w-xl mx-auto w-full",
1895
1937
  "children": [
1896
1938
  {
1897
- "content": "Course Enrollment",
1898
1939
  "variant": "h2",
1940
+ "content": "Course Enrollment",
1899
1941
  "type": "typography"
1900
1942
  },
1901
1943
  {
1944
+ "currentStep": 0.0,
1945
+ "type": "wizard-progress",
1902
1946
  "steps": [
1903
1947
  "Student Info",
1904
1948
  "Course Selection",
1905
1949
  "Review",
1906
1950
  "Confirm"
1907
- ],
1908
- "type": "wizard-progress",
1909
- "currentStep": 0.0
1951
+ ]
1910
1952
  },
1911
1953
  {
1912
1954
  "type": "divider"
1913
1955
  },
1914
1956
  {
1915
- "variant": "h3",
1916
1957
  "type": "typography",
1958
+ "variant": "h3",
1917
1959
  "content": "Student Info"
1918
1960
  },
1919
1961
  {
1920
1962
  "mode": "edit",
1921
- "submitLabel": "Continue",
1922
1963
  "showCancel": false,
1923
1964
  "fields": [
1924
1965
  {
1966
+ "name": "studentName",
1925
1967
  "min": 2.0,
1926
- "required": true,
1927
- "name": "studentName"
1968
+ "required": true
1928
1969
  },
1929
1970
  {
1930
- "required": true,
1971
+ "name": "email",
1931
1972
  "type": "email",
1932
- "name": "email"
1973
+ "required": true
1933
1974
  }
1934
1975
  ],
1976
+ "entity": "@entity",
1935
1977
  "type": "form-section",
1936
1978
  "submitEvent": "NEXT",
1937
- "entity": "@entity"
1979
+ "submitLabel": "Continue"
1938
1980
  }
1939
- ],
1940
- "direction": "vertical",
1941
- "gap": "lg"
1981
+ ]
1942
1982
  }
1943
1983
  ]
1944
1984
  ]
@@ -1964,9 +2004,9 @@
1964
2004
  "className": "max-w-xl mx-auto w-full",
1965
2005
  "children": [
1966
2006
  {
1967
- "type": "typography",
1968
2007
  "variant": "h2",
1969
- "content": "Course Enrollment"
2008
+ "content": "Course Enrollment",
2009
+ "type": "typography"
1970
2010
  },
1971
2011
  {
1972
2012
  "currentStep": 3.0,
@@ -1987,87 +2027,87 @@
1987
2027
  "type": "alert"
1988
2028
  },
1989
2029
  {
2030
+ "gap": "sm",
2031
+ "type": "stack",
2032
+ "direction": "vertical",
1990
2033
  "children": [
1991
2034
  {
1992
- "direction": "horizontal",
1993
- "type": "stack",
1994
- "gap": "md",
1995
2035
  "justify": "between",
2036
+ "type": "stack",
1996
2037
  "children": [
1997
2038
  {
2039
+ "content": "Student",
1998
2040
  "type": "typography",
1999
- "variant": "caption",
2000
- "content": "Student"
2041
+ "variant": "caption"
2001
2042
  },
2002
2043
  {
2003
2044
  "content": "@entity.studentName",
2004
2045
  "variant": "body",
2005
2046
  "type": "typography"
2006
2047
  }
2007
- ]
2048
+ ],
2049
+ "gap": "md",
2050
+ "direction": "horizontal"
2008
2051
  },
2009
2052
  {
2010
- "direction": "horizontal",
2053
+ "type": "stack",
2011
2054
  "children": [
2012
2055
  {
2056
+ "type": "typography",
2013
2057
  "variant": "caption",
2014
- "content": "Email",
2015
- "type": "typography"
2058
+ "content": "Email"
2016
2059
  },
2017
2060
  {
2018
- "content": "@entity.email",
2019
2061
  "variant": "body",
2062
+ "content": "@entity.email",
2020
2063
  "type": "typography"
2021
2064
  }
2022
2065
  ],
2023
- "type": "stack",
2024
2066
  "justify": "between",
2067
+ "direction": "horizontal",
2025
2068
  "gap": "md"
2026
2069
  },
2027
2070
  {
2028
- "type": "stack",
2071
+ "gap": "md",
2029
2072
  "direction": "horizontal",
2030
2073
  "justify": "between",
2074
+ "type": "stack",
2031
2075
  "children": [
2032
2076
  {
2033
2077
  "type": "typography",
2034
- "variant": "caption",
2035
- "content": "Course"
2078
+ "content": "Course",
2079
+ "variant": "caption"
2036
2080
  },
2037
2081
  {
2038
- "type": "typography",
2039
2082
  "content": "@entity.courseId",
2040
- "variant": "body"
2083
+ "variant": "body",
2084
+ "type": "typography"
2041
2085
  }
2042
- ],
2043
- "gap": "md"
2086
+ ]
2044
2087
  }
2045
- ],
2046
- "direction": "vertical",
2047
- "gap": "sm",
2048
- "type": "stack"
2088
+ ]
2049
2089
  },
2050
2090
  {
2051
- "justify": "between",
2052
- "direction": "horizontal",
2053
2091
  "type": "stack",
2054
- "gap": "sm",
2055
2092
  "children": [
2056
2093
  {
2057
- "variant": "ghost",
2094
+ "action": "PREV",
2095
+ "icon": "arrow-left",
2058
2096
  "type": "button",
2059
2097
  "label": "Back",
2060
- "action": "PREV",
2061
- "icon": "arrow-left"
2098
+ "variant": "ghost"
2062
2099
  },
2063
2100
  {
2101
+ "icon": "check",
2064
2102
  "label": "Enroll",
2065
- "type": "button",
2066
- "action": "COMPLETE",
2067
2103
  "variant": "primary",
2068
- "icon": "check"
2104
+ "action": "COMPLETE",
2105
+ "type": "button"
2069
2106
  }
2070
- ]
2107
+ ],
2108
+ "direction": "horizontal",
2109
+ "justify": "between",
2110
+ "gap": "sm"
2071
2111
  }
2072
2112
  ]
2073
2113
  }
@@ -2084,9 +2124,6 @@
2084
2124
  "main",
2085
2125
  {
2086
2126
  "className": "max-w-xl mx-auto w-full",
2087
- "gap": "lg",
2088
- "direction": "vertical",
2089
- "type": "stack",
2090
2127
  "children": [
2091
2128
  {
2092
2129
  "content": "Course Enrollment",
@@ -2094,39 +2131,42 @@
2094
2131
  "type": "typography"
2095
2132
  },
2096
2133
  {
2097
- "type": "wizard-progress",
2098
2134
  "steps": [
2099
2135
  "Student Info",
2100
2136
  "Course Selection",
2101
2137
  "Review",
2102
2138
  "Confirm"
2103
2139
  ],
2140
+ "type": "wizard-progress",
2104
2141
  "currentStep": 1.0
2105
2142
  },
2106
2143
  {
2107
2144
  "type": "divider"
2108
2145
  },
2109
2146
  {
2110
- "content": "Course Selection",
2111
2147
  "type": "typography",
2112
- "variant": "h3"
2148
+ "variant": "h3",
2149
+ "content": "Course Selection"
2113
2150
  },
2114
2151
  {
2152
+ "submitEvent": "NEXT",
2153
+ "mode": "edit",
2154
+ "cancelLabel": "Back",
2155
+ "type": "form-section",
2156
+ "entity": "@entity",
2115
2157
  "fields": [
2116
2158
  {
2117
- "required": true,
2118
- "name": "courseId"
2159
+ "name": "courseId",
2160
+ "required": true
2119
2161
  }
2120
2162
  ],
2121
- "cancelLabel": "Back",
2122
- "cancelEvent": "PREV",
2123
- "submitEvent": "NEXT",
2124
- "type": "form-section",
2125
- "entity": "@entity",
2126
- "mode": "edit",
2127
- "submitLabel": "Continue"
2163
+ "submitLabel": "Continue",
2164
+ "cancelEvent": "PREV"
2128
2165
  }
2129
- ]
2166
+ ],
2167
+ "type": "stack",
2168
+ "gap": "lg",
2169
+ "direction": "vertical"
2130
2170
  }
2131
2171
  ]
2132
2172
  ]
@@ -2176,35 +2216,35 @@
2176
2216
  "render-ui",
2177
2217
  "main",
2178
2218
  {
2179
- "align": "center",
2180
- "type": "stack",
2219
+ "className": "max-w-xl mx-auto w-full py-12",
2220
+ "direction": "vertical",
2181
2221
  "children": [
2182
2222
  {
2183
- "name": "check-circle",
2184
- "type": "icon"
2223
+ "type": "icon",
2224
+ "name": "check-circle"
2185
2225
  },
2186
2226
  {
2187
- "variant": "h2",
2188
2227
  "content": "Enrolled!",
2228
+ "variant": "h2",
2189
2229
  "type": "typography"
2190
2230
  },
2191
2231
  {
2192
- "variant": "body",
2193
2232
  "type": "typography",
2194
- "content": "You have been enrolled in the course.",
2195
- "color": "muted"
2233
+ "variant": "body",
2234
+ "color": "muted",
2235
+ "content": "You have been enrolled in the course."
2196
2236
  },
2197
2237
  {
2238
+ "action": "RESTART",
2198
2239
  "variant": "ghost",
2199
2240
  "icon": "rotate-ccw",
2200
- "action": "RESTART",
2201
2241
  "type": "button",
2202
2242
  "label": "Enroll another student"
2203
2243
  }
2204
2244
  ],
2205
- "direction": "vertical",
2245
+ "type": "stack",
2206
2246
  "gap": "lg",
2207
- "className": "max-w-xl mx-auto w-full py-12"
2247
+ "align": "center"
2208
2248
  }
2209
2249
  ]
2210
2250
  ]
@@ -2218,57 +2258,57 @@
2218
2258
  "render-ui",
2219
2259
  "main",
2220
2260
  {
2221
- "type": "stack",
2222
- "gap": "lg",
2223
- "direction": "vertical",
2224
- "className": "max-w-xl mx-auto w-full",
2225
2261
  "children": [
2226
2262
  {
2227
- "variant": "h2",
2263
+ "content": "Course Enrollment",
2228
2264
  "type": "typography",
2229
- "content": "Course Enrollment"
2265
+ "variant": "h2"
2230
2266
  },
2231
2267
  {
2232
- "currentStep": 2.0,
2233
2268
  "type": "wizard-progress",
2234
2269
  "steps": [
2235
2270
  "Student Info",
2236
2271
  "Course Selection",
2237
2272
  "Review",
2238
2273
  "Confirm"
2239
- ]
2274
+ ],
2275
+ "currentStep": 2.0
2240
2276
  },
2241
2277
  {
2242
2278
  "type": "divider"
2243
2279
  },
2244
2280
  {
2245
- "type": "typography",
2281
+ "content": "Review",
2246
2282
  "variant": "h3",
2247
- "content": "Review"
2283
+ "type": "typography"
2248
2284
  },
2249
2285
  {
2286
+ "direction": "horizontal",
2287
+ "gap": "sm",
2250
2288
  "type": "stack",
2251
2289
  "justify": "between",
2252
- "gap": "sm",
2253
2290
  "children": [
2254
2291
  {
2255
2292
  "label": "Back",
2256
- "variant": "ghost",
2257
2293
  "type": "button",
2258
2294
  "action": "PREV",
2295
+ "variant": "ghost",
2259
2296
  "icon": "arrow-left"
2260
2297
  },
2261
2298
  {
2262
2299
  "icon": "arrow-right",
2263
2300
  "variant": "primary",
2264
- "type": "button",
2265
2301
  "action": "NEXT",
2266
- "label": "Continue"
2302
+ "label": "Continue",
2303
+ "type": "button"
2267
2304
  }
2268
- ],
2269
- "direction": "horizontal"
2305
+ ]
2270
2306
  }
2271
- ]
2307
+ ],
2308
+ "gap": "lg",
2309
+ "className": "max-w-xl mx-auto w-full",
2310
+ "type": "stack",
2311
+ "direction": "vertical"
2272
2312
  }
2273
2313
  ]
2274
2314
  ]
@@ -2307,54 +2347,54 @@
2307
2347
  "render-ui",
2308
2348
  "main",
2309
2349
  {
2310
- "className": "max-w-xl mx-auto w-full",
2311
- "direction": "vertical",
2312
- "gap": "lg",
2350
+ "type": "stack",
2313
2351
  "children": [
2314
2352
  {
2315
- "type": "typography",
2316
2353
  "content": "Course Enrollment",
2354
+ "type": "typography",
2317
2355
  "variant": "h2"
2318
2356
  },
2319
2357
  {
2358
+ "currentStep": 0.0,
2359
+ "type": "wizard-progress",
2320
2360
  "steps": [
2321
2361
  "Student Info",
2322
2362
  "Course Selection",
2323
2363
  "Review",
2324
2364
  "Confirm"
2325
- ],
2326
- "currentStep": 0.0,
2327
- "type": "wizard-progress"
2365
+ ]
2328
2366
  },
2329
2367
  {
2330
2368
  "type": "divider"
2331
2369
  },
2332
2370
  {
2333
2371
  "type": "typography",
2334
- "variant": "h3",
2335
- "content": "Student Info"
2372
+ "content": "Student Info",
2373
+ "variant": "h3"
2336
2374
  },
2337
2375
  {
2338
- "type": "form-section",
2339
2376
  "mode": "create",
2340
- "submitEvent": "NEXT",
2341
- "submitLabel": "Continue",
2342
- "showCancel": false,
2343
2377
  "fields": [
2344
2378
  {
2379
+ "name": "studentName",
2345
2380
  "required": true,
2346
- "min": 2.0,
2347
- "name": "studentName"
2381
+ "min": 2.0
2348
2382
  },
2349
2383
  {
2350
2384
  "name": "email",
2351
2385
  "type": "email",
2352
2386
  "required": true
2353
2387
  }
2354
- ]
2388
+ ],
2389
+ "type": "form-section",
2390
+ "submitLabel": "Continue",
2391
+ "showCancel": false,
2392
+ "submitEvent": "NEXT"
2355
2393
  }
2356
2394
  ],
2357
- "type": "stack"
2395
+ "direction": "vertical",
2396
+ "className": "max-w-xl mx-auto w-full",
2397
+ "gap": "lg"
2358
2398
  }
2359
2399
  ]
2360
2400
  ]
@@ -2369,6 +2409,9 @@
2369
2409
  "name": "Enroll",
2370
2410
  "path": "/enroll",
2371
2411
  "traits": [
2412
+ {
2413
+ "ref": "EnrollmentAppLayout"
2414
+ },
2372
2415
  {
2373
2416
  "ref": "EnrollmentWizard"
2374
2417
  }
@@ -2379,6 +2422,10 @@
2379
2422
  {
2380
2423
  "name": "ProgressOrbital",
2381
2424
  "uses": [
2425
+ {
2426
+ "from": "std/behaviors/std-app-layout",
2427
+ "as": "AppShell"
2428
+ },
2382
2429
  {
2383
2430
  "from": "std/behaviors/std-browse",
2384
2431
  "as": "Browse"
@@ -2437,6 +2484,40 @@
2437
2484
  ]
2438
2485
  },
2439
2486
  "traits": [
2487
+ {
2488
+ "ref": "AppShell.traits.AppLayout",
2489
+ "name": "ProgressAppLayout",
2490
+ "linkedEntity": "Progress",
2491
+ "config": {
2492
+ "appName": "LMS",
2493
+ "searchEvent": "PROGRESS_SEARCH",
2494
+ "topBarActions": [],
2495
+ "navItems": [
2496
+ {
2497
+ "icon": "graduation-cap",
2498
+ "label": "Courses",
2499
+ "href": "/courses"
2500
+ },
2501
+ {
2502
+ "label": "Enroll",
2503
+ "icon": "user-plus",
2504
+ "href": "/enroll"
2505
+ },
2506
+ {
2507
+ "label": "Progress",
2508
+ "icon": "trending-up",
2509
+ "href": "/progress"
2510
+ }
2511
+ ],
2512
+ "contentTrait": "@trait.ProgressDisplay",
2513
+ "notificationClickEvent": "PROGRESS_NOTIFICATIONS_OPEN",
2514
+ "notifications": []
2515
+ },
2516
+ "events": {
2517
+ "NOTIFY_CLICK": "PROGRESS_NOTIFICATIONS_OPEN",
2518
+ "SEARCH": "PROGRESS_SEARCH"
2519
+ }
2520
+ },
2440
2521
  {
2441
2522
  "name": "ProgressDisplay",
2442
2523
  "category": "interaction",
@@ -2465,8 +2546,11 @@
2465
2546
  {
2466
2547
  "type": "stack",
2467
2548
  "gap": "lg",
2549
+ "direction": "vertical",
2550
+ "className": "max-w-5xl mx-auto w-full",
2468
2551
  "children": [
2469
2552
  {
2553
+ "gap": "sm",
2470
2554
  "direction": "horizontal",
2471
2555
  "children": [
2472
2556
  {
@@ -2474,13 +2558,12 @@
2474
2558
  "name": "trending-up"
2475
2559
  },
2476
2560
  {
2561
+ "type": "typography",
2477
2562
  "variant": "h2",
2478
- "content": "Progress",
2479
- "type": "typography"
2563
+ "content": "Progress"
2480
2564
  }
2481
2565
  ],
2482
2566
  "type": "stack",
2483
- "gap": "sm",
2484
2567
  "align": "center"
2485
2568
  },
2486
2569
  {
@@ -2492,9 +2575,7 @@
2492
2575
  "type": "divider"
2493
2576
  },
2494
2577
  "@trait.ProgressBrowseList"
2495
- ],
2496
- "direction": "vertical",
2497
- "className": "max-w-5xl mx-auto w-full"
2578
+ ]
2498
2579
  }
2499
2580
  ]
2500
2581
  ]
@@ -2583,8 +2664,8 @@
2583
2664
  "Progress",
2584
2665
  {
2585
2666
  "emit": {
2586
- "failure": "ProgressLoadFailed",
2587
- "success": "ProgressLoaded"
2667
+ "success": "ProgressLoaded",
2668
+ "failure": "ProgressLoadFailed"
2588
2669
  }
2589
2670
  }
2590
2671
  ],
@@ -2592,43 +2673,43 @@
2592
2673
  "render-ui",
2593
2674
  "main",
2594
2675
  {
2595
- "gap": "md",
2596
2676
  "type": "simple-grid",
2677
+ "gap": "md",
2597
2678
  "cols": 4.0,
2598
2679
  "children": [
2599
2680
  {
2600
2681
  "variant": "success",
2601
- "type": "stat-display",
2602
2682
  "format": "percent",
2603
- "icon": "check-circle",
2683
+ "label": "Completion %",
2604
2684
  "value": 0.0,
2605
- "label": "Completion %"
2685
+ "type": "stat-display",
2686
+ "icon": "check-circle"
2606
2687
  },
2607
2688
  {
2608
- "suffix": "h",
2609
2689
  "icon": "clock",
2610
- "variant": "info",
2611
- "format": "number",
2612
2690
  "value": 0.0,
2613
2691
  "label": "Time Spent",
2614
- "type": "stat-display"
2692
+ "format": "number",
2693
+ "variant": "info",
2694
+ "type": "stat-display",
2695
+ "suffix": "h"
2615
2696
  },
2616
2697
  {
2617
- "icon": "list",
2618
- "label": "Lessons Remaining",
2619
- "format": "number",
2620
2698
  "type": "stat-display",
2699
+ "value": 0.0,
2621
2700
  "variant": "default",
2622
- "value": 0.0
2701
+ "format": "number",
2702
+ "icon": "list",
2703
+ "label": "Lessons Remaining"
2623
2704
  },
2624
2705
  {
2625
2706
  "variant": "warning",
2626
2707
  "label": "Streak",
2627
- "value": 0.0,
2628
- "format": "number",
2629
2708
  "suffix": "d",
2630
2709
  "icon": "flame",
2631
- "type": "stat-display"
2710
+ "type": "stat-display",
2711
+ "format": "number",
2712
+ "value": 0.0
2632
2713
  }
2633
2714
  ]
2634
2715
  }
@@ -2644,45 +2725,45 @@
2644
2725
  "render-ui",
2645
2726
  "main",
2646
2727
  {
2647
- "gap": "md",
2648
- "cols": 4.0,
2649
- "type": "simple-grid",
2650
2728
  "children": [
2651
2729
  {
2652
- "icon": "check-circle",
2730
+ "variant": "success",
2731
+ "value": 0.0,
2653
2732
  "format": "percent",
2654
- "label": "Completion %",
2733
+ "icon": "check-circle",
2655
2734
  "type": "stat-display",
2656
- "variant": "success",
2657
- "value": 0.0
2735
+ "label": "Completion %"
2658
2736
  },
2659
2737
  {
2660
- "type": "stat-display",
2661
- "value": 0.0,
2662
- "format": "number",
2738
+ "variant": "info",
2663
2739
  "suffix": "h",
2664
2740
  "label": "Time Spent",
2665
- "icon": "clock",
2666
- "variant": "info"
2667
- },
2668
- {
2669
- "label": "Lessons Remaining",
2670
2741
  "format": "number",
2671
- "icon": "list",
2672
2742
  "type": "stat-display",
2673
2743
  "value": 0.0,
2674
- "variant": "default"
2744
+ "icon": "clock"
2675
2745
  },
2676
2746
  {
2747
+ "type": "stat-display",
2748
+ "icon": "list",
2677
2749
  "value": 0.0,
2678
- "icon": "flame",
2750
+ "variant": "default",
2751
+ "format": "number",
2752
+ "label": "Lessons Remaining"
2753
+ },
2754
+ {
2755
+ "variant": "warning",
2679
2756
  "type": "stat-display",
2680
2757
  "label": "Streak",
2681
- "variant": "warning",
2758
+ "icon": "flame",
2759
+ "suffix": "d",
2682
2760
  "format": "number",
2683
- "suffix": "d"
2761
+ "value": 0.0
2684
2762
  }
2685
- ]
2763
+ ],
2764
+ "gap": "md",
2765
+ "type": "simple-grid",
2766
+ "cols": 4.0
2686
2767
  }
2687
2768
  ]
2688
2769
  ]
@@ -2780,12 +2861,12 @@
2780
2861
  "render-ui",
2781
2862
  "main",
2782
2863
  {
2783
- "data": [],
2864
+ "type": "chart",
2865
+ "subtitle": "Average completion % per week",
2784
2866
  "chartType": "line",
2785
2867
  "height": 280.0,
2786
- "subtitle": "Average completion % per week",
2787
2868
  "showLegend": true,
2788
- "type": "chart",
2869
+ "data": [],
2789
2870
  "title": "Progress over time"
2790
2871
  }
2791
2872
  ]
@@ -2802,11 +2883,11 @@
2802
2883
  {
2803
2884
  "type": "chart",
2804
2885
  "title": "Progress over time",
2805
- "data": "@payload.data",
2806
- "height": 280.0,
2807
- "showLegend": true,
2808
2886
  "chartType": "line",
2809
- "subtitle": "Average completion % per week"
2887
+ "subtitle": "Average completion % per week",
2888
+ "height": 280.0,
2889
+ "data": "@payload.data",
2890
+ "showLegend": true
2810
2891
  }
2811
2892
  ]
2812
2893
  ]
@@ -2820,39 +2901,39 @@
2820
2901
  "name": "ProgressBrowseList",
2821
2902
  "linkedEntity": "Progress",
2822
2903
  "config": {
2823
- "itemActions": [],
2904
+ "gap": "sm",
2905
+ "cols": 1.0,
2824
2906
  "fields": [
2825
2907
  {
2826
- "name": "courseName",
2827
2908
  "icon": "book-open",
2909
+ "name": "courseName",
2828
2910
  "label": "Course",
2829
2911
  "variant": "h4"
2830
2912
  },
2831
2913
  {
2832
2914
  "format": "percent",
2833
2915
  "label": "Completion",
2834
- "name": "completionPct",
2835
- "variant": "badge"
2916
+ "variant": "badge",
2917
+ "name": "completionPct"
2836
2918
  },
2837
2919
  {
2920
+ "variant": "body",
2838
2921
  "name": "lessonsCompleted",
2839
- "label": "Lessons Completed",
2840
- "variant": "body"
2922
+ "label": "Lessons Completed"
2841
2923
  },
2842
2924
  {
2843
- "label": "Total Lessons",
2925
+ "name": "totalLessons",
2844
2926
  "variant": "body",
2845
- "name": "totalLessons"
2927
+ "label": "Total Lessons"
2846
2928
  },
2847
2929
  {
2848
- "label": "Last Activity",
2849
2930
  "name": "lastActivity",
2931
+ "label": "Last Activity",
2850
2932
  "variant": "caption",
2851
2933
  "format": "date"
2852
2934
  }
2853
2935
  ],
2854
- "cols": 1.0,
2855
- "gap": "sm"
2936
+ "itemActions": []
2856
2937
  },
2857
2938
  "listens": [
2858
2939
  {
@@ -2984,6 +3065,9 @@
2984
3065
  "name": "Progress",
2985
3066
  "path": "/progress",
2986
3067
  "traits": [
3068
+ {
3069
+ "ref": "ProgressAppLayout"
3070
+ },
2987
3071
  {
2988
3072
  "ref": "ProgressDisplay"
2989
3073
  },