@almadar/std 10.0.0 → 11.0.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 (187) hide show
  1. package/behaviors/registry/agent/atoms/std-agent-activity-log.orb +80 -80
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +131 -113
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1097 -1072
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  27. package/behaviors/registry/app/organisms/std-cms.orb +608 -512
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  29. package/behaviors/registry/app/organisms/std-crm.orb +887 -791
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  37. package/behaviors/registry/app/organisms/std-lms.orb +935 -893
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  42. package/behaviors/registry/core/atoms/std-browse.orb +56 -56
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  44. package/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  47. package/behaviors/registry/core/atoms/std-display.orb +388 -388
  48. package/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  49. package/behaviors/registry/core/atoms/std-filter.orb +47 -47
  50. package/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  51. package/behaviors/registry/core/atoms/std-modal.orb +12 -12
  52. package/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  53. package/behaviors/registry/core/atoms/std-push.orb +43 -43
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  55. package/behaviors/registry/core/atoms/std-related.orb +37 -37
  56. package/behaviors/registry/core/atoms/std-search.orb +68 -68
  57. package/behaviors/registry/core/atoms/std-selection.orb +90 -90
  58. package/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  59. package/behaviors/registry/core/molecules/std-cart.orb +47 -47
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  62. package/behaviors/registry/core/molecules/std-list.orb +79 -85
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  64. package/behaviors/registry/game/atoms/std-collision.orb +122 -122
  65. package/behaviors/registry/game/atoms/std-combat.orb +66 -66
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  69. package/behaviors/registry/game/atoms/std-movement.orb +291 -291
  70. package/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  72. package/behaviors/registry/game/atoms/std-quest.orb +133 -133
  73. package/behaviors/registry/game/atoms/std-timer.orb +291 -291
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  83. package/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  84. package/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +80 -80
  95. package/dist/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  96. package/dist/behaviors/registry/agent/atoms/std-agent-classifier.orb +131 -113
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  111. package/dist/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  112. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1097 -1072
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +608 -512
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +887 -791
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +935 -893
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +56 -56
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +388 -388
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +47 -47
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +12 -12
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +43 -43
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +37 -37
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +68 -68
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +90 -90
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +47 -47
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +79 -85
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +122 -122
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +66 -66
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +291 -291
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +133 -133
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +291 -291
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  187. package/package.json +1 -1
package/dist/behaviors/registry/app/organisms/std-hr-portal.orb CHANGED
@@ -548,8 +548,8 @@
548
548
  "Employee",
549
549
  {
550
550
  "emit": {
551
- "success": "EmployeeLoaded",
552
- "failure": "EmployeeLoadFailed"
551
+ "failure": "EmployeeLoadFailed",
552
+ "success": "EmployeeLoaded"
553
553
  }
554
554
  }
555
555
  ],
@@ -557,22 +557,22 @@
557
557
  "render-ui",
558
558
  "main",
559
559
  {
560
- "className": "py-12",
561
- "type": "stack",
562
560
  "children": [
563
561
  {
564
562
  "type": "spinner"
565
563
  },
566
564
  {
567
- "type": "typography",
568
565
  "color": "muted",
569
- "variant": "caption",
570
- "content": "Loading…"
566
+ "content": "Loading…",
567
+ "type": "typography",
568
+ "variant": "caption"
571
569
  }
572
570
  ],
571
+ "type": "stack",
572
+ "align": "center",
573
573
  "direction": "vertical",
574
574
  "gap": "md",
575
- "align": "center"
575
+ "className": "py-12"
576
576
  }
577
577
  ]
578
578
  ]
@@ -586,83 +586,62 @@
586
586
  "render-ui",
587
587
  "main",
588
588
  {
589
+ "appName": "HRPortal",
590
+ "type": "dashboard-layout",
589
591
  "children": [
590
592
  {
591
- "type": "stack",
592
- "direction": "vertical",
593
- "className": "max-w-5xl mx-auto w-full",
594
- "gap": "lg",
595
593
  "children": [
596
594
  {
597
- "gap": "md",
595
+ "type": "stack",
598
596
  "align": "center",
597
+ "gap": "md",
598
+ "direction": "horizontal",
599
599
  "children": [
600
600
  {
601
- "align": "center",
602
- "direction": "horizontal",
601
+ "type": "stack",
603
602
  "gap": "sm",
603
+ "direction": "horizontal",
604
+ "align": "center",
604
605
  "children": [
605
606
  {
606
- "name": "users",
607
- "type": "icon"
607
+ "type": "icon",
608
+ "name": "users"
608
609
  },
609
610
  {
611
+ "variant": "h2",
610
612
  "type": "typography",
611
- "content": "Employees",
612
- "variant": "h2"
613
+ "content": "Employees"
613
614
  }
614
- ],
615
- "type": "stack"
615
+ ]
616
616
  },
617
617
  {
618
+ "type": "stack",
619
+ "gap": "sm",
620
+ "direction": "horizontal",
618
621
  "children": [
619
622
  {
620
623
  "action": "CREATE",
621
- "type": "button",
622
- "label": "Add Employee",
623
624
  "variant": "primary",
624
- "icon": "plus"
625
+ "icon": "plus",
626
+ "label": "Add Employee",
627
+ "type": "button"
625
628
  }
626
- ],
627
- "type": "stack",
628
- "direction": "horizontal",
629
- "gap": "sm"
629
+ ]
630
630
  }
631
631
  ],
632
- "justify": "between",
633
- "direction": "horizontal",
634
- "type": "stack"
632
+ "justify": "between"
635
633
  },
636
634
  {
637
635
  "type": "divider"
638
636
  },
639
637
  {
640
- "gap": "sm",
641
638
  "type": "data-list",
642
639
  "fields": [],
643
- "entity": "@payload.data",
644
- "itemActions": [
645
- {
646
- "label": "View",
647
- "variant": "ghost",
648
- "event": "VIEW"
649
- },
650
- {
651
- "event": "EDIT",
652
- "label": "Edit",
653
- "variant": "ghost"
654
- },
655
- {
656
- "label": "Delete",
657
- "event": "DELETE",
658
- "variant": "danger"
659
- }
660
- ],
661
640
  "columns": [
662
641
  {
663
642
  "icon": "user",
664
- "variant": "h3",
665
- "name": "name"
643
+ "name": "name",
644
+ "variant": "h3"
666
645
  },
667
646
  {
668
647
  "variant": "badge",
@@ -673,33 +652,54 @@
673
652
  "variant": "body"
674
653
  },
675
654
  {
676
- "name": "email",
677
- "variant": "caption"
655
+ "variant": "caption",
656
+ "name": "email"
678
657
  },
679
658
  {
680
- "name": "startDate",
659
+ "variant": "caption",
681
660
  "format": "date",
682
661
  "label": "Joined",
683
- "variant": "caption"
662
+ "name": "startDate"
663
+ }
664
+ ],
665
+ "variant": "card",
666
+ "itemActions": [
667
+ {
668
+ "label": "View",
669
+ "event": "VIEW",
670
+ "variant": "ghost"
671
+ },
672
+ {
673
+ "event": "EDIT",
674
+ "variant": "ghost",
675
+ "label": "Edit"
676
+ },
677
+ {
678
+ "event": "DELETE",
679
+ "variant": "danger",
680
+ "label": "Delete"
684
681
  }
685
682
  ],
686
- "variant": "card"
683
+ "gap": "sm",
684
+ "entity": "@payload.data"
687
685
  }
688
- ]
686
+ ],
687
+ "className": "max-w-5xl mx-auto w-full",
688
+ "direction": "vertical",
689
+ "gap": "lg",
690
+ "type": "stack"
689
691
  }
690
692
  ],
691
- "type": "dashboard-layout",
692
- "appName": "HRPortal",
693
693
  "navItems": [
694
694
  {
695
- "label": "Employees",
696
695
  "href": "/employees",
697
- "icon": "users"
696
+ "icon": "users",
697
+ "label": "Employees"
698
698
  },
699
699
  {
700
+ "label": "Onboarding",
700
701
  "href": "/onboarding",
701
- "icon": "layout-list",
702
- "label": "Onboarding"
702
+ "icon": "layout-list"
703
703
  },
704
704
  {
705
705
  "href": "/timeoff",
@@ -707,8 +707,8 @@
707
707
  "icon": "calendar"
708
708
  },
709
709
  {
710
- "icon": "layout-list",
711
710
  "label": "Org Chart",
711
+ "icon": "layout-list",
712
712
  "href": "/org-chart"
713
713
  }
714
714
  ]
@@ -725,36 +725,36 @@
725
725
  "render-ui",
726
726
  "main",
727
727
  {
728
- "type": "stack",
729
728
  "gap": "md",
730
- "className": "py-12",
731
729
  "direction": "vertical",
730
+ "type": "stack",
731
+ "align": "center",
732
+ "className": "py-12",
732
733
  "children": [
733
734
  {
735
+ "type": "icon",
734
736
  "name": "alert-triangle",
735
- "color": "destructive",
736
- "type": "icon"
737
+ "color": "destructive"
737
738
  },
738
739
  {
739
740
  "variant": "h3",
740
- "content": "Failed to load employee",
741
- "type": "typography"
741
+ "type": "typography",
742
+ "content": "Failed to load employee"
742
743
  },
743
744
  {
745
+ "type": "typography",
744
746
  "color": "muted",
745
747
  "variant": "body",
746
- "type": "typography",
747
748
  "content": "@payload.error"
748
749
  },
749
750
  {
750
- "type": "button",
751
- "label": "Retry",
752
- "variant": "primary",
753
751
  "icon": "rotate-ccw",
754
- "action": "INIT"
752
+ "variant": "primary",
753
+ "action": "INIT",
754
+ "type": "button",
755
+ "label": "Retry"
755
756
  }
756
- ],
757
- "align": "center"
757
+ ]
758
758
  }
759
759
  ]
760
760
  ]
@@ -923,8 +923,14 @@
923
923
  "event": "INIT",
924
924
  "effects": [
925
925
  [
926
- "ref",
927
- "Employee"
926
+ "fetch",
927
+ "Employee",
928
+ {
929
+ "emit": {
930
+ "failure": "EmployeeLoadFailed",
931
+ "success": "EmployeeLoaded"
932
+ }
933
+ }
928
934
  ]
929
935
  ]
930
936
  },
@@ -947,31 +953,30 @@
947
953
  "render-ui",
948
954
  "modal",
949
955
  {
956
+ "type": "stack",
950
957
  "direction": "vertical",
951
- "gap": "md",
952
958
  "children": [
953
959
  {
954
960
  "direction": "horizontal",
955
- "type": "stack",
956
- "gap": "sm",
957
961
  "children": [
958
962
  {
959
- "type": "icon",
960
- "name": "plus-circle"
963
+ "name": "plus-circle",
964
+ "type": "icon"
961
965
  },
962
966
  {
963
- "content": "New Employee",
964
967
  "type": "typography",
968
+ "content": "New Employee",
965
969
  "variant": "h3"
966
970
  }
967
- ]
971
+ ],
972
+ "type": "stack",
973
+ "gap": "sm"
968
974
  },
969
975
  {
970
976
  "type": "divider"
971
977
  },
972
978
  {
973
- "mode": "create",
974
- "cancelEvent": "CLOSE",
979
+ "type": "form-section",
975
980
  "fields": [
976
981
  "name",
977
982
  "email",
@@ -979,11 +984,12 @@
979
984
  "role",
980
985
  "startDate"
981
986
  ],
987
+ "cancelEvent": "CLOSE",
982
988
  "submitEvent": "SAVE",
983
- "type": "form-section"
989
+ "mode": "create"
984
990
  }
985
991
  ],
986
- "type": "stack"
992
+ "gap": "md"
987
993
  }
988
994
  ]
989
995
  ]
@@ -1222,8 +1228,14 @@
1222
1228
  "event": "INIT",
1223
1229
  "effects": [
1224
1230
  [
1225
- "ref",
1226
- "Employee"
1231
+ "fetch",
1232
+ "Employee",
1233
+ {
1234
+ "emit": {
1235
+ "failure": "EmployeeLoadFailed",
1236
+ "success": "EmployeeLoaded"
1237
+ }
1238
+ }
1227
1239
  ]
1228
1240
  ]
1229
1241
  },
@@ -1247,29 +1259,34 @@
1247
1259
  "render-ui",
1248
1260
  "modal",
1249
1261
  {
1262
+ "type": "stack",
1263
+ "direction": "vertical",
1264
+ "gap": "md",
1250
1265
  "children": [
1251
1266
  {
1267
+ "gap": "sm",
1268
+ "type": "stack",
1269
+ "direction": "horizontal",
1252
1270
  "children": [
1253
1271
  {
1254
1272
  "name": "edit",
1255
1273
  "type": "icon"
1256
1274
  },
1257
1275
  {
1258
- "variant": "h3",
1276
+ "type": "typography",
1259
1277
  "content": "Edit Employee",
1260
- "type": "typography"
1278
+ "variant": "h3"
1261
1279
  }
1262
- ],
1263
- "direction": "horizontal",
1264
- "gap": "sm",
1265
- "type": "stack"
1280
+ ]
1266
1281
  },
1267
1282
  {
1268
1283
  "type": "divider"
1269
1284
  },
1270
1285
  {
1286
+ "mode": "edit",
1287
+ "type": "form-section",
1271
1288
  "entity": "@payload.row",
1272
- "cancelEvent": "CLOSE",
1289
+ "submitEvent": "SAVE",
1273
1290
  "fields": [
1274
1291
  "name",
1275
1292
  "email",
@@ -1277,14 +1294,9 @@
1277
1294
  "role",
1278
1295
  "startDate"
1279
1296
  ],
1280
- "submitEvent": "SAVE",
1281
- "type": "form-section",
1282
- "mode": "edit"
1297
+ "cancelEvent": "CLOSE"
1283
1298
  }
1284
- ],
1285
- "gap": "md",
1286
- "direction": "vertical",
1287
- "type": "stack"
1299
+ ]
1288
1300
  }
1289
1301
  ]
1290
1302
  ]
@@ -1325,8 +1337,8 @@
1325
1337
  "@payload.data",
1326
1338
  {
1327
1339
  "emit": {
1328
- "success": "EmployeeUpdated",
1329
- "failure": "EmployeeUpdateFailed"
1340
+ "failure": "EmployeeUpdateFailed",
1341
+ "success": "EmployeeUpdated"
1330
1342
  }
1331
1343
  }
1332
1344
  ],
@@ -1457,8 +1469,14 @@
1457
1469
  "event": "INIT",
1458
1470
  "effects": [
1459
1471
  [
1460
- "ref",
1461
- "Employee"
1472
+ "fetch",
1473
+ "Employee",
1474
+ {
1475
+ "emit": {
1476
+ "success": "EmployeeLoaded",
1477
+ "failure": "EmployeeLoadFailed"
1478
+ }
1479
+ }
1462
1480
  ]
1463
1481
  ]
1464
1482
  },
@@ -1482,23 +1500,21 @@
1482
1500
  "render-ui",
1483
1501
  "modal",
1484
1502
  {
1485
- "type": "stack",
1486
- "direction": "vertical",
1487
1503
  "children": [
1488
1504
  {
1489
- "type": "stack",
1490
- "direction": "horizontal",
1491
1505
  "gap": "sm",
1506
+ "direction": "horizontal",
1492
1507
  "align": "center",
1508
+ "type": "stack",
1493
1509
  "children": [
1494
1510
  {
1495
- "name": "eye",
1496
- "type": "icon"
1511
+ "type": "icon",
1512
+ "name": "eye"
1497
1513
  },
1498
1514
  {
1499
- "content": "@entity.name",
1500
1515
  "variant": "h3",
1501
- "type": "typography"
1516
+ "type": "typography",
1517
+ "content": "@entity.name"
1502
1518
  }
1503
1519
  ]
1504
1520
  },
@@ -1506,26 +1522,25 @@
1506
1522
  "type": "divider"
1507
1523
  },
1508
1524
  {
1525
+ "direction": "horizontal",
1526
+ "gap": "md",
1509
1527
  "type": "stack",
1510
1528
  "children": [
1511
1529
  {
1512
- "content": "Name",
1513
1530
  "variant": "caption",
1531
+ "content": "Name",
1514
1532
  "type": "typography"
1515
1533
  },
1516
1534
  {
1535
+ "content": "@entity.name",
1517
1536
  "type": "typography",
1518
- "variant": "body",
1519
- "content": "@entity.name"
1537
+ "variant": "body"
1520
1538
  }
1521
- ],
1522
- "gap": "md",
1523
- "direction": "horizontal"
1539
+ ]
1524
1540
  },
1525
1541
  {
1526
- "gap": "md",
1527
- "direction": "horizontal",
1528
1542
  "type": "stack",
1543
+ "direction": "horizontal",
1529
1544
  "children": [
1530
1545
  {
1531
1546
  "variant": "caption",
@@ -1533,89 +1548,92 @@
1533
1548
  "content": "Email"
1534
1549
  },
1535
1550
  {
1536
- "variant": "body",
1551
+ "type": "typography",
1537
1552
  "content": "@entity.email",
1538
- "type": "typography"
1553
+ "variant": "body"
1539
1554
  }
1540
- ]
1555
+ ],
1556
+ "gap": "md"
1541
1557
  },
1542
1558
  {
1543
- "direction": "horizontal",
1544
1559
  "children": [
1545
1560
  {
1546
- "content": "Department",
1547
1561
  "type": "typography",
1548
- "variant": "caption"
1562
+ "variant": "caption",
1563
+ "content": "Department"
1549
1564
  },
1550
1565
  {
1551
- "variant": "body",
1552
1566
  "content": "@entity.department",
1567
+ "variant": "body",
1553
1568
  "type": "typography"
1554
1569
  }
1555
1570
  ],
1556
1571
  "type": "stack",
1557
- "gap": "md"
1572
+ "gap": "md",
1573
+ "direction": "horizontal"
1558
1574
  },
1559
1575
  {
1560
- "direction": "horizontal",
1576
+ "type": "stack",
1561
1577
  "children": [
1562
1578
  {
1563
1579
  "content": "Role",
1564
- "variant": "caption",
1565
- "type": "typography"
1580
+ "type": "typography",
1581
+ "variant": "caption"
1566
1582
  },
1567
1583
  {
1584
+ "type": "typography",
1568
1585
  "variant": "body",
1569
- "content": "@entity.role",
1570
- "type": "typography"
1586
+ "content": "@entity.role"
1571
1587
  }
1572
1588
  ],
1573
- "type": "stack",
1589
+ "direction": "horizontal",
1574
1590
  "gap": "md"
1575
1591
  },
1576
1592
  {
1577
- "direction": "horizontal",
1578
- "type": "stack",
1579
1593
  "gap": "md",
1580
1594
  "children": [
1581
1595
  {
1582
- "type": "typography",
1583
1596
  "variant": "caption",
1597
+ "type": "typography",
1584
1598
  "content": "Start Date"
1585
1599
  },
1586
1600
  {
1587
- "variant": "body",
1601
+ "type": "typography",
1588
1602
  "content": "@entity.startDate",
1589
- "type": "typography"
1603
+ "variant": "body"
1590
1604
  }
1591
- ]
1605
+ ],
1606
+ "type": "stack",
1607
+ "direction": "horizontal"
1592
1608
  },
1593
1609
  {
1594
1610
  "type": "divider"
1595
1611
  },
1596
1612
  {
1597
- "gap": "sm",
1598
- "type": "stack",
1599
1613
  "direction": "horizontal",
1614
+ "type": "stack",
1600
1615
  "justify": "end",
1601
1616
  "children": [
1602
1617
  {
1603
- "label": "Edit",
1604
- "variant": "primary",
1605
1618
  "action": "EDIT",
1619
+ "icon": "edit",
1606
1620
  "type": "button",
1607
- "icon": "edit"
1621
+ "label": "Edit",
1622
+ "variant": "primary"
1608
1623
  },
1609
1624
  {
1610
1625
  "type": "button",
1611
- "action": "CLOSE",
1612
1626
  "label": "Close",
1627
+ "action": "CLOSE",
1613
1628
  "variant": "ghost"
1614
1629
  }
1615
- ]
1630
+ ],
1631
+ "gap": "sm"
1616
1632
  }
1617
1633
  ],
1618
- "gap": "md"
1634
+ "gap": "md",
1635
+ "direction": "vertical",
1636
+ "type": "stack"
1619
1637
  }
1620
1638
  ]
1621
1639
  ]
@@ -1831,8 +1849,14 @@
1831
1849
  "event": "INIT",
1832
1850
  "effects": [
1833
1851
  [
1834
- "ref",
1835
- "Employee"
1852
+ "fetch",
1853
+ "Employee",
1854
+ {
1855
+ "emit": {
1856
+ "success": "EmployeeLoaded",
1857
+ "failure": "EmployeeLoadFailed"
1858
+ }
1859
+ }
1836
1860
  ]
1837
1861
  ]
1838
1862
  },
@@ -1850,67 +1874,67 @@
1850
1874
  "fetch",
1851
1875
  "Employee",
1852
1876
  {
1853
- "id": "@payload.id",
1854
1877
  "emit": {
1855
1878
  "success": "EmployeeLoaded",
1856
1879
  "failure": "EmployeeLoadFailed"
1857
- }
1880
+ },
1881
+ "id": "@payload.id"
1858
1882
  }
1859
1883
  ],
1860
1884
  [
1861
1885
  "render-ui",
1862
1886
  "modal",
1863
1887
  {
1864
- "type": "stack",
1865
1888
  "direction": "vertical",
1866
1889
  "children": [
1867
1890
  {
1868
1891
  "direction": "horizontal",
1892
+ "gap": "sm",
1893
+ "align": "center",
1894
+ "type": "stack",
1869
1895
  "children": [
1870
1896
  {
1871
1897
  "type": "icon",
1872
1898
  "name": "alert-triangle"
1873
1899
  },
1874
1900
  {
1875
- "variant": "h3",
1901
+ "content": "Delete Employee",
1876
1902
  "type": "typography",
1877
- "content": "Delete Employee"
1903
+ "variant": "h3"
1878
1904
  }
1879
- ],
1880
- "gap": "sm",
1881
- "type": "stack",
1882
- "align": "center"
1905
+ ]
1883
1906
  },
1884
1907
  {
1885
1908
  "type": "divider"
1886
1909
  },
1887
1910
  {
1911
+ "variant": "error",
1888
1912
  "message": "This action cannot be undone.",
1889
- "type": "alert",
1890
- "variant": "error"
1913
+ "type": "alert"
1891
1914
  },
1892
1915
  {
1916
+ "type": "stack",
1917
+ "gap": "sm",
1918
+ "justify": "end",
1919
+ "direction": "horizontal",
1893
1920
  "children": [
1894
1921
  {
1895
- "type": "button",
1922
+ "action": "CANCEL",
1896
1923
  "variant": "ghost",
1897
- "label": "Cancel",
1898
- "action": "CANCEL"
1924
+ "type": "button",
1925
+ "label": "Cancel"
1899
1926
  },
1900
1927
  {
1901
1928
  "icon": "check",
1929
+ "label": "Delete",
1902
1930
  "type": "button",
1903
1931
  "variant": "danger",
1904
- "action": "CONFIRM_DELETE",
1905
- "label": "Delete"
1932
+ "action": "CONFIRM_DELETE"
1906
1933
  }
1907
- ],
1908
- "direction": "horizontal",
1909
- "gap": "sm",
1910
- "type": "stack",
1911
- "justify": "end"
1934
+ ]
1912
1935
  }
1913
1936
  ],
1937
+ "type": "stack",
1914
1938
  "gap": "md"
1915
1939
  }
1916
1940
  ]
@@ -1928,8 +1952,8 @@
1928
1952
  "@entity.pendingId",
1929
1953
  {
1930
1954
  "emit": {
1931
- "success": "EmployeeDeleted",
1932
- "failure": "EmployeeDeleteFailed"
1955
+ "failure": "EmployeeDeleteFailed",
1956
+ "success": "EmployeeDeleted"
1933
1957
  }
1934
1958
  }
1935
1959
  ],
@@ -1946,8 +1970,14 @@
1946
1970
  }
1947
1971
  ],
1948
1972
  [
1949
- "ref",
1950
- "Employee"
1973
+ "fetch",
1974
+ "Employee",
1975
+ {
1976
+ "emit": {
1977
+ "success": "EmployeeLoaded",
1978
+ "failure": "EmployeeLoadFailed"
1979
+ }
1980
+ }
1951
1981
  ],
1952
1982
  [
1953
1983
  "emit",
@@ -1973,8 +2003,14 @@
1973
2003
  }
1974
2004
  ],
1975
2005
  [
1976
- "ref",
1977
- "Employee"
2006
+ "fetch",
2007
+ "Employee",
2008
+ {
2009
+ "emit": {
2010
+ "failure": "EmployeeLoadFailed",
2011
+ "success": "EmployeeLoaded"
2012
+ }
2013
+ }
1978
2014
  ]
1979
2015
  ]
1980
2016
  },
@@ -1996,8 +2032,14 @@
1996
2032
  }
1997
2033
  ],
1998
2034
  [
1999
- "ref",
2000
- "Employee"
2035
+ "fetch",
2036
+ "Employee",
2037
+ {
2038
+ "emit": {
2039
+ "success": "EmployeeLoaded",
2040
+ "failure": "EmployeeLoadFailed"
2041
+ }
2042
+ }
2001
2043
  ]
2002
2044
  ]
2003
2045
  }
@@ -2247,55 +2289,74 @@
2247
2289
  {
2248
2290
  "type": "dashboard-layout",
2249
2291
  "appName": "HRPortal",
2292
+ "navItems": [
2293
+ {
2294
+ "icon": "users",
2295
+ "label": "Employees",
2296
+ "href": "/employees"
2297
+ },
2298
+ {
2299
+ "icon": "layout-list",
2300
+ "href": "/onboarding",
2301
+ "label": "Onboarding"
2302
+ },
2303
+ {
2304
+ "href": "/timeoff",
2305
+ "label": "Time Off",
2306
+ "icon": "calendar"
2307
+ },
2308
+ {
2309
+ "icon": "layout-list",
2310
+ "label": "Org Chart",
2311
+ "href": "/org-chart"
2312
+ }
2313
+ ],
2250
2314
  "children": [
2251
2315
  {
2252
- "type": "container",
2253
- "padding": "lg",
2254
2316
  "maxWidth": "lg",
2255
2317
  "children": [
2256
2318
  {
2257
2319
  "gap": "lg",
2258
2320
  "type": "stack",
2259
- "direction": "vertical",
2260
2321
  "children": [
2261
2322
  {
2262
2323
  "align": "center",
2263
- "type": "stack",
2324
+ "gap": "sm",
2264
2325
  "direction": "horizontal",
2265
2326
  "children": [
2266
2327
  {
2267
- "name": "clipboard-check",
2268
- "type": "icon"
2328
+ "type": "icon",
2329
+ "name": "clipboard-check"
2269
2330
  },
2270
2331
  {
2271
- "variant": "h2",
2272
2332
  "content": "Employee Onboarding",
2273
- "type": "typography"
2333
+ "type": "typography",
2334
+ "variant": "h2"
2274
2335
  }
2275
2336
  ],
2276
- "gap": "sm"
2337
+ "type": "stack"
2277
2338
  },
2278
2339
  {
2340
+ "type": "progress-dots",
2279
2341
  "count": 3.0,
2280
- "currentIndex": 0.0,
2281
- "type": "progress-dots"
2342
+ "currentIndex": 0.0
2282
2343
  },
2283
2344
  {
2345
+ "currentStep": 0.0,
2346
+ "type": "wizard-progress",
2284
2347
  "steps": [
2285
2348
  "Employee Details",
2286
2349
  "Manager Assignment",
2287
2350
  "Setup Checklist"
2288
- ],
2289
- "currentStep": 0.0,
2290
- "type": "wizard-progress"
2351
+ ]
2291
2352
  },
2292
2353
  {
2293
2354
  "type": "divider"
2294
2355
  },
2295
2356
  {
2296
- "variant": "h3",
2297
2357
  "type": "typography",
2298
- "content": "Employee Details"
2358
+ "content": "Employee Details",
2359
+ "variant": "h3"
2299
2360
  },
2300
2361
  {
2301
2362
  "cancelEvent": "INIT",
@@ -2308,45 +2369,26 @@
2308
2369
  "type": "form-section"
2309
2370
  },
2310
2371
  {
2372
+ "justify": "end",
2373
+ "direction": "horizontal",
2374
+ "gap": "sm",
2311
2375
  "children": [
2312
2376
  {
2313
- "icon": "arrow-right",
2314
- "label": "Next",
2315
2377
  "variant": "primary",
2316
2378
  "type": "button",
2317
- "action": "NEXT"
2379
+ "action": "NEXT",
2380
+ "label": "Next",
2381
+ "icon": "arrow-right"
2318
2382
  }
2319
2383
  ],
2320
- "direction": "horizontal",
2321
- "gap": "sm",
2322
- "justify": "end",
2323
2384
  "type": "stack"
2324
2385
  }
2325
- ]
2386
+ ],
2387
+ "direction": "vertical"
2326
2388
  }
2327
- ]
2328
- }
2329
- ],
2330
- "navItems": [
2331
- {
2332
- "href": "/employees",
2333
- "icon": "users",
2334
- "label": "Employees"
2335
- },
2336
- {
2337
- "href": "/onboarding",
2338
- "icon": "layout-list",
2339
- "label": "Onboarding"
2340
- },
2341
- {
2342
- "icon": "calendar",
2343
- "href": "/timeoff",
2344
- "label": "Time Off"
2345
- },
2346
- {
2347
- "icon": "layout-list",
2348
- "label": "Org Chart",
2349
- "href": "/org-chart"
2389
+ ],
2390
+ "padding": "lg",
2391
+ "type": "container"
2350
2392
  }
2351
2393
  ]
2352
2394
  }
@@ -2374,16 +2416,15 @@
2374
2416
  {
2375
2417
  "children": [
2376
2418
  {
2419
+ "maxWidth": "lg",
2420
+ "type": "container",
2377
2421
  "children": [
2378
2422
  {
2379
- "direction": "vertical",
2380
- "gap": "lg",
2381
2423
  "children": [
2382
2424
  {
2383
- "gap": "sm",
2384
- "type": "stack",
2385
2425
  "direction": "horizontal",
2386
2426
  "align": "center",
2427
+ "gap": "sm",
2387
2428
  "children": [
2388
2429
  {
2389
2430
  "type": "icon",
@@ -2391,14 +2432,15 @@
2391
2432
  },
2392
2433
  {
2393
2434
  "variant": "h2",
2394
- "content": "Employee Onboarding",
2395
- "type": "typography"
2435
+ "type": "typography",
2436
+ "content": "Employee Onboarding"
2396
2437
  }
2397
- ]
2438
+ ],
2439
+ "type": "stack"
2398
2440
  },
2399
2441
  {
2400
- "currentIndex": 1.0,
2401
2442
  "type": "progress-dots",
2443
+ "currentIndex": 1.0,
2402
2444
  "count": 3.0
2403
2445
  },
2404
2446
  {
@@ -2414,55 +2456,55 @@
2414
2456
  "type": "divider"
2415
2457
  },
2416
2458
  {
2459
+ "variant": "h3",
2417
2460
  "type": "typography",
2418
- "content": "Manager Assignment",
2419
- "variant": "h3"
2461
+ "content": "Manager Assignment"
2420
2462
  },
2421
2463
  {
2422
- "mode": "create",
2423
2464
  "cancelEvent": "PREV",
2424
2465
  "type": "form-section",
2425
- "submitEvent": "NEXT",
2426
2466
  "fields": [
2427
2467
  "manager"
2428
- ]
2468
+ ],
2469
+ "mode": "create",
2470
+ "submitEvent": "NEXT"
2429
2471
  },
2430
2472
  {
2431
- "direction": "horizontal",
2473
+ "type": "stack",
2474
+ "justify": "end",
2432
2475
  "children": [
2433
2476
  {
2434
- "label": "Back",
2435
- "action": "PREV",
2436
- "icon": "arrow-left",
2477
+ "variant": "ghost",
2437
2478
  "type": "button",
2438
- "variant": "ghost"
2479
+ "icon": "arrow-left",
2480
+ "label": "Back",
2481
+ "action": "PREV"
2439
2482
  },
2440
2483
  {
2441
- "label": "Next",
2442
2484
  "type": "button",
2443
- "action": "NEXT",
2444
2485
  "variant": "primary",
2445
- "icon": "arrow-right"
2486
+ "icon": "arrow-right",
2487
+ "label": "Next",
2488
+ "action": "NEXT"
2446
2489
  }
2447
2490
  ],
2448
- "gap": "sm",
2449
- "type": "stack",
2450
- "justify": "end"
2491
+ "direction": "horizontal",
2492
+ "gap": "sm"
2451
2493
  }
2452
2494
  ],
2495
+ "direction": "vertical",
2496
+ "gap": "lg",
2453
2497
  "type": "stack"
2454
2498
  }
2455
2499
  ],
2456
- "padding": "lg",
2457
- "maxWidth": "lg",
2458
- "type": "container"
2500
+ "padding": "lg"
2459
2501
  }
2460
2502
  ],
2461
2503
  "navItems": [
2462
2504
  {
2463
2505
  "href": "/employees",
2464
- "icon": "users",
2465
- "label": "Employees"
2506
+ "label": "Employees",
2507
+ "icon": "users"
2466
2508
  },
2467
2509
  {
2468
2510
  "href": "/onboarding",
@@ -2470,13 +2512,13 @@
2470
2512
  "label": "Onboarding"
2471
2513
  },
2472
2514
  {
2473
- "label": "Time Off",
2474
2515
  "href": "/timeoff",
2475
- "icon": "calendar"
2516
+ "icon": "calendar",
2517
+ "label": "Time Off"
2476
2518
  },
2477
2519
  {
2478
- "href": "/org-chart",
2479
2520
  "label": "Org Chart",
2521
+ "href": "/org-chart",
2480
2522
  "icon": "layout-list"
2481
2523
  }
2482
2524
  ],
@@ -2505,65 +2547,48 @@
2505
2547
  "render-ui",
2506
2548
  "main",
2507
2549
  {
2508
- "navItems": [
2509
- {
2510
- "href": "/employees",
2511
- "icon": "users",
2512
- "label": "Employees"
2513
- },
2514
- {
2515
- "label": "Onboarding",
2516
- "icon": "layout-list",
2517
- "href": "/onboarding"
2518
- },
2519
- {
2520
- "href": "/timeoff",
2521
- "label": "Time Off",
2522
- "icon": "calendar"
2523
- },
2550
+ "appName": "HRPortal",
2551
+ "type": "dashboard-layout",
2552
+ "children": [
2524
2553
  {
2525
- "icon": "layout-list",
2526
- "href": "/org-chart",
2527
- "label": "Org Chart"
2528
- }
2529
- ],
2530
- "children": [
2531
- {
2532
- "maxWidth": "lg",
2533
- "padding": "lg",
2534
2554
  "type": "container",
2555
+ "padding": "lg",
2556
+ "maxWidth": "lg",
2535
2557
  "children": [
2536
2558
  {
2559
+ "direction": "vertical",
2560
+ "type": "stack",
2561
+ "gap": "lg",
2537
2562
  "children": [
2538
2563
  {
2539
2564
  "align": "center",
2540
- "type": "stack",
2541
- "gap": "sm",
2542
2565
  "children": [
2543
2566
  {
2544
2567
  "type": "icon",
2545
2568
  "name": "clipboard-check"
2546
2569
  },
2547
2570
  {
2548
- "type": "typography",
2549
2571
  "content": "Employee Onboarding",
2572
+ "type": "typography",
2550
2573
  "variant": "h2"
2551
2574
  }
2552
2575
  ],
2553
- "direction": "horizontal"
2576
+ "type": "stack",
2577
+ "direction": "horizontal",
2578
+ "gap": "sm"
2554
2579
  },
2555
2580
  {
2556
- "count": 3.0,
2557
2581
  "currentIndex": 2.0,
2558
- "type": "progress-dots"
2582
+ "type": "progress-dots",
2583
+ "count": 3.0
2559
2584
  },
2560
2585
  {
2586
+ "type": "wizard-progress",
2561
2587
  "steps": [
2562
2588
  "Employee Details",
2563
2589
  "Manager Assignment",
2564
2590
  "Setup Checklist"
2565
2591
  ],
2566
- "type": "wizard-progress",
2567
2592
  "currentStep": 2.0
2568
2593
  },
2569
2594
  {
@@ -2571,51 +2596,68 @@
2571
2596
  },
2572
2597
  {
2573
2598
  "content": "Setup Checklist",
2574
- "type": "typography",
2575
- "variant": "h3"
2599
+ "variant": "h3",
2600
+ "type": "typography"
2576
2601
  },
2577
2602
  {
2578
- "cancelEvent": "PREV",
2603
+ "type": "form-section",
2604
+ "mode": "create",
2579
2605
  "fields": [
2580
2606
  "equipmentReady",
2581
2607
  "accessGranted"
2582
2608
  ],
2583
- "type": "form-section",
2584
- "mode": "create",
2609
+ "cancelEvent": "PREV",
2585
2610
  "submitEvent": "NEXT"
2586
2611
  },
2587
2612
  {
2588
2613
  "justify": "end",
2589
2614
  "children": [
2590
2615
  {
2591
- "icon": "arrow-left",
2592
2616
  "action": "PREV",
2593
2617
  "type": "button",
2594
2618
  "label": "Back",
2619
+ "icon": "arrow-left",
2595
2620
  "variant": "ghost"
2596
2621
  },
2597
2622
  {
2598
- "icon": "arrow-right",
2599
- "label": "Next",
2600
2623
  "type": "button",
2601
2624
  "action": "NEXT",
2602
- "variant": "primary"
2625
+ "variant": "primary",
2626
+ "icon": "arrow-right",
2627
+ "label": "Next"
2603
2628
  }
2604
2629
  ],
2605
2630
  "direction": "horizontal",
2606
- "gap": "sm",
2607
- "type": "stack"
2631
+ "type": "stack",
2632
+ "gap": "sm"
2608
2633
  }
2609
- ],
2610
- "type": "stack",
2611
- "direction": "vertical",
2612
- "gap": "lg"
2634
+ ]
2613
2635
  }
2614
2636
  ]
2615
2637
  }
2616
2638
  ],
2617
- "type": "dashboard-layout",
2618
- "appName": "HRPortal"
2639
+ "navItems": [
2640
+ {
2641
+ "label": "Employees",
2642
+ "href": "/employees",
2643
+ "icon": "users"
2644
+ },
2645
+ {
2646
+ "icon": "layout-list",
2647
+ "label": "Onboarding",
2648
+ "href": "/onboarding"
2649
+ },
2650
+ {
2651
+ "icon": "calendar",
2652
+ "label": "Time Off",
2653
+ "href": "/timeoff"
2654
+ },
2655
+ {
2656
+ "label": "Org Chart",
2657
+ "icon": "layout-list",
2658
+ "href": "/org-chart"
2659
+ }
2660
+ ]
2619
2661
  }
2620
2662
  ]
2621
2663
  ]
@@ -2630,8 +2672,8 @@
2630
2672
  "Onboarding",
2631
2673
  {
2632
2674
  "emit": {
2633
- "success": "OnboardingLoaded",
2634
- "failure": "OnboardingLoadFailed"
2675
+ "failure": "OnboardingLoadFailed",
2676
+ "success": "OnboardingLoaded"
2635
2677
  }
2636
2678
  }
2637
2679
  ],
@@ -2639,110 +2681,110 @@
2639
2681
  "render-ui",
2640
2682
  "main",
2641
2683
  {
2642
- "appName": "HRPortal",
2684
+ "type": "dashboard-layout",
2685
+ "navItems": [
2686
+ {
2687
+ "label": "Employees",
2688
+ "href": "/employees",
2689
+ "icon": "users"
2690
+ },
2691
+ {
2692
+ "href": "/onboarding",
2693
+ "label": "Onboarding",
2694
+ "icon": "layout-list"
2695
+ },
2696
+ {
2697
+ "label": "Time Off",
2698
+ "href": "/timeoff",
2699
+ "icon": "calendar"
2700
+ },
2701
+ {
2702
+ "href": "/org-chart",
2703
+ "icon": "layout-list",
2704
+ "label": "Org Chart"
2705
+ }
2706
+ ],
2643
2707
  "children": [
2644
2708
  {
2645
- "maxWidth": "lg",
2646
- "padding": "lg",
2647
2709
  "children": [
2648
2710
  {
2649
2711
  "type": "stack",
2650
- "direction": "vertical",
2651
2712
  "children": [
2652
2713
  {
2714
+ "type": "stack",
2653
2715
  "children": [
2654
2716
  {
2655
- "name": "clipboard-check",
2656
- "type": "icon"
2717
+ "type": "icon",
2718
+ "name": "clipboard-check"
2657
2719
  },
2658
2720
  {
2721
+ "type": "typography",
2659
2722
  "variant": "h2",
2660
- "content": "Employee Onboarding",
2661
- "type": "typography"
2723
+ "content": "Employee Onboarding"
2662
2724
  }
2663
2725
  ],
2664
2726
  "gap": "sm",
2665
- "type": "stack",
2666
- "direction": "horizontal",
2667
- "align": "center"
2727
+ "align": "center",
2728
+ "direction": "horizontal"
2668
2729
  },
2669
2730
  {
2731
+ "count": 3.0,
2670
2732
  "currentIndex": 0.0,
2671
- "type": "progress-dots",
2672
- "count": 3.0
2733
+ "type": "progress-dots"
2673
2734
  },
2674
2735
  {
2736
+ "type": "wizard-progress",
2675
2737
  "steps": [
2676
2738
  "Employee Details",
2677
2739
  "Manager Assignment",
2678
2740
  "Setup Checklist"
2679
2741
  ],
2680
- "currentStep": 0.0,
2681
- "type": "wizard-progress"
2742
+ "currentStep": 0.0
2682
2743
  },
2683
2744
  {
2684
2745
  "type": "divider"
2685
2746
  },
2686
2747
  {
2748
+ "content": "Employee Details",
2687
2749
  "variant": "h3",
2688
- "type": "typography",
2689
- "content": "Employee Details"
2750
+ "type": "typography"
2690
2751
  },
2691
2752
  {
2692
- "cancelEvent": "INIT",
2693
- "mode": "create",
2694
2753
  "type": "form-section",
2695
- "submitEvent": "NEXT",
2754
+ "mode": "create",
2696
2755
  "fields": [
2697
2756
  "employeeName",
2698
2757
  "department"
2699
- ]
2758
+ ],
2759
+ "cancelEvent": "INIT",
2760
+ "submitEvent": "NEXT"
2700
2761
  },
2701
2762
  {
2702
- "direction": "horizontal",
2703
2763
  "justify": "end",
2764
+ "gap": "sm",
2765
+ "direction": "horizontal",
2704
2766
  "children": [
2705
2767
  {
2768
+ "type": "button",
2706
2769
  "label": "Next",
2770
+ "variant": "primary",
2707
2771
  "action": "NEXT",
2708
- "type": "button",
2709
- "icon": "arrow-right",
2710
- "variant": "primary"
2772
+ "icon": "arrow-right"
2711
2773
  }
2712
2774
  ],
2713
- "type": "stack",
2714
- "gap": "sm"
2775
+ "type": "stack"
2715
2776
  }
2716
2777
  ],
2778
+ "direction": "vertical",
2717
2779
  "gap": "lg"
2718
2780
  }
2719
2781
  ],
2782
+ "padding": "lg",
2783
+ "maxWidth": "lg",
2720
2784
  "type": "container"
2721
2785
  }
2722
2786
  ],
2723
- "navItems": [
2724
- {
2725
- "icon": "users",
2726
- "href": "/employees",
2727
- "label": "Employees"
2728
- },
2729
- {
2730
- "icon": "layout-list",
2731
- "label": "Onboarding",
2732
- "href": "/onboarding"
2733
- },
2734
- {
2735
- "icon": "calendar",
2736
- "label": "Time Off",
2737
- "href": "/timeoff"
2738
- },
2739
- {
2740
- "href": "/org-chart",
2741
- "label": "Org Chart",
2742
- "icon": "layout-list"
2743
- }
2744
- ],
2745
- "type": "dashboard-layout"
2787
+ "appName": "HRPortal"
2746
2788
  }
2747
2789
  ]
2748
2790
  ]
@@ -2766,115 +2808,133 @@
2766
2808
  "render-ui",
2767
2809
  "main",
2768
2810
  {
2769
- "appName": "HRPortal",
2770
2811
  "type": "dashboard-layout",
2812
+ "appName": "HRPortal",
2813
+ "navItems": [
2814
+ {
2815
+ "icon": "users",
2816
+ "label": "Employees",
2817
+ "href": "/employees"
2818
+ },
2819
+ {
2820
+ "label": "Onboarding",
2821
+ "icon": "layout-list",
2822
+ "href": "/onboarding"
2823
+ },
2824
+ {
2825
+ "icon": "calendar",
2826
+ "label": "Time Off",
2827
+ "href": "/timeoff"
2828
+ },
2829
+ {
2830
+ "icon": "layout-list",
2831
+ "href": "/org-chart",
2832
+ "label": "Org Chart"
2833
+ }
2834
+ ],
2771
2835
  "children": [
2772
2836
  {
2773
- "direction": "vertical",
2774
2837
  "type": "stack",
2775
- "gap": "lg",
2838
+ "direction": "vertical",
2776
2839
  "children": [
2777
2840
  {
2778
2841
  "direction": "horizontal",
2779
- "gap": "sm",
2780
- "type": "stack",
2781
2842
  "align": "center",
2782
2843
  "children": [
2783
2844
  {
2784
- "name": "clipboard-check",
2785
- "type": "icon"
2845
+ "type": "icon",
2846
+ "name": "clipboard-check"
2786
2847
  },
2787
2848
  {
2788
2849
  "type": "typography",
2789
2850
  "variant": "h2",
2790
2851
  "content": "Employee Onboarding"
2791
2852
  }
2792
- ]
2853
+ ],
2854
+ "type": "stack",
2855
+ "gap": "sm"
2793
2856
  },
2794
2857
  {
2795
2858
  "type": "badge",
2796
2859
  "label": "Review"
2797
2860
  },
2798
2861
  {
2862
+ "type": "wizard-progress",
2863
+ "currentStep": 3.0,
2799
2864
  "steps": [
2800
2865
  "Employee Details",
2801
2866
  "Manager Assignment",
2802
2867
  "Setup Checklist"
2803
- ],
2804
- "currentStep": 3.0,
2805
- "type": "wizard-progress"
2868
+ ]
2806
2869
  },
2807
2870
  {
2808
2871
  "type": "divider"
2809
2872
  },
2810
2873
  {
2811
- "gap": "sm",
2812
- "direction": "vertical",
2813
- "type": "stack",
2814
2874
  "children": [
2815
2875
  {
2816
- "type": "stack",
2817
- "direction": "horizontal",
2818
- "gap": "md",
2819
- "justify": "between",
2820
2876
  "children": [
2821
2877
  {
2822
- "type": "typography",
2878
+ "content": "Employee Name",
2823
2879
  "variant": "caption",
2824
- "content": "Employee Name"
2880
+ "type": "typography"
2825
2881
  },
2826
2882
  {
2827
- "content": "@entity.employeeName",
2828
2883
  "type": "typography",
2829
- "variant": "body"
2884
+ "variant": "body",
2885
+ "content": "@entity.employeeName"
2830
2886
  }
2831
- ]
2832
- },
2833
- {
2887
+ ],
2834
2888
  "type": "stack",
2835
- "direction": "horizontal",
2836
2889
  "justify": "between",
2890
+ "gap": "md",
2891
+ "direction": "horizontal"
2892
+ },
2893
+ {
2837
2894
  "children": [
2838
2895
  {
2839
- "content": "Department",
2840
2896
  "type": "typography",
2841
- "variant": "caption"
2897
+ "variant": "caption",
2898
+ "content": "Department"
2842
2899
  },
2843
2900
  {
2844
- "type": "typography",
2845
2901
  "content": "@entity.department",
2846
- "variant": "body"
2902
+ "variant": "body",
2903
+ "type": "typography"
2847
2904
  }
2848
2905
  ],
2906
+ "type": "stack",
2907
+ "justify": "between",
2908
+ "direction": "horizontal",
2849
2909
  "gap": "md"
2850
2910
  },
2851
2911
  {
2852
- "type": "stack",
2853
2912
  "direction": "horizontal",
2854
2913
  "gap": "md",
2914
+ "type": "stack",
2915
+ "justify": "between",
2855
2916
  "children": [
2856
2917
  {
2857
- "content": "Manager",
2858
2918
  "type": "typography",
2859
- "variant": "caption"
2919
+ "variant": "caption",
2920
+ "content": "Manager"
2860
2921
  },
2861
2922
  {
2862
2923
  "content": "@entity.manager",
2863
- "variant": "body",
2864
- "type": "typography"
2924
+ "type": "typography",
2925
+ "variant": "body"
2865
2926
  }
2866
- ],
2867
- "justify": "between"
2927
+ ]
2868
2928
  },
2869
2929
  {
2870
- "type": "stack",
2871
2930
  "direction": "horizontal",
2931
+ "justify": "between",
2872
2932
  "gap": "md",
2873
2933
  "children": [
2874
2934
  {
2875
2935
  "variant": "caption",
2876
- "type": "typography",
2877
- "content": "Equipment Ready"
2936
+ "content": "Equipment Ready",
2937
+ "type": "typography"
2878
2938
  },
2879
2939
  {
2880
2940
  "type": "typography",
@@ -2882,59 +2942,41 @@
2882
2942
  "content": "@entity.equipmentReady"
2883
2943
  }
2884
2944
  ],
2885
- "justify": "between"
2945
+ "type": "stack"
2886
2946
  },
2887
2947
  {
2888
- "type": "stack",
2889
- "gap": "md",
2890
2948
  "direction": "horizontal",
2949
+ "gap": "md",
2891
2950
  "justify": "between",
2892
2951
  "children": [
2893
2952
  {
2894
- "content": "Access Granted",
2895
2953
  "variant": "caption",
2896
- "type": "typography"
2954
+ "type": "typography",
2955
+ "content": "Access Granted"
2897
2956
  },
2898
2957
  {
2899
2958
  "variant": "body",
2900
- "type": "typography",
2901
- "content": "@entity.accessGranted"
2959
+ "content": "@entity.accessGranted",
2960
+ "type": "typography"
2902
2961
  }
2903
- ]
2962
+ ],
2963
+ "type": "stack"
2904
2964
  }
2905
- ]
2965
+ ],
2966
+ "direction": "vertical",
2967
+ "gap": "sm",
2968
+ "type": "stack"
2906
2969
  },
2907
2970
  {
2908
- "showBack": true,
2971
+ "type": "wizard-navigation",
2909
2972
  "totalSteps": 4.0,
2910
2973
  "showNext": false,
2911
- "type": "wizard-navigation",
2912
2974
  "currentStep": 3.0,
2975
+ "showBack": true,
2913
2976
  "showComplete": true
2914
2977
  }
2915
- ]
2916
- }
2917
- ],
2918
- "navItems": [
2919
- {
2920
- "label": "Employees",
2921
- "href": "/employees",
2922
- "icon": "users"
2923
- },
2924
- {
2925
- "label": "Onboarding",
2926
- "href": "/onboarding",
2927
- "icon": "layout-list"
2928
- },
2929
- {
2930
- "label": "Time Off",
2931
- "href": "/timeoff",
2932
- "icon": "calendar"
2933
- },
2934
- {
2935
- "label": "Org Chart",
2936
- "icon": "layout-list",
2937
- "href": "/org-chart"
2978
+ ],
2979
+ "gap": "lg"
2938
2980
  }
2939
2981
  ]
2940
2982
  }
@@ -2951,8 +2993,8 @@
2951
2993
  "Onboarding",
2952
2994
  {
2953
2995
  "emit": {
2954
- "failure": "OnboardingLoadFailed",
2955
- "success": "OnboardingLoaded"
2996
+ "success": "OnboardingLoaded",
2997
+ "failure": "OnboardingLoadFailed"
2956
2998
  }
2957
2999
  }
2958
3000
  ],
@@ -2961,67 +3003,46 @@
2961
3003
  "main",
2962
3004
  {
2963
3005
  "type": "dashboard-layout",
2964
- "navItems": [
2965
- {
2966
- "label": "Employees",
2967
- "href": "/employees",
2968
- "icon": "users"
2969
- },
2970
- {
2971
- "label": "Onboarding",
2972
- "href": "/onboarding",
2973
- "icon": "layout-list"
2974
- },
2975
- {
2976
- "href": "/timeoff",
2977
- "icon": "calendar",
2978
- "label": "Time Off"
2979
- },
2980
- {
2981
- "href": "/org-chart",
2982
- "label": "Org Chart",
2983
- "icon": "layout-list"
2984
- }
2985
- ],
2986
3006
  "children": [
2987
3007
  {
3008
+ "type": "container",
3009
+ "padding": "lg",
2988
3010
  "maxWidth": "lg",
2989
3011
  "children": [
2990
3012
  {
2991
- "direction": "vertical",
2992
- "gap": "lg",
2993
3013
  "type": "stack",
3014
+ "direction": "vertical",
2994
3015
  "children": [
2995
3016
  {
3017
+ "align": "center",
3018
+ "direction": "horizontal",
2996
3019
  "children": [
2997
3020
  {
2998
3021
  "type": "icon",
2999
3022
  "name": "clipboard-check"
3000
3023
  },
3001
3024
  {
3002
- "variant": "h2",
3003
3025
  "type": "typography",
3026
+ "variant": "h2",
3004
3027
  "content": "Employee Onboarding"
3005
3028
  }
3006
3029
  ],
3007
3030
  "gap": "sm",
3008
- "direction": "horizontal",
3009
- "type": "stack",
3010
- "align": "center"
3031
+ "type": "stack"
3011
3032
  },
3012
3033
  {
3013
3034
  "count": 3.0,
3014
- "currentIndex": 1.0,
3015
- "type": "progress-dots"
3035
+ "type": "progress-dots",
3036
+ "currentIndex": 1.0
3016
3037
  },
3017
3038
  {
3018
- "type": "wizard-progress",
3019
3039
  "steps": [
3020
3040
  "Employee Details",
3021
3041
  "Manager Assignment",
3022
3042
  "Setup Checklist"
3023
3043
  ],
3024
- "currentStep": 1.0
3044
+ "currentStep": 1.0,
3045
+ "type": "wizard-progress"
3025
3046
  },
3026
3047
  {
3027
3048
  "type": "divider"
@@ -3032,41 +3053,62 @@
3032
3053
  "variant": "h3"
3033
3054
  },
3034
3055
  {
3035
- "mode": "create",
3036
- "submitEvent": "NEXT",
3037
3056
  "type": "form-section",
3057
+ "mode": "create",
3038
3058
  "cancelEvent": "PREV",
3039
3059
  "fields": [
3040
3060
  "manager"
3041
- ]
3061
+ ],
3062
+ "submitEvent": "NEXT"
3042
3063
  },
3043
3064
  {
3065
+ "type": "stack",
3044
3066
  "gap": "sm",
3067
+ "justify": "end",
3068
+ "direction": "horizontal",
3045
3069
  "children": [
3046
3070
  {
3047
3071
  "type": "button",
3048
- "action": "PREV",
3072
+ "icon": "arrow-left",
3049
3073
  "label": "Back",
3050
3074
  "variant": "ghost",
3051
- "icon": "arrow-left"
3075
+ "action": "PREV"
3052
3076
  },
3053
3077
  {
3078
+ "icon": "arrow-right",
3054
3079
  "type": "button",
3055
3080
  "action": "NEXT",
3056
3081
  "label": "Next",
3057
- "variant": "primary",
3058
- "icon": "arrow-right"
3082
+ "variant": "primary"
3059
3083
  }
3060
- ],
3061
- "type": "stack",
3062
- "direction": "horizontal",
3063
- "justify": "end"
3084
+ ]
3064
3085
  }
3065
- ]
3086
+ ],
3087
+ "gap": "lg"
3066
3088
  }
3067
- ],
3068
- "padding": "lg",
3069
- "type": "container"
3089
+ ]
3090
+ }
3091
+ ],
3092
+ "navItems": [
3093
+ {
3094
+ "label": "Employees",
3095
+ "href": "/employees",
3096
+ "icon": "users"
3097
+ },
3098
+ {
3099
+ "icon": "layout-list",
3100
+ "label": "Onboarding",
3101
+ "href": "/onboarding"
3102
+ },
3103
+ {
3104
+ "label": "Time Off",
3105
+ "href": "/timeoff",
3106
+ "icon": "calendar"
3107
+ },
3108
+ {
3109
+ "label": "Org Chart",
3110
+ "href": "/org-chart",
3111
+ "icon": "layout-list"
3070
3112
  }
3071
3113
  ],
3072
3114
  "appName": "HRPortal"
@@ -3093,15 +3135,15 @@
3093
3135
  "render-ui",
3094
3136
  "main",
3095
3137
  {
3138
+ "type": "dashboard-layout",
3096
3139
  "children": [
3097
3140
  {
3098
- "maxWidth": "lg",
3099
3141
  "children": [
3100
3142
  {
3101
- "direction": "vertical",
3102
- "gap": "lg",
3103
3143
  "children": [
3104
3144
  {
3145
+ "direction": "horizontal",
3146
+ "gap": "sm",
3105
3147
  "type": "stack",
3106
3148
  "align": "center",
3107
3149
  "children": [
@@ -3111,17 +3153,15 @@
3111
3153
  },
3112
3154
  {
3113
3155
  "content": "Employee Onboarding",
3114
- "variant": "h2",
3115
- "type": "typography"
3156
+ "type": "typography",
3157
+ "variant": "h2"
3116
3158
  }
3117
- ],
3118
- "direction": "horizontal",
3119
- "gap": "sm"
3159
+ ]
3120
3160
  },
3121
3161
  {
3162
+ "currentIndex": 2.0,
3122
3163
  "type": "progress-dots",
3123
- "count": 3.0,
3124
- "currentIndex": 2.0
3164
+ "count": 3.0
3125
3165
  },
3126
3166
  {
3127
3167
  "steps": [
@@ -3141,57 +3181,59 @@
3141
3181
  "variant": "h3"
3142
3182
  },
3143
3183
  {
3144
- "type": "form-section",
3145
3184
  "cancelEvent": "PREV",
3146
3185
  "fields": [
3147
3186
  "equipmentReady",
3148
3187
  "accessGranted"
3149
3188
  ],
3150
3189
  "submitEvent": "NEXT",
3151
- "mode": "create"
3190
+ "mode": "create",
3191
+ "type": "form-section"
3152
3192
  },
3153
3193
  {
3154
- "gap": "sm",
3194
+ "direction": "horizontal",
3195
+ "justify": "end",
3196
+ "type": "stack",
3155
3197
  "children": [
3156
3198
  {
3157
- "type": "button",
3199
+ "label": "Back",
3158
3200
  "action": "PREV",
3201
+ "variant": "ghost",
3159
3202
  "icon": "arrow-left",
3160
- "label": "Back",
3161
- "variant": "ghost"
3203
+ "type": "button"
3162
3204
  },
3163
3205
  {
3164
- "icon": "arrow-right",
3165
- "label": "Next",
3166
3206
  "type": "button",
3207
+ "label": "Next",
3167
3208
  "action": "NEXT",
3209
+ "icon": "arrow-right",
3168
3210
  "variant": "primary"
3169
3211
  }
3170
3212
  ],
3171
- "direction": "horizontal",
3172
- "type": "stack",
3173
- "justify": "end"
3213
+ "gap": "sm"
3174
3214
  }
3175
3215
  ],
3216
+ "direction": "vertical",
3217
+ "gap": "lg",
3176
3218
  "type": "stack"
3177
3219
  }
3178
3220
  ],
3179
3221
  "type": "container",
3180
- "padding": "lg"
3222
+ "padding": "lg",
3223
+ "maxWidth": "lg"
3181
3224
  }
3182
3225
  ],
3183
- "type": "dashboard-layout",
3184
3226
  "appName": "HRPortal",
3185
3227
  "navItems": [
3186
3228
  {
3187
3229
  "href": "/employees",
3188
- "label": "Employees",
3189
- "icon": "users"
3230
+ "icon": "users",
3231
+ "label": "Employees"
3190
3232
  },
3191
3233
  {
3192
- "icon": "layout-list",
3193
3234
  "label": "Onboarding",
3194
- "href": "/onboarding"
3235
+ "href": "/onboarding",
3236
+ "icon": "layout-list"
3195
3237
  },
3196
3238
  {
3197
3239
  "label": "Time Off",
@@ -3199,9 +3241,9 @@
3199
3241
  "href": "/timeoff"
3200
3242
  },
3201
3243
  {
3202
- "icon": "layout-list",
3203
3244
  "href": "/org-chart",
3204
- "label": "Org Chart"
3245
+ "label": "Org Chart",
3246
+ "icon": "layout-list"
3205
3247
  }
3206
3248
  ]
3207
3249
  }
@@ -3234,22 +3276,21 @@
3234
3276
  "render-ui",
3235
3277
  "main",
3236
3278
  {
3279
+ "type": "dashboard-layout",
3237
3280
  "appName": "HRPortal",
3238
3281
  "children": [
3239
3282
  {
3240
- "gap": "lg",
3241
- "type": "stack",
3242
3283
  "direction": "vertical",
3243
- "align": "center",
3284
+ "type": "stack",
3244
3285
  "children": [
3245
3286
  {
3246
3287
  "name": "check-circle",
3247
3288
  "type": "icon"
3248
3289
  },
3249
3290
  {
3291
+ "variant": "h2",
3250
3292
  "type": "typography",
3251
- "content": "Onboarding Complete!",
3252
- "variant": "h2"
3293
+ "content": "Onboarding Complete!"
3253
3294
  },
3254
3295
  {
3255
3296
  "content": "The new employee has been fully onboarded.",
@@ -3258,37 +3299,38 @@
3258
3299
  },
3259
3300
  {
3260
3301
  "label": "Start New",
3261
- "type": "button",
3262
- "icon": "refresh-cw",
3263
3302
  "variant": "primary",
3303
+ "icon": "refresh-cw",
3304
+ "type": "button",
3264
3305
  "action": "RESTART"
3265
3306
  }
3266
- ]
3307
+ ],
3308
+ "gap": "lg",
3309
+ "align": "center"
3267
3310
  }
3268
3311
  ],
3269
3312
  "navItems": [
3270
3313
  {
3271
- "href": "/employees",
3314
+ "label": "Employees",
3272
3315
  "icon": "users",
3273
- "label": "Employees"
3316
+ "href": "/employees"
3274
3317
  },
3275
3318
  {
3276
- "icon": "layout-list",
3319
+ "label": "Onboarding",
3277
3320
  "href": "/onboarding",
3278
- "label": "Onboarding"
3321
+ "icon": "layout-list"
3279
3322
  },
3280
3323
  {
3281
- "icon": "calendar",
3282
3324
  "label": "Time Off",
3283
- "href": "/timeoff"
3325
+ "href": "/timeoff",
3326
+ "icon": "calendar"
3284
3327
  },
3285
3328
  {
3286
- "href": "/org-chart",
3329
+ "label": "Org Chart",
3287
3330
  "icon": "layout-list",
3288
- "label": "Org Chart"
3331
+ "href": "/org-chart"
3289
3332
  }
3290
- ],
3291
- "type": "dashboard-layout"
3333
+ ]
3292
3334
  }
3293
3335
  ]
3294
3336
  ]
@@ -3313,69 +3355,44 @@
3313
3355
  "main",
3314
3356
  {
3315
3357
  "type": "dashboard-layout",
3316
- "navItems": [
3317
- {
3318
- "href": "/employees",
3319
- "label": "Employees",
3320
- "icon": "users"
3321
- },
3322
- {
3323
- "icon": "layout-list",
3324
- "label": "Onboarding",
3325
- "href": "/onboarding"
3326
- },
3327
- {
3328
- "label": "Time Off",
3329
- "href": "/timeoff",
3330
- "icon": "calendar"
3331
- },
3332
- {
3333
- "icon": "layout-list",
3334
- "label": "Org Chart",
3335
- "href": "/org-chart"
3336
- }
3337
- ],
3338
- "appName": "HRPortal",
3339
3358
  "children": [
3340
3359
  {
3360
+ "type": "container",
3341
3361
  "padding": "lg",
3342
3362
  "maxWidth": "lg",
3343
3363
  "children": [
3344
3364
  {
3345
- "gap": "lg",
3346
- "type": "stack",
3347
- "direction": "vertical",
3348
3365
  "children": [
3349
3366
  {
3350
- "gap": "sm",
3351
- "direction": "horizontal",
3352
- "align": "center",
3353
- "type": "stack",
3354
3367
  "children": [
3355
3368
  {
3356
- "type": "icon",
3357
- "name": "clipboard-check"
3369
+ "name": "clipboard-check",
3370
+ "type": "icon"
3358
3371
  },
3359
3372
  {
3373
+ "variant": "h2",
3360
3374
  "type": "typography",
3361
- "content": "Employee Onboarding",
3362
- "variant": "h2"
3375
+ "content": "Employee Onboarding"
3363
3376
  }
3364
- ]
3377
+ ],
3378
+ "direction": "horizontal",
3379
+ "type": "stack",
3380
+ "align": "center",
3381
+ "gap": "sm"
3365
3382
  },
3366
3383
  {
3367
- "type": "progress-dots",
3384
+ "count": 3.0,
3368
3385
  "currentIndex": 0.0,
3369
- "count": 3.0
3386
+ "type": "progress-dots"
3370
3387
  },
3371
3388
  {
3389
+ "type": "wizard-progress",
3372
3390
  "steps": [
3373
3391
  "Employee Details",
3374
3392
  "Manager Assignment",
3375
3393
  "Setup Checklist"
3376
3394
  ],
3377
- "currentStep": 0.0,
3378
- "type": "wizard-progress"
3395
+ "currentStep": 0.0
3379
3396
  },
3380
3397
  {
3381
3398
  "type": "divider"
@@ -3386,36 +3403,61 @@
3386
3403
  "content": "Employee Details"
3387
3404
  },
3388
3405
  {
3389
- "type": "form-section",
3390
- "mode": "create",
3391
3406
  "submitEvent": "NEXT",
3392
3407
  "cancelEvent": "INIT",
3393
3408
  "fields": [
3394
3409
  "employeeName",
3395
3410
  "department"
3396
- ]
3411
+ ],
3412
+ "mode": "create",
3413
+ "type": "form-section"
3397
3414
  },
3398
3415
  {
3399
- "type": "stack",
3400
- "gap": "sm",
3401
- "direction": "horizontal",
3402
3416
  "children": [
3403
3417
  {
3404
3418
  "type": "button",
3405
3419
  "icon": "arrow-right",
3406
3420
  "action": "NEXT",
3407
- "label": "Next",
3408
- "variant": "primary"
3421
+ "variant": "primary",
3422
+ "label": "Next"
3409
3423
  }
3410
3424
  ],
3411
- "justify": "end"
3425
+ "justify": "end",
3426
+ "type": "stack",
3427
+ "gap": "sm",
3428
+ "direction": "horizontal"
3412
3429
  }
3413
- ]
3430
+ ],
3431
+ "type": "stack",
3432
+ "gap": "lg",
3433
+ "direction": "vertical"
3414
3434
  }
3415
- ],
3416
- "type": "container"
3435
+ ]
3417
3436
  }
3418
- ]
3437
+ ],
3438
+ "navItems": [
3439
+ {
3440
+ "icon": "users",
3441
+ "href": "/employees",
3442
+ "label": "Employees"
3443
+ },
3444
+ {
3445
+ "href": "/onboarding",
3446
+ "label": "Onboarding",
3447
+ "icon": "layout-list"
3448
+ },
3449
+ {
3450
+ "label": "Time Off",
3451
+ "icon": "calendar",
3452
+ "href": "/timeoff"
3453
+ },
3454
+ {
3455
+ "label": "Org Chart",
3456
+ "icon": "layout-list",
3457
+ "href": "/org-chart"
3458
+ }
3459
+ ],
3460
+ "appName": "HRPortal"
3419
3461
  }
3420
3462
  ]
3421
3463
  ]
@@ -3430,8 +3472,8 @@
3430
3472
  "Onboarding",
3431
3473
  {
3432
3474
  "emit": {
3433
- "success": "OnboardingLoaded",
3434
- "failure": "OnboardingLoadFailed"
3475
+ "failure": "OnboardingLoadFailed",
3476
+ "success": "OnboardingLoaded"
3435
3477
  }
3436
3478
  }
3437
3479
  ],
@@ -3440,64 +3482,42 @@
3440
3482
  "main",
3441
3483
  {
3442
3484
  "appName": "HRPortal",
3443
- "type": "dashboard-layout",
3444
- "navItems": [
3445
- {
3446
- "icon": "users",
3447
- "label": "Employees",
3448
- "href": "/employees"
3449
- },
3450
- {
3451
- "href": "/onboarding",
3452
- "label": "Onboarding",
3453
- "icon": "layout-list"
3454
- },
3455
- {
3456
- "href": "/timeoff",
3457
- "icon": "calendar",
3458
- "label": "Time Off"
3459
- },
3460
- {
3461
- "label": "Org Chart",
3462
- "href": "/org-chart",
3463
- "icon": "layout-list"
3464
- }
3465
- ],
3466
3485
  "children": [
3467
3486
  {
3487
+ "padding": "lg",
3468
3488
  "children": [
3469
3489
  {
3470
- "type": "stack",
3490
+ "direction": "vertical",
3471
3491
  "children": [
3472
3492
  {
3473
- "type": "stack",
3474
3493
  "children": [
3475
3494
  {
3476
3495
  "type": "icon",
3477
3496
  "name": "clipboard-check"
3478
3497
  },
3479
3498
  {
3480
- "variant": "h2",
3499
+ "content": "Employee Onboarding",
3481
3500
  "type": "typography",
3482
- "content": "Employee Onboarding"
3501
+ "variant": "h2"
3483
3502
  }
3484
3503
  ],
3504
+ "type": "stack",
3485
3505
  "gap": "sm",
3486
- "direction": "horizontal",
3487
- "align": "center"
3506
+ "align": "center",
3507
+ "direction": "horizontal"
3488
3508
  },
3489
3509
  {
3490
- "currentIndex": 0.0,
3491
3510
  "count": 3.0,
3492
- "type": "progress-dots"
3511
+ "type": "progress-dots",
3512
+ "currentIndex": 0.0
3493
3513
  },
3494
3514
  {
3495
- "currentStep": 0.0,
3496
3515
  "steps": [
3497
3516
  "Employee Details",
3498
3517
  "Manager Assignment",
3499
3518
  "Setup Checklist"
3500
3519
  ],
3520
+ "currentStep": 0.0,
3501
3521
  "type": "wizard-progress"
3502
3522
  },
3503
3523
  {
@@ -3505,43 +3525,65 @@
3505
3525
  },
3506
3526
  {
3507
3527
  "variant": "h3",
3508
- "type": "typography",
3509
- "content": "Employee Details"
3528
+ "content": "Employee Details",
3529
+ "type": "typography"
3510
3530
  },
3511
3531
  {
3512
- "mode": "create",
3513
- "submitEvent": "NEXT",
3514
- "cancelEvent": "INIT",
3515
- "type": "form-section",
3516
3532
  "fields": [
3517
3533
  "employeeName",
3518
3534
  "department"
3519
- ]
3535
+ ],
3536
+ "type": "form-section",
3537
+ "submitEvent": "NEXT",
3538
+ "mode": "create",
3539
+ "cancelEvent": "INIT"
3520
3540
  },
3521
3541
  {
3522
- "justify": "end",
3542
+ "gap": "sm",
3523
3543
  "type": "stack",
3524
3544
  "direction": "horizontal",
3545
+ "justify": "end",
3525
3546
  "children": [
3526
3547
  {
3527
- "label": "Next",
3528
- "action": "NEXT",
3529
- "icon": "arrow-right",
3530
3548
  "variant": "primary",
3531
- "type": "button"
3549
+ "icon": "arrow-right",
3550
+ "label": "Next",
3551
+ "type": "button",
3552
+ "action": "NEXT"
3532
3553
  }
3533
- ],
3534
- "gap": "sm"
3554
+ ]
3535
3555
  }
3536
3556
  ],
3537
- "gap": "lg",
3538
- "direction": "vertical"
3557
+ "type": "stack",
3558
+ "gap": "lg"
3539
3559
  }
3540
3560
  ],
3541
3561
  "maxWidth": "lg",
3542
- "padding": "lg",
3543
3562
  "type": "container"
3544
3563
  }
3564
+ ],
3565
+ "type": "dashboard-layout",
3566
+ "navItems": [
3567
+ {
3568
+ "href": "/employees",
3569
+ "icon": "users",
3570
+ "label": "Employees"
3571
+ },
3572
+ {
3573
+ "href": "/onboarding",
3574
+ "label": "Onboarding",
3575
+ "icon": "layout-list"
3576
+ },
3577
+ {
3578
+ "icon": "calendar",
3579
+ "label": "Time Off",
3580
+ "href": "/timeoff"
3581
+ },
3582
+ {
3583
+ "label": "Org Chart",
3584
+ "icon": "layout-list",
3585
+ "href": "/org-chart"
3586
+ }
3545
3587
  ]
3546
3588
  }
3547
3589
  ]
@@ -3724,8 +3766,8 @@
3724
3766
  "TimeOff",
3725
3767
  {
3726
3768
  "emit": {
3727
- "success": "TimeOffLoaded",
3728
- "failure": "TimeOffLoadFailed"
3769
+ "failure": "TimeOffLoadFailed",
3770
+ "success": "TimeOffLoaded"
3729
3771
  }
3730
3772
  }
3731
3773
  ],
@@ -3733,22 +3775,22 @@
3733
3775
  "render-ui",
3734
3776
  "main",
3735
3777
  {
3736
- "gap": "md",
3737
- "direction": "vertical",
3738
- "type": "stack",
3739
- "align": "center",
3740
- "className": "py-12",
3741
3778
  "children": [
3742
3779
  {
3743
3780
  "type": "spinner"
3744
3781
  },
3745
3782
  {
3746
- "content": "Loading…",
3747
3783
  "variant": "caption",
3784
+ "type": "typography",
3748
3785
  "color": "muted",
3749
- "type": "typography"
3786
+ "content": "Loading…"
3750
3787
  }
3751
- ]
3788
+ ],
3789
+ "type": "stack",
3790
+ "align": "center",
3791
+ "className": "py-12",
3792
+ "gap": "md",
3793
+ "direction": "vertical"
3752
3794
  }
3753
3795
  ]
3754
3796
  ]
@@ -3762,17 +3804,41 @@
3762
3804
  "render-ui",
3763
3805
  "main",
3764
3806
  {
3807
+ "navItems": [
3808
+ {
3809
+ "href": "/employees",
3810
+ "icon": "users",
3811
+ "label": "Employees"
3812
+ },
3813
+ {
3814
+ "href": "/onboarding",
3815
+ "label": "Onboarding",
3816
+ "icon": "layout-list"
3817
+ },
3818
+ {
3819
+ "icon": "calendar",
3820
+ "href": "/timeoff",
3821
+ "label": "Time Off"
3822
+ },
3823
+ {
3824
+ "href": "/org-chart",
3825
+ "icon": "layout-list",
3826
+ "label": "Org Chart"
3827
+ }
3828
+ ],
3765
3829
  "type": "dashboard-layout",
3766
- "appName": "HRPortal",
3767
3830
  "children": [
3768
3831
  {
3769
- "gap": "lg",
3770
3832
  "direction": "vertical",
3833
+ "type": "stack",
3834
+ "className": "max-w-5xl mx-auto w-full",
3771
3835
  "children": [
3772
3836
  {
3773
- "direction": "horizontal",
3774
3837
  "children": [
3775
3838
  {
3839
+ "type": "stack",
3840
+ "direction": "horizontal",
3841
+ "gap": "sm",
3776
3842
  "align": "center",
3777
3843
  "children": [
3778
3844
  {
@@ -3780,118 +3846,94 @@
3780
3846
  "type": "icon"
3781
3847
  },
3782
3848
  {
3783
- "variant": "h2",
3849
+ "type": "typography",
3784
3850
  "content": "Time Off Requests",
3785
- "type": "typography"
3851
+ "variant": "h2"
3786
3852
  }
3787
- ],
3788
- "type": "stack",
3789
- "direction": "horizontal",
3790
- "gap": "sm"
3853
+ ]
3791
3854
  },
3792
3855
  {
3793
3856
  "type": "stack",
3794
- "gap": "sm",
3795
3857
  "direction": "horizontal",
3858
+ "gap": "sm",
3796
3859
  "children": [
3797
3860
  {
3798
3861
  "type": "button",
3799
- "icon": "plus",
3800
3862
  "variant": "primary",
3863
+ "icon": "plus",
3801
3864
  "label": "Request Time Off",
3802
3865
  "action": "CREATE"
3803
3866
  }
3804
3867
  ]
3805
3868
  }
3806
3869
  ],
3807
- "type": "stack",
3808
- "gap": "md",
3870
+ "direction": "horizontal",
3809
3871
  "justify": "between",
3810
- "align": "center"
3872
+ "align": "center",
3873
+ "gap": "md",
3874
+ "type": "stack"
3811
3875
  },
3812
3876
  {
3813
3877
  "type": "divider"
3814
3878
  },
3815
3879
  {
3816
- "type": "data-list",
3817
- "variant": "card",
3818
- "fields": [],
3819
3880
  "columns": [
3820
3881
  {
3821
- "name": "employeeName",
3882
+ "icon": "calendar",
3822
3883
  "label": "Employee",
3823
3884
  "variant": "h3",
3824
- "icon": "calendar"
3885
+ "name": "employeeName"
3825
3886
  },
3826
3887
  {
3827
- "label": "Type",
3828
3888
  "name": "leaveType",
3889
+ "label": "Type",
3829
3890
  "variant": "badge"
3830
3891
  },
3831
3892
  {
3832
- "variant": "badge",
3833
- "name": "status"
3893
+ "name": "status",
3894
+ "variant": "badge"
3834
3895
  },
3835
3896
  {
3836
- "variant": "body",
3837
3897
  "label": "From",
3898
+ "variant": "body",
3838
3899
  "format": "date",
3839
3900
  "name": "startDate"
3840
3901
  },
3841
3902
  {
3842
3903
  "label": "To",
3843
- "variant": "body",
3844
3904
  "format": "date",
3845
- "name": "endDate"
3905
+ "name": "endDate",
3906
+ "variant": "body"
3846
3907
  }
3847
3908
  ],
3848
- "entity": "@payload.data",
3909
+ "type": "data-list",
3849
3910
  "itemActions": [
3850
3911
  {
3851
- "event": "VIEW",
3852
3912
  "variant": "ghost",
3913
+ "event": "VIEW",
3853
3914
  "label": "View"
3854
3915
  },
3855
3916
  {
3856
3917
  "label": "Edit",
3857
- "variant": "ghost",
3858
- "event": "EDIT"
3918
+ "event": "EDIT",
3919
+ "variant": "ghost"
3859
3920
  },
3860
3921
  {
3861
3922
  "event": "DELETE",
3862
- "variant": "danger",
3863
- "label": "Delete"
3923
+ "label": "Delete",
3924
+ "variant": "danger"
3864
3925
  }
3865
3926
  ],
3866
- "gap": "sm"
3927
+ "variant": "card",
3928
+ "gap": "sm",
3929
+ "fields": [],
3930
+ "entity": "@payload.data"
3867
3931
  }
3868
3932
  ],
3869
- "type": "stack",
3870
- "className": "max-w-5xl mx-auto w-full"
3933
+ "gap": "lg"
3871
3934
  }
3872
3935
  ],
3873
- "navItems": [
3874
- {
3875
- "icon": "users",
3876
- "href": "/employees",
3877
- "label": "Employees"
3878
- },
3879
- {
3880
- "icon": "layout-list",
3881
- "href": "/onboarding",
3882
- "label": "Onboarding"
3883
- },
3884
- {
3885
- "href": "/timeoff",
3886
- "icon": "calendar",
3887
- "label": "Time Off"
3888
- },
3889
- {
3890
- "href": "/org-chart",
3891
- "icon": "layout-list",
3892
- "label": "Org Chart"
3893
- }
3894
- ]
3936
+ "appName": "HRPortal"
3895
3937
  }
3896
3938
  ]
3897
3939
  ]
@@ -3905,9 +3947,7 @@
3905
3947
  "render-ui",
3906
3948
  "main",
3907
3949
  {
3908
- "className": "py-12",
3909
3950
  "type": "stack",
3910
- "gap": "md",
3911
3951
  "children": [
3912
3952
  {
3913
3953
  "type": "icon",
@@ -3915,26 +3955,28 @@
3915
3955
  "color": "destructive"
3916
3956
  },
3917
3957
  {
3918
- "content": "Failed to load timeoff",
3958
+ "variant": "h3",
3919
3959
  "type": "typography",
3920
- "variant": "h3"
3960
+ "content": "Failed to load timeoff"
3921
3961
  },
3922
3962
  {
3923
- "type": "typography",
3924
3963
  "color": "muted",
3925
- "content": "@payload.error",
3926
- "variant": "body"
3964
+ "type": "typography",
3965
+ "variant": "body",
3966
+ "content": "@payload.error"
3927
3967
  },
3928
3968
  {
3929
- "type": "button",
3930
3969
  "variant": "primary",
3970
+ "icon": "rotate-ccw",
3931
3971
  "label": "Retry",
3932
3972
  "action": "INIT",
3933
- "icon": "rotate-ccw"
3973
+ "type": "button"
3934
3974
  }
3935
3975
  ],
3936
3976
  "direction": "vertical",
3937
- "align": "center"
3977
+ "align": "center",
3978
+ "gap": "md",
3979
+ "className": "py-12"
3938
3980
  }
3939
3981
  ]
3940
3982
  ]
@@ -4095,8 +4137,14 @@
4095
4137
  "event": "INIT",
4096
4138
  "effects": [
4097
4139
  [
4098
- "ref",
4099
- "TimeOff"
4140
+ "fetch",
4141
+ "TimeOff",
4142
+ {
4143
+ "emit": {
4144
+ "failure": "TimeOffLoadFailed",
4145
+ "success": "TimeOffLoaded"
4146
+ }
4147
+ }
4100
4148
  ]
4101
4149
  ]
4102
4150
  },
@@ -4110,8 +4158,8 @@
4110
4158
  "TimeOff",
4111
4159
  {
4112
4160
  "emit": {
4113
- "failure": "TimeOffLoadFailed",
4114
- "success": "TimeOffLoaded"
4161
+ "success": "TimeOffLoaded",
4162
+ "failure": "TimeOffLoadFailed"
4115
4163
  }
4116
4164
  }
4117
4165
  ],
@@ -4121,40 +4169,40 @@
4121
4169
  {
4122
4170
  "children": [
4123
4171
  {
4172
+ "type": "stack",
4173
+ "gap": "sm",
4174
+ "direction": "horizontal",
4124
4175
  "children": [
4125
4176
  {
4126
4177
  "type": "icon",
4127
4178
  "name": "plus-circle"
4128
4179
  },
4129
4180
  {
4130
- "type": "typography",
4131
4181
  "content": "New Time Off Request",
4132
- "variant": "h3"
4182
+ "variant": "h3",
4183
+ "type": "typography"
4133
4184
  }
4134
- ],
4135
- "type": "stack",
4136
- "direction": "horizontal",
4137
- "gap": "sm"
4185
+ ]
4138
4186
  },
4139
4187
  {
4140
4188
  "type": "divider"
4141
4189
  },
4142
4190
  {
4143
- "type": "form-section",
4144
4191
  "cancelEvent": "CLOSE",
4192
+ "submitEvent": "SAVE",
4193
+ "type": "form-section",
4194
+ "mode": "create",
4145
4195
  "fields": [
4146
4196
  "employeeName",
4147
4197
  "leaveType",
4148
4198
  "startDate",
4149
4199
  "endDate",
4150
4200
  "status"
4151
- ],
4152
- "submitEvent": "SAVE",
4153
- "mode": "create"
4201
+ ]
4154
4202
  }
4155
4203
  ],
4156
- "type": "stack",
4157
4204
  "direction": "vertical",
4205
+ "type": "stack",
4158
4206
  "gap": "md"
4159
4207
  }
4160
4208
  ]
@@ -4385,8 +4433,14 @@
4385
4433
  "event": "INIT",
4386
4434
  "effects": [
4387
4435
  [
4388
- "ref",
4389
- "TimeOff"
4436
+ "fetch",
4437
+ "TimeOff",
4438
+ {
4439
+ "emit": {
4440
+ "success": "TimeOffLoaded",
4441
+ "failure": "TimeOffLoadFailed"
4442
+ }
4443
+ }
4390
4444
  ]
4391
4445
  ]
4392
4446
  },
@@ -4399,41 +4453,44 @@
4399
4453
  "fetch",
4400
4454
  "TimeOff",
4401
4455
  {
4402
- "id": "@payload.id",
4403
4456
  "emit": {
4404
- "failure": "TimeOffLoadFailed",
4405
- "success": "TimeOffLoaded"
4406
- }
4457
+ "success": "TimeOffLoaded",
4458
+ "failure": "TimeOffLoadFailed"
4459
+ },
4460
+ "id": "@payload.id"
4407
4461
  }
4408
4462
  ],
4409
4463
  [
4410
4464
  "render-ui",
4411
4465
  "modal",
4412
4466
  {
4467
+ "gap": "md",
4468
+ "type": "stack",
4469
+ "direction": "vertical",
4413
4470
  "children": [
4414
4471
  {
4472
+ "type": "stack",
4473
+ "direction": "horizontal",
4474
+ "gap": "sm",
4415
4475
  "children": [
4416
4476
  {
4417
- "name": "edit",
4418
- "type": "icon"
4477
+ "type": "icon",
4478
+ "name": "edit"
4419
4479
  },
4420
4480
  {
4421
4481
  "type": "typography",
4422
- "content": "Edit TimeOff",
4423
- "variant": "h3"
4482
+ "variant": "h3",
4483
+ "content": "Edit TimeOff"
4424
4484
  }
4425
- ],
4426
- "direction": "horizontal",
4427
- "type": "stack",
4428
- "gap": "sm"
4485
+ ]
4429
4486
  },
4430
4487
  {
4431
4488
  "type": "divider"
4432
4489
  },
4433
4490
  {
4434
- "mode": "edit",
4435
- "entity": "@payload.row",
4491
+ "type": "form-section",
4436
4492
  "submitEvent": "SAVE",
4493
+ "cancelEvent": "CLOSE",
4437
4494
  "fields": [
4438
4495
  "employeeName",
4439
4496
  "leaveType",
@@ -4441,13 +4498,10 @@
4441
4498
  "endDate",
4442
4499
  "status"
4443
4500
  ],
4444
- "cancelEvent": "CLOSE",
4445
- "type": "form-section"
4501
+ "mode": "edit",
4502
+ "entity": "@payload.row"
4446
4503
  }
4447
- ],
4448
- "type": "stack",
4449
- "direction": "vertical",
4450
- "gap": "md"
4504
+ ]
4451
4505
  }
4452
4506
  ]
4453
4507
  ]
@@ -4612,8 +4666,14 @@
4612
4666
  "event": "INIT",
4613
4667
  "effects": [
4614
4668
  [
4615
- "ref",
4616
- "TimeOff"
4669
+ "fetch",
4670
+ "TimeOff",
4671
+ {
4672
+ "emit": {
4673
+ "success": "TimeOffLoaded",
4674
+ "failure": "TimeOffLoadFailed"
4675
+ }
4676
+ }
4617
4677
  ]
4618
4678
  ]
4619
4679
  },
@@ -4626,97 +4686,96 @@
4626
4686
  "fetch",
4627
4687
  "TimeOff",
4628
4688
  {
4629
- "id": "@payload.id",
4630
4689
  "emit": {
4631
- "success": "TimeOffLoaded",
4632
- "failure": "TimeOffLoadFailed"
4633
- }
4690
+ "failure": "TimeOffLoadFailed",
4691
+ "success": "TimeOffLoaded"
4692
+ },
4693
+ "id": "@payload.id"
4634
4694
  }
4635
4695
  ],
4636
4696
  [
4637
4697
  "render-ui",
4638
4698
  "modal",
4639
4699
  {
4640
- "type": "stack",
4700
+ "gap": "md",
4641
4701
  "children": [
4642
4702
  {
4703
+ "gap": "sm",
4704
+ "align": "center",
4705
+ "direction": "horizontal",
4706
+ "type": "stack",
4643
4707
  "children": [
4644
4708
  {
4645
4709
  "name": "eye",
4646
4710
  "type": "icon"
4647
4711
  },
4648
4712
  {
4713
+ "type": "typography",
4649
4714
  "content": "@entity.employeeName",
4650
- "variant": "h3",
4651
- "type": "typography"
4715
+ "variant": "h3"
4652
4716
  }
4653
- ],
4654
- "align": "center",
4655
- "gap": "sm",
4656
- "direction": "horizontal",
4657
- "type": "stack"
4717
+ ]
4658
4718
  },
4659
4719
  {
4660
4720
  "type": "divider"
4661
4721
  },
4662
4722
  {
4663
- "direction": "horizontal",
4664
4723
  "gap": "md",
4665
- "type": "stack",
4724
+ "direction": "horizontal",
4666
4725
  "children": [
4667
4726
  {
4727
+ "type": "typography",
4668
4728
  "variant": "caption",
4669
- "content": "Employee Name",
4670
- "type": "typography"
4729
+ "content": "Employee Name"
4671
4730
  },
4672
4731
  {
4673
- "variant": "body",
4732
+ "content": "@entity.employeeName",
4674
4733
  "type": "typography",
4675
- "content": "@entity.employeeName"
4734
+ "variant": "body"
4676
4735
  }
4677
- ]
4736
+ ],
4737
+ "type": "stack"
4678
4738
  },
4679
4739
  {
4680
- "type": "stack",
4681
- "direction": "horizontal",
4682
- "gap": "md",
4683
4740
  "children": [
4684
4741
  {
4742
+ "content": "Leave Type",
4685
4743
  "type": "typography",
4686
- "variant": "caption",
4687
- "content": "Leave Type"
4744
+ "variant": "caption"
4688
4745
  },
4689
4746
  {
4690
4747
  "content": "@entity.leaveType",
4691
4748
  "type": "typography",
4692
4749
  "variant": "body"
4693
4750
  }
4694
- ]
4751
+ ],
4752
+ "direction": "horizontal",
4753
+ "type": "stack",
4754
+ "gap": "md"
4695
4755
  },
4696
4756
  {
4697
- "direction": "horizontal",
4698
4757
  "type": "stack",
4758
+ "direction": "horizontal",
4699
4759
  "children": [
4700
4760
  {
4701
- "content": "Start Date",
4761
+ "variant": "caption",
4702
4762
  "type": "typography",
4703
- "variant": "caption"
4763
+ "content": "Start Date"
4704
4764
  },
4705
4765
  {
4706
4766
  "type": "typography",
4707
- "content": "@entity.startDate",
4708
- "variant": "body"
4767
+ "variant": "body",
4768
+ "content": "@entity.startDate"
4709
4769
  }
4710
4770
  ],
4711
4771
  "gap": "md"
4712
4772
  },
4713
4773
  {
4714
- "type": "stack",
4715
4774
  "children": [
4716
4775
  {
4717
- "variant": "caption",
4776
+ "type": "typography",
4718
4777
  "content": "End Date",
4719
- "type": "typography"
4778
+ "variant": "caption"
4720
4779
  },
4721
4780
  {
4722
4781
  "type": "typography",
@@ -4724,53 +4783,54 @@
4724
4783
  "content": "@entity.endDate"
4725
4784
  }
4726
4785
  ],
4727
- "gap": "md",
4728
- "direction": "horizontal"
4786
+ "direction": "horizontal",
4787
+ "type": "stack",
4788
+ "gap": "md"
4729
4789
  },
4730
4790
  {
4731
- "direction": "horizontal",
4732
4791
  "children": [
4733
4792
  {
4734
- "variant": "caption",
4735
4793
  "content": "Status",
4736
- "type": "typography"
4794
+ "type": "typography",
4795
+ "variant": "caption"
4737
4796
  },
4738
4797
  {
4739
4798
  "variant": "body",
4740
- "content": "@entity.status",
4741
- "type": "typography"
4799
+ "type": "typography",
4800
+ "content": "@entity.status"
4742
4801
  }
4743
4802
  ],
4744
- "gap": "md",
4745
- "type": "stack"
4803
+ "direction": "horizontal",
4804
+ "type": "stack",
4805
+ "gap": "md"
4746
4806
  },
4747
4807
  {
4748
4808
  "type": "divider"
4749
4809
  },
4750
4810
  {
4751
- "type": "stack",
4752
4811
  "direction": "horizontal",
4812
+ "justify": "end",
4813
+ "type": "stack",
4814
+ "gap": "sm",
4753
4815
  "children": [
4754
4816
  {
4755
4817
  "label": "Edit",
4756
- "icon": "edit",
4757
- "variant": "primary",
4818
+ "type": "button",
4758
4819
  "action": "EDIT",
4759
- "type": "button"
4820
+ "variant": "primary",
4821
+ "icon": "edit"
4760
4822
  },
4761
4823
  {
4762
4824
  "label": "Close",
4763
- "action": "CLOSE",
4764
4825
  "variant": "ghost",
4765
- "type": "button"
4766
- }
4767
- ],
4768
- "gap": "sm",
4769
- "justify": "end"
4826
+ "type": "button",
4827
+ "action": "CLOSE"
4828
+ }
4829
+ ]
4770
4830
  }
4771
4831
  ],
4772
- "gap": "md",
4773
- "direction": "vertical"
4832
+ "direction": "vertical",
4833
+ "type": "stack"
4774
4834
  }
4775
4835
  ]
4776
4836
  ]
@@ -4978,8 +5038,14 @@
4978
5038
  "event": "INIT",
4979
5039
  "effects": [
4980
5040
  [
4981
- "ref",
4982
- "TimeOff"
5041
+ "fetch",
5042
+ "TimeOff",
5043
+ {
5044
+ "emit": {
5045
+ "success": "TimeOffLoaded",
5046
+ "failure": "TimeOffLoadFailed"
5047
+ }
5048
+ }
4983
5049
  ]
4984
5050
  ]
4985
5051
  },
@@ -4997,11 +5063,11 @@
4997
5063
  "fetch",
4998
5064
  "TimeOff",
4999
5065
  {
5000
- "id": "@payload.id",
5001
5066
  "emit": {
5002
- "success": "TimeOffLoaded",
5003
- "failure": "TimeOffLoadFailed"
5004
- }
5067
+ "failure": "TimeOffLoadFailed",
5068
+ "success": "TimeOffLoaded"
5069
+ },
5070
+ "id": "@payload.id"
5005
5071
  }
5006
5072
  ],
5007
5073
  [
@@ -5013,50 +5079,50 @@
5013
5079
  "direction": "vertical",
5014
5080
  "children": [
5015
5081
  {
5082
+ "type": "stack",
5016
5083
  "children": [
5017
5084
  {
5018
- "name": "alert-triangle",
5019
- "type": "icon"
5085
+ "type": "icon",
5086
+ "name": "alert-triangle"
5020
5087
  },
5021
5088
  {
5022
- "variant": "h3",
5089
+ "content": "Delete TimeOff",
5023
5090
  "type": "typography",
5024
- "content": "Delete TimeOff"
5091
+ "variant": "h3"
5025
5092
  }
5026
5093
  ],
5027
- "direction": "horizontal",
5094
+ "align": "center",
5028
5095
  "gap": "sm",
5029
- "type": "stack",
5030
- "align": "center"
5096
+ "direction": "horizontal"
5031
5097
  },
5032
5098
  {
5033
5099
  "type": "divider"
5034
5100
  },
5035
5101
  {
5036
- "variant": "error",
5037
5102
  "type": "alert",
5038
- "message": "This action cannot be undone."
5103
+ "message": "This action cannot be undone.",
5104
+ "variant": "error"
5039
5105
  },
5040
5106
  {
5041
- "direction": "horizontal",
5042
- "justify": "end",
5043
5107
  "children": [
5044
5108
  {
5045
- "type": "button",
5046
- "variant": "ghost",
5109
+ "label": "Cancel",
5047
5110
  "action": "CANCEL",
5048
- "label": "Cancel"
5111
+ "type": "button",
5112
+ "variant": "ghost"
5049
5113
  },
5050
5114
  {
5051
- "type": "button",
5052
- "variant": "danger",
5053
5115
  "icon": "check",
5116
+ "label": "Delete",
5054
5117
  "action": "CONFIRM_DELETE",
5055
- "label": "Delete"
5118
+ "type": "button",
5119
+ "variant": "danger"
5056
5120
  }
5057
5121
  ],
5122
+ "direction": "horizontal",
5123
+ "gap": "sm",
5058
5124
  "type": "stack",
5059
- "gap": "sm"
5125
+ "justify": "end"
5060
5126
  }
5061
5127
  ]
5062
5128
  }
@@ -5075,8 +5141,8 @@
5075
5141
  "@entity.pendingId",
5076
5142
  {
5077
5143
  "emit": {
5078
- "failure": "TimeOffDeleteFailed",
5079
- "success": "TimeOffDeleted"
5144
+ "success": "TimeOffDeleted",
5145
+ "failure": "TimeOffDeleteFailed"
5080
5146
  }
5081
5147
  }
5082
5148
  ],
@@ -5093,8 +5159,14 @@
5093
5159
  }
5094
5160
  ],
5095
5161
  [
5096
- "ref",
5097
- "TimeOff"
5162
+ "fetch",
5163
+ "TimeOff",
5164
+ {
5165
+ "emit": {
5166
+ "success": "TimeOffLoaded",
5167
+ "failure": "TimeOffLoadFailed"
5168
+ }
5169
+ }
5098
5170
  ],
5099
5171
  [
5100
5172
  "emit",
@@ -5120,8 +5192,14 @@
5120
5192
  }
5121
5193
  ],
5122
5194
  [
5123
- "ref",
5124
- "TimeOff"
5195
+ "fetch",
5196
+ "TimeOff",
5197
+ {
5198
+ "emit": {
5199
+ "failure": "TimeOffLoadFailed",
5200
+ "success": "TimeOffLoaded"
5201
+ }
5202
+ }
5125
5203
  ]
5126
5204
  ]
5127
5205
  },
@@ -5143,8 +5221,14 @@
5143
5221
  }
5144
5222
  ],
5145
5223
  [
5146
- "ref",
5147
- "TimeOff"
5224
+ "fetch",
5225
+ "TimeOff",
5226
+ {
5227
+ "emit": {
5228
+ "success": "TimeOffLoaded",
5229
+ "failure": "TimeOffLoadFailed"
5230
+ }
5231
+ }
5148
5232
  ]
5149
5233
  ]
5150
5234
  }
@@ -5327,16 +5411,18 @@
5327
5411
  "render-ui",
5328
5412
  "main",
5329
5413
  {
5414
+ "type": "dashboard-layout",
5415
+ "appName": "HRPortal",
5330
5416
  "navItems": [
5331
5417
  {
5418
+ "label": "Employees",
5332
5419
  "href": "/employees",
5333
- "icon": "users",
5334
- "label": "Employees"
5420
+ "icon": "users"
5335
5421
  },
5336
5422
  {
5337
- "icon": "layout-list",
5338
5423
  "label": "Onboarding",
5339
- "href": "/onboarding"
5424
+ "href": "/onboarding",
5425
+ "icon": "layout-list"
5340
5426
  },
5341
5427
  {
5342
5428
  "href": "/timeoff",
@@ -5344,19 +5430,20 @@
5344
5430
  "label": "Time Off"
5345
5431
  },
5346
5432
  {
5347
- "href": "/org-chart",
5348
5433
  "label": "Org Chart",
5434
+ "href": "/org-chart",
5349
5435
  "icon": "layout-list"
5350
5436
  }
5351
5437
  ],
5352
- "type": "dashboard-layout",
5353
5438
  "children": [
5354
5439
  {
5355
5440
  "type": "scaled-diagram",
5356
5441
  "children": [
5357
5442
  {
5443
+ "type": "stack",
5358
5444
  "children": [
5359
5445
  {
5446
+ "type": "breadcrumb",
5360
5447
  "items": [
5361
5448
  {
5362
5449
  "href": "/",
@@ -5365,17 +5452,16 @@
5365
5452
  {
5366
5453
  "label": "Org Chart"
5367
5454
  }
5368
- ],
5369
- "type": "breadcrumb"
5455
+ ]
5370
5456
  },
5371
5457
  {
5372
- "justify": "between",
5458
+ "gap": "md",
5373
5459
  "direction": "horizontal",
5374
5460
  "type": "stack",
5461
+ "justify": "between",
5375
5462
  "children": [
5376
5463
  {
5377
5464
  "type": "stack",
5378
- "gap": "md",
5379
5465
  "direction": "horizontal",
5380
5466
  "children": [
5381
5467
  {
@@ -5383,57 +5469,59 @@
5383
5469
  "name": "git-branch"
5384
5470
  },
5385
5471
  {
5472
+ "type": "typography",
5386
5473
  "content": "Org Chart",
5387
- "variant": "h2",
5388
- "type": "typography"
5474
+ "variant": "h2"
5389
5475
  }
5390
- ]
5476
+ ],
5477
+ "gap": "md"
5391
5478
  },
5392
5479
  {
5480
+ "label": "Refresh",
5393
5481
  "variant": "secondary",
5482
+ "action": "REFRESH",
5394
5483
  "icon": "refresh-cw",
5395
- "label": "Refresh",
5396
- "type": "button",
5397
- "action": "REFRESH"
5484
+ "type": "button"
5398
5485
  }
5399
- ],
5400
- "gap": "md"
5486
+ ]
5401
5487
  },
5402
5488
  {
5403
5489
  "type": "divider"
5404
5490
  },
5405
5491
  {
5492
+ "type": "box",
5493
+ "padding": "md",
5406
5494
  "children": [
5407
5495
  {
5496
+ "type": "simple-grid",
5408
5497
  "cols": 3.0,
5409
5498
  "children": [
5410
5499
  {
5411
- "value": "@entity.totalEmployees",
5500
+ "type": "stat-display",
5412
5501
  "label": "TotalEmployees",
5413
- "type": "stat-display"
5502
+ "value": "@entity.totalEmployees"
5414
5503
  },
5415
5504
  {
5416
- "type": "stat-display",
5417
5505
  "label": "Departments",
5418
- "value": "@entity.departments"
5506
+ "value": "@entity.departments",
5507
+ "type": "stat-display"
5419
5508
  },
5420
5509
  {
5421
- "value": "@entity.openPositions",
5422
5510
  "label": "OpenPositions",
5511
+ "value": "@entity.openPositions",
5423
5512
  "type": "stat-display"
5424
5513
  },
5425
5514
  {
5426
- "type": "card",
5427
5515
  "children": [
5428
5516
  {
5429
- "gap": "sm",
5430
- "type": "stack",
5431
5517
  "direction": "vertical",
5518
+ "type": "stack",
5519
+ "gap": "sm",
5432
5520
  "children": [
5433
5521
  {
5434
5522
  "type": "typography",
5435
- "variant": "caption",
5436
- "content": "AvgTenure"
5523
+ "content": "AvgTenure",
5524
+ "variant": "caption"
5437
5525
  },
5438
5526
  {
5439
5527
  "variant": "h3",
@@ -5442,33 +5530,29 @@
5442
5530
  }
5443
5531
  ]
5444
5532
  }
5445
- ]
5533
+ ],
5534
+ "type": "card"
5446
5535
  },
5447
5536
  {
5448
5537
  "value": "@entity.headcount",
5449
5538
  "type": "stat-display",
5450
5539
  "label": "Headcount"
5451
5540
  }
5452
- ],
5453
- "type": "simple-grid"
5541
+ ]
5454
5542
  }
5455
- ],
5456
- "padding": "md",
5457
- "type": "box"
5543
+ ]
5458
5544
  },
5459
5545
  {
5460
5546
  "type": "divider"
5461
5547
  },
5462
5548
  {
5463
- "type": "grid",
5464
- "cols": 2.0,
5465
5549
  "children": [
5466
5550
  {
5467
5551
  "children": [
5468
5552
  {
5469
- "content": "Chart View",
5470
5553
  "type": "typography",
5471
- "variant": "caption"
5554
+ "variant": "caption",
5555
+ "content": "Chart View"
5472
5556
  }
5473
5557
  ],
5474
5558
  "type": "card"
@@ -5477,13 +5561,15 @@
5477
5561
  "type": "card",
5478
5562
  "children": [
5479
5563
  {
5480
- "content": "Graph View",
5481
5564
  "type": "typography",
5565
+ "content": "Graph View",
5482
5566
  "variant": "caption"
5483
5567
  }
5484
5568
  ]
5485
5569
  }
5486
5570
  ],
5571
+ "type": "grid",
5572
+ "cols": 2.0,
5487
5573
  "gap": "md"
5488
5574
  },
5489
5575
  {
@@ -5494,8 +5580,8 @@
5494
5580
  "date": "Jan"
5495
5581
  },
5496
5582
  {
5497
- "date": "Feb",
5498
- "value": 19.0
5583
+ "value": 19.0,
5584
+ "date": "Feb"
5499
5585
  },
5500
5586
  {
5501
5587
  "value": 15.0,
@@ -5519,27 +5605,27 @@
5519
5605
  "type": "chart-legend",
5520
5606
  "items": [
5521
5607
  {
5522
- "label": "Current",
5523
- "color": "primary"
5608
+ "color": "primary",
5609
+ "label": "Current"
5524
5610
  },
5525
5611
  {
5526
- "label": "Previous",
5527
- "color": "muted"
5612
+ "color": "muted",
5613
+ "label": "Previous"
5528
5614
  }
5529
5615
  ]
5530
5616
  },
5531
5617
  {
5618
+ "type": "graph-view",
5532
5619
  "edges": [
5533
5620
  {
5534
- "target": "b",
5535
- "source": "a"
5621
+ "source": "a",
5622
+ "target": "b"
5536
5623
  },
5537
5624
  {
5538
- "source": "b",
5539
- "target": "c"
5625
+ "target": "c",
5626
+ "source": "b"
5540
5627
  }
5541
5628
  ],
5542
- "height": 200.0,
5543
5629
  "nodes": [
5544
5630
  {
5545
5631
  "id": "a",
@@ -5550,22 +5636,20 @@
5550
5636
  "label": "Process"
5551
5637
  },
5552
5638
  {
5553
- "label": "End",
5554
- "id": "c"
5639
+ "id": "c",
5640
+ "label": "End"
5555
5641
  }
5556
5642
  ],
5557
- "type": "graph-view",
5558
- "width": 400.0
5643
+ "width": 400.0,
5644
+ "height": 200.0
5559
5645
  }
5560
5646
  ],
5561
5647
  "direction": "vertical",
5562
- "gap": "lg",
5563
- "type": "stack"
5648
+ "gap": "lg"
5564
5649
  }
5565
5650
  ]
5566
5651
  }
5567
- ],
5568
- "appName": "HRPortal"
5652
+ ]
5569
5653
  }
5570
5654
  ]
5571
5655
  ]
@@ -5589,39 +5673,16 @@
5589
5673
  "render-ui",
5590
5674
  "main",
5591
5675
  {
5592
- "navItems": [
5593
- {
5594
- "href": "/employees",
5595
- "label": "Employees",
5596
- "icon": "users"
5597
- },
5598
- {
5599
- "href": "/onboarding",
5600
- "label": "Onboarding",
5601
- "icon": "layout-list"
5602
- },
5603
- {
5604
- "icon": "calendar",
5605
- "href": "/timeoff",
5606
- "label": "Time Off"
5607
- },
5608
- {
5609
- "icon": "layout-list",
5610
- "label": "Org Chart",
5611
- "href": "/org-chart"
5612
- }
5613
- ],
5614
5676
  "type": "dashboard-layout",
5615
5677
  "children": [
5616
5678
  {
5617
5679
  "type": "scaled-diagram",
5618
5680
  "children": [
5619
5681
  {
5620
- "direction": "vertical",
5682
+ "type": "stack",
5621
5683
  "gap": "lg",
5622
5684
  "children": [
5623
5685
  {
5624
- "type": "breadcrumb",
5625
5686
  "items": [
5626
5687
  {
5627
5688
  "label": "Home",
@@ -5630,79 +5691,83 @@
5630
5691
  {
5631
5692
  "label": "Org Chart"
5632
5693
  }
5633
- ]
5694
+ ],
5695
+ "type": "breadcrumb"
5634
5696
  },
5635
5697
  {
5698
+ "type": "stack",
5636
5699
  "gap": "md",
5637
5700
  "direction": "horizontal",
5701
+ "justify": "between",
5638
5702
  "children": [
5639
5703
  {
5640
- "direction": "horizontal",
5641
5704
  "gap": "md",
5705
+ "type": "stack",
5642
5706
  "children": [
5643
5707
  {
5644
5708
  "type": "icon",
5645
5709
  "name": "git-branch"
5646
5710
  },
5647
5711
  {
5712
+ "type": "typography",
5648
5713
  "content": "Org Chart",
5649
- "variant": "h2",
5650
- "type": "typography"
5714
+ "variant": "h2"
5651
5715
  }
5652
5716
  ],
5653
- "type": "stack"
5717
+ "direction": "horizontal"
5654
5718
  },
5655
5719
  {
5656
5720
  "action": "REFRESH",
5657
- "icon": "refresh-cw",
5658
5721
  "label": "Refresh",
5659
5722
  "type": "button",
5660
- "variant": "secondary"
5723
+ "variant": "secondary",
5724
+ "icon": "refresh-cw"
5661
5725
  }
5662
- ],
5663
- "justify": "between",
5664
- "type": "stack"
5726
+ ]
5665
5727
  },
5666
5728
  {
5667
5729
  "type": "divider"
5668
5730
  },
5669
5731
  {
5732
+ "type": "box",
5733
+ "padding": "md",
5670
5734
  "children": [
5671
5735
  {
5672
5736
  "type": "simple-grid",
5737
+ "cols": 3.0,
5673
5738
  "children": [
5674
5739
  {
5675
5740
  "type": "stat-display",
5676
- "value": "@entity.totalEmployees",
5677
- "label": "TotalEmployees"
5741
+ "label": "TotalEmployees",
5742
+ "value": "@entity.totalEmployees"
5678
5743
  },
5679
5744
  {
5680
5745
  "value": "@entity.departments",
5681
- "label": "Departments",
5682
- "type": "stat-display"
5746
+ "type": "stat-display",
5747
+ "label": "Departments"
5683
5748
  },
5684
5749
  {
5685
- "type": "stat-display",
5686
5750
  "label": "OpenPositions",
5751
+ "type": "stat-display",
5687
5752
  "value": "@entity.openPositions"
5688
5753
  },
5689
5754
  {
5690
5755
  "type": "card",
5691
5756
  "children": [
5692
5757
  {
5693
- "gap": "sm",
5694
5758
  "type": "stack",
5695
5759
  "direction": "vertical",
5760
+ "gap": "sm",
5696
5761
  "children": [
5697
5762
  {
5698
- "type": "typography",
5699
5763
  "variant": "caption",
5700
- "content": "AvgTenure"
5764
+ "content": "AvgTenure",
5765
+ "type": "typography"
5701
5766
  },
5702
5767
  {
5703
- "type": "typography",
5704
5768
  "variant": "h3",
5705
- "content": "@entity.avgTenure"
5769
+ "content": "@entity.avgTenure",
5770
+ "type": "typography"
5706
5771
  }
5707
5772
  ]
5708
5773
  }
@@ -5713,92 +5778,97 @@
5713
5778
  "value": "@entity.headcount",
5714
5779
  "type": "stat-display"
5715
5780
  }
5716
- ],
5717
- "cols": 3.0
5718
- }
5719
- ],
5720
- "type": "box",
5721
- "padding": "md"
5781
+ ]
5782
+ }
5783
+ ]
5722
5784
  },
5723
5785
  {
5724
5786
  "type": "divider"
5725
5787
  },
5726
5788
  {
5727
- "type": "grid",
5728
5789
  "gap": "md",
5729
5790
  "children": [
5730
5791
  {
5792
+ "type": "card",
5731
5793
  "children": [
5732
5794
  {
5733
- "variant": "caption",
5734
5795
  "type": "typography",
5796
+ "variant": "caption",
5735
5797
  "content": "Chart View"
5736
5798
  }
5737
- ],
5738
- "type": "card"
5799
+ ]
5739
5800
  },
5740
5801
  {
5802
+ "type": "card",
5741
5803
  "children": [
5742
5804
  {
5743
- "content": "Graph View",
5805
+ "type": "typography",
5744
5806
  "variant": "caption",
5745
- "type": "typography"
5807
+ "content": "Graph View"
5746
5808
  }
5747
- ],
5748
- "type": "card"
5809
+ ]
5749
5810
  }
5750
5811
  ],
5751
- "cols": 2.0
5812
+ "cols": 2.0,
5813
+ "type": "grid"
5752
5814
  },
5753
5815
  {
5754
5816
  "data": [
5755
5817
  {
5756
- "date": "Jan",
5757
- "value": 12.0
5818
+ "value": 12.0,
5819
+ "date": "Jan"
5758
5820
  },
5759
5821
  {
5760
5822
  "date": "Feb",
5761
5823
  "value": 19.0
5762
5824
  },
5763
5825
  {
5764
- "date": "Mar",
5765
- "value": 15.0
5826
+ "value": 15.0,
5827
+ "date": "Mar"
5766
5828
  },
5767
5829
  {
5768
5830
  "date": "Apr",
5769
5831
  "value": 25.0
5770
5832
  },
5771
5833
  {
5772
- "date": "May",
5773
- "value": 22.0
5834
+ "value": 22.0,
5835
+ "date": "May"
5774
5836
  },
5775
5837
  {
5776
- "value": 30.0,
5777
- "date": "Jun"
5838
+ "date": "Jun",
5839
+ "value": 30.0
5778
5840
  }
5779
5841
  ],
5780
5842
  "type": "line-chart"
5781
5843
  },
5782
5844
  {
5783
- "type": "chart-legend",
5784
5845
  "items": [
5785
5846
  {
5786
- "color": "primary",
5787
- "label": "Current"
5847
+ "label": "Current",
5848
+ "color": "primary"
5788
5849
  },
5789
5850
  {
5790
5851
  "color": "muted",
5791
5852
  "label": "Previous"
5792
5853
  }
5793
- ]
5854
+ ],
5855
+ "type": "chart-legend"
5794
5856
  },
5795
5857
  {
5796
- "type": "graph-view",
5797
- "height": 200.0,
5858
+ "edges": [
5859
+ {
5860
+ "source": "a",
5861
+ "target": "b"
5862
+ },
5863
+ {
5864
+ "source": "b",
5865
+ "target": "c"
5866
+ }
5867
+ ],
5798
5868
  "nodes": [
5799
5869
  {
5800
- "id": "a",
5801
- "label": "Start"
5870
+ "label": "Start",
5871
+ "id": "a"
5802
5872
  },
5803
5873
  {
5804
5874
  "id": "b",
@@ -5809,24 +5879,38 @@
5809
5879
  "label": "End"
5810
5880
  }
5811
5881
  ],
5812
- "edges": [
5813
- {
5814
- "source": "a",
5815
- "target": "b"
5816
- },
5817
- {
5818
- "source": "b",
5819
- "target": "c"
5820
- }
5821
- ],
5882
+ "type": "graph-view",
5883
+ "height": 200.0,
5822
5884
  "width": 400.0
5823
5885
  }
5824
5886
  ],
5825
- "type": "stack"
5887
+ "direction": "vertical"
5826
5888
  }
5827
5889
  ]
5828
5890
  }
5829
5891
  ],
5892
+ "navItems": [
5893
+ {
5894
+ "label": "Employees",
5895
+ "href": "/employees",
5896
+ "icon": "users"
5897
+ },
5898
+ {
5899
+ "href": "/onboarding",
5900
+ "label": "Onboarding",
5901
+ "icon": "layout-list"
5902
+ },
5903
+ {
5904
+ "href": "/timeoff",
5905
+ "icon": "calendar",
5906
+ "label": "Time Off"
5907
+ },
5908
+ {
5909
+ "icon": "layout-list",
5910
+ "label": "Org Chart",
5911
+ "href": "/org-chart"
5912
+ }
5913
+ ],
5830
5914
  "appName": "HRPortal"
5831
5915
  }
5832
5916
  ]
@@ -5851,39 +5935,40 @@
5851
5935
  "render-ui",
5852
5936
  "main",
5853
5937
  {
5938
+ "appName": "HRPortal",
5939
+ "type": "dashboard-layout",
5854
5940
  "navItems": [
5855
5941
  {
5856
- "icon": "users",
5857
5942
  "href": "/employees",
5858
- "label": "Employees"
5943
+ "label": "Employees",
5944
+ "icon": "users"
5859
5945
  },
5860
5946
  {
5861
- "icon": "layout-list",
5947
+ "href": "/onboarding",
5862
5948
  "label": "Onboarding",
5863
- "href": "/onboarding"
5949
+ "icon": "layout-list"
5864
5950
  },
5865
5951
  {
5866
5952
  "label": "Time Off",
5867
- "href": "/timeoff",
5868
- "icon": "calendar"
5953
+ "icon": "calendar",
5954
+ "href": "/timeoff"
5869
5955
  },
5870
5956
  {
5871
- "icon": "layout-list",
5957
+ "href": "/org-chart",
5872
5958
  "label": "Org Chart",
5873
- "href": "/org-chart"
5959
+ "icon": "layout-list"
5874
5960
  }
5875
5961
  ],
5876
- "type": "dashboard-layout",
5877
5962
  "children": [
5878
5963
  {
5879
5964
  "type": "scaled-diagram",
5880
5965
  "children": [
5881
5966
  {
5882
- "direction": "vertical",
5883
5967
  "gap": "lg",
5968
+ "type": "stack",
5969
+ "direction": "vertical",
5884
5970
  "children": [
5885
5971
  {
5886
- "type": "breadcrumb",
5887
5972
  "items": [
5888
5973
  {
5889
5974
  "label": "Home",
@@ -5892,64 +5977,63 @@
5892
5977
  {
5893
5978
  "label": "Org Chart"
5894
5979
  }
5895
- ]
5980
+ ],
5981
+ "type": "breadcrumb"
5896
5982
  },
5897
5983
  {
5984
+ "gap": "md",
5898
5985
  "children": [
5899
5986
  {
5900
- "type": "stack",
5901
- "direction": "horizontal",
5902
5987
  "children": [
5903
5988
  {
5904
5989
  "type": "icon",
5905
5990
  "name": "git-branch"
5906
5991
  },
5907
5992
  {
5908
- "type": "typography",
5909
5993
  "content": "Org Chart",
5994
+ "type": "typography",
5910
5995
  "variant": "h2"
5911
5996
  }
5912
5997
  ],
5998
+ "type": "stack",
5999
+ "direction": "horizontal",
5913
6000
  "gap": "md"
5914
6001
  },
5915
6002
  {
5916
- "variant": "secondary",
5917
6003
  "icon": "refresh-cw",
5918
6004
  "type": "button",
6005
+ "variant": "secondary",
5919
6006
  "action": "REFRESH",
5920
6007
  "label": "Refresh"
5921
6008
  }
5922
6009
  ],
5923
- "gap": "md",
5924
- "type": "stack",
5925
6010
  "justify": "between",
6011
+ "type": "stack",
5926
6012
  "direction": "horizontal"
5927
6013
  },
5928
6014
  {
5929
6015
  "type": "divider"
5930
6016
  },
5931
6017
  {
5932
- "type": "box",
5933
6018
  "padding": "md",
6019
+ "type": "box",
5934
6020
  "children": [
5935
6021
  {
5936
- "type": "simple-grid",
5937
- "cols": 3.0,
5938
6022
  "children": [
5939
6023
  {
5940
- "value": "@entity.totalEmployees",
6024
+ "type": "stat-display",
5941
6025
  "label": "TotalEmployees",
5942
- "type": "stat-display"
6026
+ "value": "@entity.totalEmployees"
5943
6027
  },
5944
6028
  {
5945
6029
  "type": "stat-display",
5946
- "value": "@entity.departments",
5947
- "label": "Departments"
6030
+ "label": "Departments",
6031
+ "value": "@entity.departments"
5948
6032
  },
5949
6033
  {
5950
- "label": "OpenPositions",
5951
6034
  "value": "@entity.openPositions",
5952
- "type": "stat-display"
6035
+ "type": "stat-display",
6036
+ "label": "OpenPositions"
5953
6037
  },
5954
6038
  {
5955
6039
  "type": "card",
@@ -5957,9 +6041,9 @@
5957
6041
  {
5958
6042
  "children": [
5959
6043
  {
6044
+ "content": "AvgTenure",
5960
6045
  "type": "typography",
5961
- "variant": "caption",
5962
- "content": "AvgTenure"
6046
+ "variant": "caption"
5963
6047
  },
5964
6048
  {
5965
6049
  "type": "typography",
@@ -5967,9 +6051,9 @@
5967
6051
  "content": "@entity.avgTenure"
5968
6052
  }
5969
6053
  ],
6054
+ "type": "stack",
5970
6055
  "direction": "vertical",
5971
- "gap": "sm",
5972
- "type": "stack"
6056
+ "gap": "sm"
5973
6057
  }
5974
6058
  ]
5975
6059
  },
@@ -5978,7 +6062,9 @@
5978
6062
  "value": "@entity.headcount",
5979
6063
  "type": "stat-display"
5980
6064
  }
5981
- ]
6065
+ ],
6066
+ "cols": 3.0,
6067
+ "type": "simple-grid"
5982
6068
  }
5983
6069
  ]
5984
6070
  },
@@ -5986,33 +6072,34 @@
5986
6072
  "type": "divider"
5987
6073
  },
5988
6074
  {
5989
- "type": "grid",
5990
6075
  "gap": "md",
5991
6076
  "children": [
5992
6077
  {
5993
6078
  "type": "card",
5994
6079
  "children": [
5995
6080
  {
6081
+ "content": "Chart View",
5996
6082
  "variant": "caption",
5997
- "type": "typography",
5998
- "content": "Chart View"
6083
+ "type": "typography"
5999
6084
  }
6000
6085
  ]
6001
6086
  },
6002
6087
  {
6003
6088
  "children": [
6004
6089
  {
6005
- "variant": "caption",
6090
+ "content": "Graph View",
6006
6091
  "type": "typography",
6007
- "content": "Graph View"
6092
+ "variant": "caption"
6008
6093
  }
6009
6094
  ],
6010
6095
  "type": "card"
6011
6096
  }
6012
6097
  ],
6013
- "cols": 2.0
6098
+ "cols": 2.0,
6099
+ "type": "grid"
6014
6100
  },
6015
6101
  {
6102
+ "type": "line-chart",
6016
6103
  "data": [
6017
6104
  {
6018
6105
  "date": "Jan",
@@ -6023,8 +6110,8 @@
6023
6110
  "date": "Feb"
6024
6111
  },
6025
6112
  {
6026
- "value": 15.0,
6027
- "date": "Mar"
6113
+ "date": "Mar",
6114
+ "value": 15.0
6028
6115
  },
6029
6116
  {
6030
6117
  "value": 25.0,
@@ -6038,32 +6125,33 @@
6038
6125
  "value": 30.0,
6039
6126
  "date": "Jun"
6040
6127
  }
6041
- ],
6042
- "type": "line-chart"
6128
+ ]
6043
6129
  },
6044
6130
  {
6045
6131
  "type": "chart-legend",
6046
6132
  "items": [
6047
6133
  {
6048
- "color": "primary",
6049
- "label": "Current"
6134
+ "label": "Current",
6135
+ "color": "primary"
6050
6136
  },
6051
6137
  {
6052
- "color": "muted",
6053
- "label": "Previous"
6138
+ "label": "Previous",
6139
+ "color": "muted"
6054
6140
  }
6055
6141
  ]
6056
6142
  },
6057
6143
  {
6144
+ "width": 400.0,
6058
6145
  "type": "graph-view",
6146
+ "height": 200.0,
6059
6147
  "edges": [
6060
6148
  {
6061
6149
  "target": "b",
6062
6150
  "source": "a"
6063
6151
  },
6064
6152
  {
6065
- "target": "c",
6066
- "source": "b"
6153
+ "source": "b",
6154
+ "target": "c"
6067
6155
  }
6068
6156
  ],
6069
6157
  "nodes": [
@@ -6072,24 +6160,20 @@
6072
6160
  "label": "Start"
6073
6161
  },
6074
6162
  {
6075
- "id": "b",
6076
- "label": "Process"
6163
+ "label": "Process",
6164
+ "id": "b"
6077
6165
  },
6078
6166
  {
6079
- "id": "c",
6080
- "label": "End"
6167
+ "label": "End",
6168
+ "id": "c"
6081
6169
  }
6082
- ],
6083
- "height": 200.0,
6084
- "width": 400.0
6170
+ ]
6085
6171
  }
6086
- ],
6087
- "type": "stack"
6172
+ ]
6088
6173
  }
6089
6174
  ]
6090
6175
  }
6091
- ],
6092
- "appName": "HRPortal"
6176
+ ]
6093
6177
  }
6094
6178
  ]
6095
6179
  ]
@@ -6115,37 +6199,37 @@
6115
6199
  {
6116
6200
  "navItems": [
6117
6201
  {
6118
- "icon": "users",
6202
+ "href": "/employees",
6119
6203
  "label": "Employees",
6120
- "href": "/employees"
6204
+ "icon": "users"
6121
6205
  },
6122
6206
  {
6123
6207
  "label": "Onboarding",
6124
- "href": "/onboarding",
6125
- "icon": "layout-list"
6208
+ "icon": "layout-list",
6209
+ "href": "/onboarding"
6126
6210
  },
6127
6211
  {
6128
6212
  "label": "Time Off",
6129
- "icon": "calendar",
6130
- "href": "/timeoff"
6213
+ "href": "/timeoff",
6214
+ "icon": "calendar"
6131
6215
  },
6132
6216
  {
6133
- "icon": "layout-list",
6217
+ "label": "Org Chart",
6134
6218
  "href": "/org-chart",
6135
- "label": "Org Chart"
6219
+ "icon": "layout-list"
6136
6220
  }
6137
6221
  ],
6138
- "type": "dashboard-layout",
6139
6222
  "appName": "HRPortal",
6223
+ "type": "dashboard-layout",
6140
6224
  "children": [
6141
6225
  {
6142
- "type": "scaled-diagram",
6143
6226
  "children": [
6144
6227
  {
6145
6228
  "direction": "vertical",
6229
+ "type": "stack",
6230
+ "gap": "lg",
6146
6231
  "children": [
6147
6232
  {
6148
- "type": "breadcrumb",
6149
6233
  "items": [
6150
6234
  {
6151
6235
  "href": "/",
@@ -6154,47 +6238,49 @@
6154
6238
  {
6155
6239
  "label": "Org Chart"
6156
6240
  }
6157
- ]
6241
+ ],
6242
+ "type": "breadcrumb"
6158
6243
  },
6159
6244
  {
6245
+ "direction": "horizontal",
6160
6246
  "type": "stack",
6161
6247
  "justify": "between",
6162
6248
  "children": [
6163
6249
  {
6164
6250
  "type": "stack",
6165
6251
  "direction": "horizontal",
6252
+ "gap": "md",
6166
6253
  "children": [
6167
6254
  {
6168
- "name": "git-branch",
6169
- "type": "icon"
6255
+ "type": "icon",
6256
+ "name": "git-branch"
6170
6257
  },
6171
6258
  {
6172
6259
  "content": "Org Chart",
6173
- "variant": "h2",
6174
- "type": "typography"
6260
+ "type": "typography",
6261
+ "variant": "h2"
6175
6262
  }
6176
- ],
6177
- "gap": "md"
6263
+ ]
6178
6264
  },
6179
6265
  {
6180
- "action": "REFRESH",
6181
6266
  "label": "Refresh",
6182
- "type": "button",
6183
6267
  "variant": "secondary",
6268
+ "type": "button",
6269
+ "action": "REFRESH",
6184
6270
  "icon": "refresh-cw"
6185
6271
  }
6186
6272
  ],
6187
- "gap": "md",
6188
- "direction": "horizontal"
6273
+ "gap": "md"
6189
6274
  },
6190
6275
  {
6191
6276
  "type": "divider"
6192
6277
  },
6193
6278
  {
6279
+ "type": "box",
6280
+ "padding": "md",
6194
6281
  "children": [
6195
6282
  {
6196
6283
  "type": "simple-grid",
6197
- "cols": 3.0,
6198
6284
  "children": [
6199
6285
  {
6200
6286
  "type": "stat-display",
@@ -6202,25 +6288,24 @@
6202
6288
  "value": "@entity.totalEmployees"
6203
6289
  },
6204
6290
  {
6291
+ "value": "@entity.departments",
6205
6292
  "type": "stat-display",
6206
- "label": "Departments",
6207
- "value": "@entity.departments"
6293
+ "label": "Departments"
6208
6294
  },
6209
6295
  {
6210
6296
  "type": "stat-display",
6211
- "value": "@entity.openPositions",
6212
- "label": "OpenPositions"
6297
+ "label": "OpenPositions",
6298
+ "value": "@entity.openPositions"
6213
6299
  },
6214
6300
  {
6215
6301
  "children": [
6216
6302
  {
6217
- "gap": "sm",
6218
6303
  "direction": "vertical",
6219
6304
  "children": [
6220
6305
  {
6221
6306
  "variant": "caption",
6222
- "content": "AvgTenure",
6223
- "type": "typography"
6307
+ "type": "typography",
6308
+ "content": "AvgTenure"
6224
6309
  },
6225
6310
  {
6226
6311
  "content": "@entity.avgTenure",
@@ -6228,51 +6313,51 @@
6228
6313
  "variant": "h3"
6229
6314
  }
6230
6315
  ],
6231
- "type": "stack"
6316
+ "type": "stack",
6317
+ "gap": "sm"
6232
6318
  }
6233
6319
  ],
6234
6320
  "type": "card"
6235
6321
  },
6236
6322
  {
6237
- "label": "Headcount",
6323
+ "type": "stat-display",
6238
6324
  "value": "@entity.headcount",
6239
- "type": "stat-display"
6325
+ "label": "Headcount"
6240
6326
  }
6241
- ]
6327
+ ],
6328
+ "cols": 3.0
6242
6329
  }
6243
- ],
6244
- "padding": "md",
6245
- "type": "box"
6330
+ ]
6246
6331
  },
6247
6332
  {
6248
6333
  "type": "divider"
6249
6334
  },
6250
6335
  {
6251
- "type": "grid",
6252
6336
  "cols": 2.0,
6253
- "gap": "md",
6254
6337
  "children": [
6255
6338
  {
6339
+ "type": "card",
6256
6340
  "children": [
6257
6341
  {
6258
6342
  "type": "typography",
6259
- "content": "Chart View",
6260
- "variant": "caption"
6343
+ "variant": "caption",
6344
+ "content": "Chart View"
6261
6345
  }
6262
- ],
6263
- "type": "card"
6346
+ ]
6264
6347
  },
6265
6348
  {
6266
- "type": "card",
6267
6349
  "children": [
6268
6350
  {
6269
- "variant": "caption",
6270
6351
  "content": "Graph View",
6271
- "type": "typography"
6352
+ "type": "typography",
6353
+ "variant": "caption"
6272
6354
  }
6273
- ]
6355
+ ],
6356
+ "type": "card"
6274
6357
  }
6275
- ]
6358
+ ],
6359
+ "gap": "md",
6360
+ "type": "grid"
6276
6361
  },
6277
6362
  {
6278
6363
  "data": [
@@ -6281,20 +6366,20 @@
6281
6366
  "date": "Jan"
6282
6367
  },
6283
6368
  {
6284
- "date": "Feb",
6285
- "value": 19.0
6369
+ "value": 19.0,
6370
+ "date": "Feb"
6286
6371
  },
6287
6372
  {
6288
6373
  "value": 15.0,
6289
6374
  "date": "Mar"
6290
6375
  },
6291
6376
  {
6292
- "date": "Apr",
6293
- "value": 25.0
6377
+ "value": 25.0,
6378
+ "date": "Apr"
6294
6379
  },
6295
6380
  {
6296
- "date": "May",
6297
- "value": 22.0
6381
+ "value": 22.0,
6382
+ "date": "May"
6298
6383
  },
6299
6384
  {
6300
6385
  "date": "Jun",
@@ -6304,32 +6389,22 @@
6304
6389
  "type": "line-chart"
6305
6390
  },
6306
6391
  {
6307
- "type": "chart-legend",
6308
6392
  "items": [
6309
6393
  {
6310
- "label": "Current",
6311
- "color": "primary"
6394
+ "color": "primary",
6395
+ "label": "Current"
6312
6396
  },
6313
6397
  {
6314
6398
  "label": "Previous",
6315
6399
  "color": "muted"
6316
6400
  }
6317
- ]
6401
+ ],
6402
+ "type": "chart-legend"
6318
6403
  },
6319
6404
  {
6320
6405
  "type": "graph-view",
6321
6406
  "width": 400.0,
6322
6407
  "height": 200.0,
6323
- "edges": [
6324
- {
6325
- "target": "b",
6326
- "source": "a"
6327
- },
6328
- {
6329
- "source": "b",
6330
- "target": "c"
6331
- }
6332
- ],
6333
6408
  "nodes": [
6334
6409
  {
6335
6410
  "id": "a",
@@ -6340,16 +6415,25 @@
6340
6415
  "label": "Process"
6341
6416
  },
6342
6417
  {
6343
- "id": "c",
6344
- "label": "End"
6418
+ "label": "End",
6419
+ "id": "c"
6420
+ }
6421
+ ],
6422
+ "edges": [
6423
+ {
6424
+ "source": "a",
6425
+ "target": "b"
6426
+ },
6427
+ {
6428
+ "target": "c",
6429
+ "source": "b"
6345
6430
  }
6346
6431
  ]
6347
6432
  }
6348
- ],
6349
- "type": "stack",
6350
- "gap": "lg"
6433
+ ]
6351
6434
  }
6352
- ]
6435
+ ],
6436
+ "type": "scaled-diagram"
6353
6437
  }
6354
6438
  ]
6355
6439
  }
@@ -6366,8 +6450,8 @@
6366
6450
  "OrgChart",
6367
6451
  {
6368
6452
  "emit": {
6369
- "failure": "OrgChartLoadFailed",
6370
- "success": "OrgChartLoaded"
6453
+ "success": "OrgChartLoaded",
6454
+ "failure": "OrgChartLoadFailed"
6371
6455
  }
6372
6456
  }
6373
6457
  ],
@@ -6375,35 +6459,12 @@
6375
6459
  "render-ui",
6376
6460
  "main",
6377
6461
  {
6378
- "navItems": [
6379
- {
6380
- "label": "Employees",
6381
- "href": "/employees",
6382
- "icon": "users"
6383
- },
6384
- {
6385
- "href": "/onboarding",
6386
- "label": "Onboarding",
6387
- "icon": "layout-list"
6388
- },
6389
- {
6390
- "href": "/timeoff",
6391
- "label": "Time Off",
6392
- "icon": "calendar"
6393
- },
6394
- {
6395
- "href": "/org-chart",
6396
- "label": "Org Chart",
6397
- "icon": "layout-list"
6398
- }
6399
- ],
6462
+ "appName": "HRPortal",
6400
6463
  "children": [
6401
6464
  {
6402
6465
  "type": "scaled-diagram",
6403
6466
  "children": [
6404
6467
  {
6405
- "gap": "lg",
6406
- "type": "stack",
6407
6468
  "children": [
6408
6469
  {
6409
6470
  "type": "breadcrumb",
@@ -6418,11 +6479,12 @@
6418
6479
  ]
6419
6480
  },
6420
6481
  {
6482
+ "justify": "between",
6483
+ "type": "stack",
6484
+ "gap": "md",
6485
+ "direction": "horizontal",
6421
6486
  "children": [
6422
6487
  {
6423
- "gap": "md",
6424
- "type": "stack",
6425
- "direction": "horizontal",
6426
6488
  "children": [
6427
6489
  {
6428
6490
  "type": "icon",
@@ -6433,39 +6495,37 @@
6433
6495
  "content": "Org Chart",
6434
6496
  "variant": "h2"
6435
6497
  }
6436
- ]
6498
+ ],
6499
+ "type": "stack",
6500
+ "direction": "horizontal",
6501
+ "gap": "md"
6437
6502
  },
6438
6503
  {
6439
- "type": "button",
6440
- "action": "REFRESH",
6441
6504
  "variant": "secondary",
6442
6505
  "label": "Refresh",
6506
+ "action": "REFRESH",
6507
+ "type": "button",
6443
6508
  "icon": "refresh-cw"
6444
6509
  }
6445
- ],
6446
- "type": "stack",
6447
- "direction": "horizontal",
6448
- "gap": "md",
6449
- "justify": "between"
6510
+ ]
6450
6511
  },
6451
6512
  {
6452
6513
  "type": "divider"
6453
6514
  },
6454
6515
  {
6455
- "padding": "md",
6456
- "type": "box",
6457
6516
  "children": [
6458
6517
  {
6459
6518
  "type": "simple-grid",
6519
+ "cols": 3.0,
6460
6520
  "children": [
6461
6521
  {
6522
+ "label": "TotalEmployees",
6462
6523
  "value": "@entity.totalEmployees",
6463
- "type": "stat-display",
6464
- "label": "TotalEmployees"
6524
+ "type": "stat-display"
6465
6525
  },
6466
6526
  {
6467
- "type": "stat-display",
6468
6527
  "label": "Departments",
6528
+ "type": "stat-display",
6469
6529
  "value": "@entity.departments"
6470
6530
  },
6471
6531
  {
@@ -6477,33 +6537,34 @@
6477
6537
  "type": "card",
6478
6538
  "children": [
6479
6539
  {
6540
+ "gap": "sm",
6480
6541
  "children": [
6481
6542
  {
6482
- "type": "typography",
6483
6543
  "content": "AvgTenure",
6484
- "variant": "caption"
6544
+ "variant": "caption",
6545
+ "type": "typography"
6485
6546
  },
6486
6547
  {
6487
- "variant": "h3",
6488
6548
  "type": "typography",
6549
+ "variant": "h3",
6489
6550
  "content": "@entity.avgTenure"
6490
6551
  }
6491
6552
  ],
6492
- "direction": "vertical",
6493
- "gap": "sm",
6494
- "type": "stack"
6553
+ "type": "stack",
6554
+ "direction": "vertical"
6495
6555
  }
6496
6556
  ]
6497
6557
  },
6498
6558
  {
6559
+ "type": "stat-display",
6499
6560
  "label": "Headcount",
6500
- "value": "@entity.headcount",
6501
- "type": "stat-display"
6561
+ "value": "@entity.headcount"
6502
6562
  }
6503
- ],
6504
- "cols": 3.0
6563
+ ]
6505
6564
  }
6506
- ]
6565
+ ],
6566
+ "padding": "md",
6567
+ "type": "box"
6507
6568
  },
6508
6569
  {
6509
6570
  "type": "divider"
@@ -6524,47 +6585,48 @@
6524
6585
  {
6525
6586
  "children": [
6526
6587
  {
6527
- "type": "typography",
6588
+ "variant": "caption",
6528
6589
  "content": "Graph View",
6529
- "variant": "caption"
6590
+ "type": "typography"
6530
6591
  }
6531
6592
  ],
6532
6593
  "type": "card"
6533
6594
  }
6534
6595
  ],
6535
- "cols": 2.0,
6536
- "gap": "md"
6596
+ "gap": "md",
6597
+ "cols": 2.0
6537
6598
  },
6538
6599
  {
6600
+ "type": "line-chart",
6539
6601
  "data": [
6540
6602
  {
6541
- "value": 12.0,
6542
- "date": "Jan"
6603
+ "date": "Jan",
6604
+ "value": 12.0
6543
6605
  },
6544
6606
  {
6545
6607
  "date": "Feb",
6546
6608
  "value": 19.0
6547
6609
  },
6548
6610
  {
6549
- "value": 15.0,
6550
- "date": "Mar"
6611
+ "date": "Mar",
6612
+ "value": 15.0
6551
6613
  },
6552
6614
  {
6553
6615
  "value": 25.0,
6554
6616
  "date": "Apr"
6555
6617
  },
6556
6618
  {
6557
- "value": 22.0,
6558
- "date": "May"
6619
+ "date": "May",
6620
+ "value": 22.0
6559
6621
  },
6560
6622
  {
6561
6623
  "date": "Jun",
6562
6624
  "value": 30.0
6563
6625
  }
6564
- ],
6565
- "type": "line-chart"
6626
+ ]
6566
6627
  },
6567
6628
  {
6629
+ "type": "chart-legend",
6568
6630
  "items": [
6569
6631
  {
6570
6632
  "label": "Current",
@@ -6574,46 +6636,68 @@
6574
6636
  "label": "Previous",
6575
6637
  "color": "muted"
6576
6638
  }
6577
- ],
6578
- "type": "chart-legend"
6639
+ ]
6579
6640
  },
6580
6641
  {
6642
+ "edges": [
6643
+ {
6644
+ "target": "b",
6645
+ "source": "a"
6646
+ },
6647
+ {
6648
+ "source": "b",
6649
+ "target": "c"
6650
+ }
6651
+ ],
6581
6652
  "nodes": [
6582
6653
  {
6583
6654
  "id": "a",
6584
6655
  "label": "Start"
6585
6656
  },
6586
6657
  {
6587
- "label": "Process",
6588
- "id": "b"
6658
+ "id": "b",
6659
+ "label": "Process"
6589
6660
  },
6590
6661
  {
6591
- "label": "End",
6592
- "id": "c"
6662
+ "id": "c",
6663
+ "label": "End"
6593
6664
  }
6594
6665
  ],
6595
- "height": 200.0,
6596
6666
  "width": 400.0,
6597
- "edges": [
6598
- {
6599
- "source": "a",
6600
- "target": "b"
6601
- },
6602
- {
6603
- "source": "b",
6604
- "target": "c"
6605
- }
6606
- ],
6607
- "type": "graph-view"
6667
+ "type": "graph-view",
6668
+ "height": 200.0
6608
6669
  }
6609
6670
  ],
6610
- "direction": "vertical"
6671
+ "type": "stack",
6672
+ "direction": "vertical",
6673
+ "gap": "lg"
6611
6674
  }
6612
6675
  ]
6613
6676
  }
6614
6677
  ],
6615
- "type": "dashboard-layout",
6616
- "appName": "HRPortal"
6678
+ "navItems": [
6679
+ {
6680
+ "href": "/employees",
6681
+ "icon": "users",
6682
+ "label": "Employees"
6683
+ },
6684
+ {
6685
+ "href": "/onboarding",
6686
+ "icon": "layout-list",
6687
+ "label": "Onboarding"
6688
+ },
6689
+ {
6690
+ "icon": "calendar",
6691
+ "label": "Time Off",
6692
+ "href": "/timeoff"
6693
+ },
6694
+ {
6695
+ "icon": "layout-list",
6696
+ "href": "/org-chart",
6697
+ "label": "Org Chart"
6698
+ }
6699
+ ],
6700
+ "type": "dashboard-layout"
6617
6701
  }
6618
6702
  ]
6619
6703
  ]