@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-ecommerce.orb CHANGED
@@ -647,8 +647,8 @@
647
647
  "Product",
648
648
  {
649
649
  "emit": {
650
- "success": "ProductLoaded",
651
- "failure": "ProductLoadFailed"
650
+ "failure": "ProductLoadFailed",
651
+ "success": "ProductLoaded"
652
652
  }
653
653
  }
654
654
  ],
@@ -656,22 +656,22 @@
656
656
  "render-ui",
657
657
  "main",
658
658
  {
659
- "align": "center",
660
- "className": "py-12",
661
- "type": "stack",
662
659
  "gap": "md",
663
660
  "direction": "vertical",
661
+ "type": "stack",
662
+ "align": "center",
664
663
  "children": [
665
664
  {
666
665
  "type": "spinner"
667
666
  },
668
667
  {
669
- "content": "Loading…",
668
+ "type": "typography",
670
669
  "color": "muted",
671
- "variant": "caption",
672
- "type": "typography"
670
+ "content": "Loading…",
671
+ "variant": "caption"
673
672
  }
674
- ]
673
+ ],
674
+ "className": "py-12"
675
675
  }
676
676
  ]
677
677
  ]
@@ -685,83 +685,62 @@
685
685
  "render-ui",
686
686
  "main",
687
687
  {
688
+ "appName": "EcommerceApp",
688
689
  "children": [
689
690
  {
690
- "direction": "vertical",
691
- "gap": "lg",
692
- "className": "max-w-5xl mx-auto w-full",
691
+ "type": "stack",
693
692
  "children": [
694
693
  {
695
- "type": "stack",
696
- "align": "center",
697
- "justify": "between",
698
- "direction": "horizontal",
699
- "gap": "md",
700
694
  "children": [
701
695
  {
702
- "type": "stack",
696
+ "direction": "horizontal",
697
+ "gap": "sm",
698
+ "align": "center",
703
699
  "children": [
704
700
  {
705
701
  "name": "package",
706
702
  "type": "icon"
707
703
  },
708
704
  {
705
+ "content": "Products",
709
706
  "type": "typography",
710
- "variant": "h2",
711
- "content": "Products"
707
+ "variant": "h2"
712
708
  }
713
709
  ],
714
- "gap": "sm",
715
- "align": "center",
716
- "direction": "horizontal"
710
+ "type": "stack"
717
711
  },
718
712
  {
713
+ "type": "stack",
714
+ "gap": "sm",
719
715
  "direction": "horizontal",
720
716
  "children": [
721
717
  {
722
- "icon": "plus",
723
- "action": "CREATE",
718
+ "variant": "primary",
724
719
  "label": "Create Product",
725
- "type": "button",
726
- "variant": "primary"
720
+ "action": "CREATE",
721
+ "icon": "plus",
722
+ "type": "button"
727
723
  }
728
- ],
729
- "type": "stack",
730
- "gap": "sm"
724
+ ]
731
725
  }
732
- ]
726
+ ],
727
+ "direction": "horizontal",
728
+ "type": "stack",
729
+ "justify": "between",
730
+ "align": "center",
731
+ "gap": "md"
733
732
  },
734
733
  {
735
734
  "type": "divider"
736
735
  },
737
736
  {
738
- "cols": 3.0,
739
- "gap": "md",
740
- "fields": [],
741
- "type": "data-grid",
742
737
  "entity": "@payload.data",
743
- "itemActions": [
744
- {
745
- "variant": "ghost",
746
- "label": "View",
747
- "event": "VIEW"
748
- },
749
- {
750
- "event": "EDIT",
751
- "variant": "ghost",
752
- "label": "Edit"
753
- },
754
- {
755
- "label": "Delete",
756
- "event": "DELETE",
757
- "variant": "danger"
758
- }
759
- ],
738
+ "fields": [],
760
739
  "columns": [
761
740
  {
762
- "name": "name",
741
+ "variant": "h3",
763
742
  "icon": "package",
764
- "variant": "h3"
743
+ "name": "name"
765
744
  },
766
745
  {
767
746
  "name": "category",
@@ -769,49 +748,70 @@
769
748
  },
770
749
  {
771
750
  "format": "currency",
772
- "name": "price",
773
- "variant": "h4"
751
+ "variant": "h4",
752
+ "name": "price"
774
753
  },
775
754
  {
776
- "variant": "caption",
777
- "name": "sku"
755
+ "name": "sku",
756
+ "variant": "caption"
778
757
  },
779
758
  {
780
- "name": "inStock",
781
- "variant": "body",
782
759
  "format": "boolean",
783
- "label": "In Stock"
760
+ "variant": "body",
761
+ "label": "In Stock",
762
+ "name": "inStock"
784
763
  }
785
- ]
764
+ ],
765
+ "gap": "md",
766
+ "itemActions": [
767
+ {
768
+ "event": "VIEW",
769
+ "label": "View",
770
+ "variant": "ghost"
771
+ },
772
+ {
773
+ "event": "EDIT",
774
+ "variant": "ghost",
775
+ "label": "Edit"
776
+ },
777
+ {
778
+ "event": "DELETE",
779
+ "variant": "danger",
780
+ "label": "Delete"
781
+ }
782
+ ],
783
+ "type": "data-grid",
784
+ "cols": 3.0
786
785
  }
787
786
  ],
788
- "type": "stack"
787
+ "gap": "lg",
788
+ "direction": "vertical",
789
+ "className": "max-w-5xl mx-auto w-full"
789
790
  }
790
791
  ],
791
- "appName": "EcommerceApp",
792
- "type": "dashboard-layout",
793
792
  "navItems": [
794
793
  {
795
- "href": "/products",
796
794
  "label": "Products",
797
- "icon": "package"
795
+ "icon": "package",
796
+ "href": "/products"
798
797
  },
799
798
  {
800
- "href": "/cart",
801
799
  "icon": "shopping-cart",
800
+ "href": "/cart",
802
801
  "label": "Cart"
803
802
  },
804
803
  {
805
- "label": "Checkout",
806
804
  "href": "/checkout",
807
- "icon": "credit-card"
805
+ "icon": "credit-card",
806
+ "label": "Checkout"
808
807
  },
809
808
  {
810
809
  "icon": "clipboard-list",
811
- "href": "/orders",
812
- "label": "Orders"
810
+ "label": "Orders",
811
+ "href": "/orders"
813
812
  }
814
- ]
813
+ ],
814
+ "type": "dashboard-layout"
815
815
  }
816
816
  ]
817
817
  ]
@@ -825,11 +825,14 @@
825
825
  "render-ui",
826
826
  "main",
827
827
  {
828
+ "gap": "md",
829
+ "type": "stack",
830
+ "className": "py-12",
828
831
  "children": [
829
832
  {
830
- "color": "destructive",
831
833
  "type": "icon",
832
- "name": "alert-triangle"
834
+ "name": "alert-triangle",
835
+ "color": "destructive"
833
836
  },
834
837
  {
835
838
  "content": "Failed to load product",
@@ -837,23 +840,20 @@
837
840
  "variant": "h3"
838
841
  },
839
842
  {
843
+ "variant": "body",
840
844
  "type": "typography",
841
845
  "color": "muted",
842
- "variant": "body",
843
846
  "content": "@payload.error"
844
847
  },
845
848
  {
846
- "label": "Retry",
847
- "icon": "rotate-ccw",
848
849
  "type": "button",
850
+ "action": "INIT",
849
851
  "variant": "primary",
850
- "action": "INIT"
852
+ "label": "Retry",
853
+ "icon": "rotate-ccw"
851
854
  }
852
855
  ],
853
- "type": "stack",
854
- "gap": "md",
855
856
  "direction": "vertical",
856
- "className": "py-12",
857
857
  "align": "center"
858
858
  }
859
859
  ]
@@ -1023,8 +1023,14 @@
1023
1023
  "event": "INIT",
1024
1024
  "effects": [
1025
1025
  [
1026
- "ref",
1027
- "Product"
1026
+ "fetch",
1027
+ "Product",
1028
+ {
1029
+ "emit": {
1030
+ "success": "ProductLoaded",
1031
+ "failure": "ProductLoadFailed"
1032
+ }
1033
+ }
1028
1034
  ]
1029
1035
  ]
1030
1036
  },
@@ -1038,8 +1044,8 @@
1038
1044
  "Product",
1039
1045
  {
1040
1046
  "emit": {
1041
- "success": "ProductLoaded",
1042
- "failure": "ProductLoadFailed"
1047
+ "failure": "ProductLoadFailed",
1048
+ "success": "ProductLoaded"
1043
1049
  }
1044
1050
  }
1045
1051
  ],
@@ -1047,12 +1053,8 @@
1047
1053
  "render-ui",
1048
1054
  "modal",
1049
1055
  {
1050
- "gap": "md",
1051
- "type": "stack",
1052
- "direction": "vertical",
1053
1056
  "children": [
1054
1057
  {
1055
- "type": "stack",
1056
1058
  "children": [
1057
1059
  {
1058
1060
  "type": "icon",
@@ -1060,19 +1062,21 @@
1060
1062
  },
1061
1063
  {
1062
1064
  "variant": "h3",
1063
- "type": "typography",
1064
- "content": "Create Product"
1065
+ "content": "Create Product",
1066
+ "type": "typography"
1065
1067
  }
1066
1068
  ],
1067
1069
  "direction": "horizontal",
1070
+ "type": "stack",
1068
1071
  "gap": "sm"
1069
1072
  },
1070
1073
  {
1071
1074
  "type": "divider"
1072
1075
  },
1073
1076
  {
1074
- "submitEvent": "SAVE",
1075
1077
  "type": "form-section",
1078
+ "submitEvent": "SAVE",
1079
+ "mode": "create",
1076
1080
  "cancelEvent": "CLOSE",
1077
1081
  "fields": [
1078
1082
  "name",
@@ -1081,10 +1085,12 @@
1081
1085
  "category",
1082
1086
  "sku",
1083
1087
  "inStock"
1084
- ],
1085
- "mode": "create"
1088
+ ]
1086
1089
  }
1087
- ]
1090
+ ],
1091
+ "type": "stack",
1092
+ "direction": "vertical",
1093
+ "gap": "md"
1088
1094
  }
1089
1095
  ]
1090
1096
  ]
@@ -1125,8 +1131,8 @@
1125
1131
  "@payload.data",
1126
1132
  {
1127
1133
  "emit": {
1128
- "success": "ProductSaved",
1129
- "failure": "ProductSaveFailed"
1134
+ "failure": "ProductSaveFailed",
1135
+ "success": "ProductSaved"
1130
1136
  }
1131
1137
  }
1132
1138
  ],
@@ -1323,8 +1329,14 @@
1323
1329
  "event": "INIT",
1324
1330
  "effects": [
1325
1331
  [
1326
- "ref",
1327
- "Product"
1332
+ "fetch",
1333
+ "Product",
1334
+ {
1335
+ "emit": {
1336
+ "success": "ProductLoaded",
1337
+ "failure": "ProductLoadFailed"
1338
+ }
1339
+ }
1328
1340
  ]
1329
1341
  ]
1330
1342
  },
@@ -1337,33 +1349,33 @@
1337
1349
  "fetch",
1338
1350
  "Product",
1339
1351
  {
1352
+ "id": "@payload.id",
1340
1353
  "emit": {
1341
- "success": "ProductLoaded",
1342
- "failure": "ProductLoadFailed"
1343
- },
1344
- "id": "@payload.id"
1354
+ "failure": "ProductLoadFailed",
1355
+ "success": "ProductLoaded"
1356
+ }
1345
1357
  }
1346
1358
  ],
1347
1359
  [
1348
1360
  "render-ui",
1349
1361
  "modal",
1350
1362
  {
1351
- "direction": "vertical",
1352
1363
  "type": "stack",
1364
+ "direction": "vertical",
1353
1365
  "gap": "md",
1354
1366
  "children": [
1355
1367
  {
1356
- "type": "stack",
1357
1368
  "direction": "horizontal",
1369
+ "type": "stack",
1358
1370
  "children": [
1359
1371
  {
1360
- "type": "icon",
1361
- "name": "edit"
1372
+ "name": "edit",
1373
+ "type": "icon"
1362
1374
  },
1363
1375
  {
1364
1376
  "content": "Edit Product",
1365
- "variant": "h3",
1366
- "type": "typography"
1377
+ "type": "typography",
1378
+ "variant": "h3"
1367
1379
  }
1368
1380
  ],
1369
1381
  "gap": "sm"
@@ -1372,9 +1384,11 @@
1372
1384
  "type": "divider"
1373
1385
  },
1374
1386
  {
1387
+ "mode": "edit",
1388
+ "entity": "@payload.row",
1375
1389
  "type": "form-section",
1376
1390
  "submitEvent": "SAVE",
1377
- "entity": "@payload.row",
1391
+ "cancelEvent": "CLOSE",
1378
1392
  "fields": [
1379
1393
  "name",
1380
1394
  "description",
@@ -1382,9 +1396,7 @@
1382
1396
  "category",
1383
1397
  "sku",
1384
1398
  "inStock"
1385
- ],
1386
- "cancelEvent": "CLOSE",
1387
- "mode": "edit"
1399
+ ]
1388
1400
  }
1389
1401
  ]
1390
1402
  }
@@ -1427,8 +1439,8 @@
1427
1439
  "@payload.data",
1428
1440
  {
1429
1441
  "emit": {
1430
- "failure": "ProductUpdateFailed",
1431
- "success": "ProductUpdated"
1442
+ "success": "ProductUpdated",
1443
+ "failure": "ProductUpdateFailed"
1432
1444
  }
1433
1445
  }
1434
1446
  ],
@@ -1559,8 +1571,14 @@
1559
1571
  "event": "INIT",
1560
1572
  "effects": [
1561
1573
  [
1562
- "ref",
1563
- "Product"
1574
+ "fetch",
1575
+ "Product",
1576
+ {
1577
+ "emit": {
1578
+ "success": "ProductLoaded",
1579
+ "failure": "ProductLoadFailed"
1580
+ }
1581
+ }
1564
1582
  ]
1565
1583
  ]
1566
1584
  },
@@ -1573,23 +1591,24 @@
1573
1591
  "fetch",
1574
1592
  "Product",
1575
1593
  {
1594
+ "id": "@payload.id",
1576
1595
  "emit": {
1577
- "success": "ProductLoaded",
1578
- "failure": "ProductLoadFailed"
1579
- },
1580
- "id": "@payload.id"
1596
+ "failure": "ProductLoadFailed",
1597
+ "success": "ProductLoaded"
1598
+ }
1581
1599
  }
1582
1600
  ],
1583
1601
  [
1584
1602
  "render-ui",
1585
1603
  "modal",
1586
1604
  {
1587
- "type": "stack",
1588
- "direction": "vertical",
1589
1605
  "gap": "md",
1590
1606
  "children": [
1591
1607
  {
1608
+ "align": "center",
1609
+ "direction": "horizontal",
1592
1610
  "gap": "sm",
1611
+ "type": "stack",
1593
1612
  "children": [
1594
1613
  {
1595
1614
  "type": "icon",
@@ -1597,18 +1616,18 @@
1597
1616
  },
1598
1617
  {
1599
1618
  "variant": "h3",
1600
- "content": "@entity.name",
1601
- "type": "typography"
1619
+ "type": "typography",
1620
+ "content": "@entity.name"
1602
1621
  }
1603
- ],
1604
- "type": "stack",
1605
- "align": "center",
1606
- "direction": "horizontal"
1622
+ ]
1607
1623
  },
1608
1624
  {
1609
1625
  "type": "divider"
1610
1626
  },
1611
1627
  {
1628
+ "gap": "md",
1629
+ "type": "stack",
1630
+ "direction": "horizontal",
1612
1631
  "children": [
1613
1632
  {
1614
1633
  "type": "typography",
@@ -1616,69 +1635,67 @@
1616
1635
  "content": "Name"
1617
1636
  },
1618
1637
  {
1619
- "content": "@entity.name",
1638
+ "variant": "body",
1620
1639
  "type": "typography",
1621
- "variant": "body"
1640
+ "content": "@entity.name"
1622
1641
  }
1623
- ],
1624
- "gap": "md",
1625
- "type": "stack",
1626
- "direction": "horizontal"
1642
+ ]
1627
1643
  },
1628
1644
  {
1629
- "direction": "horizontal",
1630
- "type": "stack",
1631
1645
  "gap": "md",
1646
+ "type": "stack",
1647
+ "direction": "horizontal",
1632
1648
  "children": [
1633
1649
  {
1634
- "variant": "caption",
1650
+ "type": "typography",
1635
1651
  "content": "Description",
1636
- "type": "typography"
1652
+ "variant": "caption"
1637
1653
  },
1638
1654
  {
1655
+ "type": "typography",
1639
1656
  "variant": "body",
1640
- "content": "@entity.description",
1641
- "type": "typography"
1657
+ "content": "@entity.description"
1642
1658
  }
1643
1659
  ]
1644
1660
  },
1645
1661
  {
1646
- "type": "stack",
1647
1662
  "direction": "horizontal",
1663
+ "type": "stack",
1648
1664
  "children": [
1649
1665
  {
1650
- "content": "Price",
1651
1666
  "type": "typography",
1667
+ "content": "Price",
1652
1668
  "variant": "caption"
1653
1669
  },
1654
1670
  {
1655
- "type": "typography",
1656
1671
  "variant": "body",
1657
- "content": "@entity.price"
1672
+ "content": "@entity.price",
1673
+ "type": "typography"
1658
1674
  }
1659
1675
  ],
1660
1676
  "gap": "md"
1661
1677
  },
1662
1678
  {
1663
- "gap": "md",
1664
1679
  "direction": "horizontal",
1680
+ "gap": "md",
1665
1681
  "children": [
1666
1682
  {
1667
- "content": "Category",
1668
1683
  "type": "typography",
1684
+ "content": "Category",
1669
1685
  "variant": "caption"
1670
1686
  },
1671
1687
  {
1672
- "variant": "body",
1688
+ "type": "typography",
1673
1689
  "content": "@entity.category",
1674
- "type": "typography"
1690
+ "variant": "body"
1675
1691
  }
1676
1692
  ],
1677
1693
  "type": "stack"
1678
1694
  },
1679
1695
  {
1680
- "direction": "horizontal",
1681
1696
  "gap": "md",
1697
+ "direction": "horizontal",
1698
+ "type": "stack",
1682
1699
  "children": [
1683
1700
  {
1684
1701
  "variant": "caption",
@@ -1686,14 +1703,16 @@
1686
1703
  "content": "Sku"
1687
1704
  },
1688
1705
  {
1689
- "content": "@entity.sku",
1706
+ "variant": "body",
1690
1707
  "type": "typography",
1691
- "variant": "body"
1708
+ "content": "@entity.sku"
1692
1709
  }
1693
- ],
1694
- "type": "stack"
1710
+ ]
1695
1711
  },
1696
1712
  {
1713
+ "direction": "horizontal",
1714
+ "gap": "md",
1715
+ "type": "stack",
1697
1716
  "children": [
1698
1717
  {
1699
1718
  "type": "typography",
@@ -1702,39 +1721,38 @@
1702
1721
  },
1703
1722
  {
1704
1723
  "content": "@entity.inStock",
1705
- "variant": "body",
1706
- "type": "typography"
1724
+ "type": "typography",
1725
+ "variant": "body"
1707
1726
  }
1708
- ],
1709
- "type": "stack",
1710
- "direction": "horizontal",
1711
- "gap": "md"
1727
+ ]
1712
1728
  },
1713
1729
  {
1714
1730
  "type": "divider"
1715
1731
  },
1716
1732
  {
1717
- "gap": "sm",
1718
1733
  "type": "stack",
1719
1734
  "justify": "end",
1720
1735
  "direction": "horizontal",
1736
+ "gap": "sm",
1721
1737
  "children": [
1722
1738
  {
1723
- "variant": "primary",
1724
- "icon": "edit",
1739
+ "label": "Edit",
1725
1740
  "type": "button",
1726
- "action": "EDIT",
1727
- "label": "Edit"
1741
+ "icon": "edit",
1742
+ "variant": "primary",
1743
+ "action": "EDIT"
1728
1744
  },
1729
1745
  {
1730
- "label": "Close",
1731
- "variant": "ghost",
1732
1746
  "action": "CLOSE",
1733
- "type": "button"
1747
+ "variant": "ghost",
1748
+ "type": "button",
1749
+ "label": "Close"
1734
1750
  }
1735
1751
  ]
1736
1752
  }
1737
- ]
1753
+ ],
1754
+ "type": "stack",
1755
+ "direction": "vertical"
1738
1756
  }
1739
1757
  ]
1740
1758
  ]
@@ -1950,8 +1968,14 @@
1950
1968
  "event": "INIT",
1951
1969
  "effects": [
1952
1970
  [
1953
- "ref",
1954
- "Product"
1971
+ "fetch",
1972
+ "Product",
1973
+ {
1974
+ "emit": {
1975
+ "success": "ProductLoaded",
1976
+ "failure": "ProductLoadFailed"
1977
+ }
1978
+ }
1955
1979
  ]
1956
1980
  ]
1957
1981
  },
@@ -1980,24 +2004,23 @@
1980
2004
  "render-ui",
1981
2005
  "modal",
1982
2006
  {
1983
- "direction": "vertical",
1984
2007
  "children": [
1985
2008
  {
1986
2009
  "gap": "sm",
1987
- "direction": "horizontal",
1988
- "type": "stack",
2010
+ "align": "center",
1989
2011
  "children": [
1990
2012
  {
1991
- "type": "icon",
1992
- "name": "alert-triangle"
2013
+ "name": "alert-triangle",
2014
+ "type": "icon"
1993
2015
  },
1994
2016
  {
1995
- "variant": "h3",
1996
2017
  "content": "Delete Product",
1997
- "type": "typography"
2018
+ "type": "typography",
2019
+ "variant": "h3"
1998
2020
  }
1999
2021
  ],
2000
- "align": "center"
2022
+ "direction": "horizontal",
2023
+ "type": "stack"
2001
2024
  },
2002
2025
  {
2003
2026
  "type": "divider"
@@ -2008,29 +2031,30 @@
2008
2031
  "message": "This action cannot be undone."
2009
2032
  },
2010
2033
  {
2034
+ "direction": "horizontal",
2035
+ "gap": "sm",
2036
+ "justify": "end",
2011
2037
  "type": "stack",
2012
2038
  "children": [
2013
2039
  {
2014
- "variant": "ghost",
2040
+ "type": "button",
2015
2041
  "action": "CANCEL",
2016
2042
  "label": "Cancel",
2017
- "type": "button"
2043
+ "variant": "ghost"
2018
2044
  },
2019
2045
  {
2020
- "icon": "check",
2021
- "action": "CONFIRM_DELETE",
2022
2046
  "label": "Delete",
2047
+ "variant": "danger",
2023
2048
  "type": "button",
2024
- "variant": "danger"
2049
+ "action": "CONFIRM_DELETE",
2050
+ "icon": "check"
2025
2051
  }
2026
- ],
2027
- "justify": "end",
2028
- "direction": "horizontal",
2029
- "gap": "sm"
2052
+ ]
2030
2053
  }
2031
2054
  ],
2055
+ "gap": "md",
2032
2056
  "type": "stack",
2033
- "gap": "md"
2057
+ "direction": "vertical"
2034
2058
  }
2035
2059
  ]
2036
2060
  ]
@@ -2047,8 +2071,8 @@
2047
2071
  "@entity.pendingId",
2048
2072
  {
2049
2073
  "emit": {
2050
- "success": "ProductDeleted",
2051
- "failure": "ProductDeleteFailed"
2074
+ "failure": "ProductDeleteFailed",
2075
+ "success": "ProductDeleted"
2052
2076
  }
2053
2077
  }
2054
2078
  ],
@@ -2065,8 +2089,14 @@
2065
2089
  }
2066
2090
  ],
2067
2091
  [
2068
- "ref",
2069
- "Product"
2092
+ "fetch",
2093
+ "Product",
2094
+ {
2095
+ "emit": {
2096
+ "success": "ProductLoaded",
2097
+ "failure": "ProductLoadFailed"
2098
+ }
2099
+ }
2070
2100
  ],
2071
2101
  [
2072
2102
  "emit",
@@ -2092,8 +2122,14 @@
2092
2122
  }
2093
2123
  ],
2094
2124
  [
2095
- "ref",
2096
- "Product"
2125
+ "fetch",
2126
+ "Product",
2127
+ {
2128
+ "emit": {
2129
+ "success": "ProductLoaded",
2130
+ "failure": "ProductLoadFailed"
2131
+ }
2132
+ }
2097
2133
  ]
2098
2134
  ]
2099
2135
  },
@@ -2115,8 +2151,14 @@
2115
2151
  }
2116
2152
  ],
2117
2153
  [
2118
- "ref",
2119
- "Product"
2154
+ "fetch",
2155
+ "Product",
2156
+ {
2157
+ "emit": {
2158
+ "success": "ProductLoaded",
2159
+ "failure": "ProductLoadFailed"
2160
+ }
2161
+ }
2120
2162
  ]
2121
2163
  ]
2122
2164
  }
@@ -2315,22 +2357,22 @@
2315
2357
  "render-ui",
2316
2358
  "main",
2317
2359
  {
2318
- "type": "stack",
2319
- "direction": "vertical",
2320
2360
  "gap": "md",
2321
- "className": "py-12",
2361
+ "direction": "vertical",
2322
2362
  "align": "center",
2363
+ "className": "py-12",
2323
2364
  "children": [
2324
2365
  {
2325
2366
  "type": "spinner"
2326
2367
  },
2327
2368
  {
2328
- "type": "typography",
2369
+ "variant": "caption",
2329
2370
  "color": "muted",
2330
2371
  "content": "Loading…",
2331
- "variant": "caption"
2372
+ "type": "typography"
2332
2373
  }
2333
- ]
2374
+ ],
2375
+ "type": "stack"
2334
2376
  }
2335
2377
  ]
2336
2378
  ]
@@ -2344,68 +2386,67 @@
2344
2386
  "render-ui",
2345
2387
  "main",
2346
2388
  {
2347
- "type": "dashboard-layout",
2389
+ "appName": "EcommerceApp",
2348
2390
  "children": [
2349
2391
  {
2350
- "type": "stack",
2351
- "direction": "vertical",
2352
2392
  "gap": "lg",
2393
+ "direction": "vertical",
2353
2394
  "children": [
2354
2395
  {
2396
+ "direction": "horizontal",
2397
+ "justify": "between",
2398
+ "type": "stack",
2355
2399
  "children": [
2356
2400
  {
2357
2401
  "type": "stack",
2358
- "gap": "md",
2359
2402
  "direction": "horizontal",
2403
+ "gap": "md",
2360
2404
  "children": [
2361
2405
  {
2362
- "name": "shopping-cart",
2363
- "type": "icon"
2406
+ "type": "icon",
2407
+ "name": "shopping-cart"
2364
2408
  },
2365
2409
  {
2366
- "type": "typography",
2367
2410
  "content": "Shopping Cart",
2411
+ "type": "typography",
2368
2412
  "variant": "h2"
2369
2413
  }
2370
2414
  ]
2371
2415
  },
2372
2416
  {
2417
+ "label": "Add Item",
2373
2418
  "type": "button",
2374
- "icon": "plus",
2419
+ "action": "ADD_ITEM",
2375
2420
  "variant": "primary",
2376
- "label": "Add Item",
2377
- "action": "ADD_ITEM"
2421
+ "icon": "plus"
2378
2422
  }
2379
2423
  ],
2380
- "gap": "md",
2381
- "direction": "horizontal",
2382
- "justify": "between",
2383
- "type": "stack"
2424
+ "gap": "md"
2384
2425
  },
2385
2426
  {
2386
2427
  "type": "divider"
2387
2428
  },
2388
2429
  {
2389
- "type": "simple-grid",
2390
2430
  "cols": 3.0,
2431
+ "type": "simple-grid",
2391
2432
  "children": [
2392
2433
  {
2393
- "type": "stat-display",
2394
- "label": "Items",
2434
+ "icon": "package",
2395
2435
  "value": "@entity",
2396
- "icon": "package"
2436
+ "label": "Items",
2437
+ "type": "stat-display"
2397
2438
  },
2398
2439
  {
2399
- "value": "@entity",
2400
2440
  "type": "stat-display",
2441
+ "label": "Subtotal",
2401
2442
  "icon": "dollar-sign",
2402
- "label": "Subtotal"
2443
+ "value": "@entity"
2403
2444
  },
2404
2445
  {
2405
2446
  "type": "stat-display",
2406
2447
  "value": "@entity",
2407
- "label": "Total",
2408
- "icon": "receipt"
2448
+ "icon": "receipt",
2449
+ "label": "Total"
2409
2450
  }
2410
2451
  ]
2411
2452
  },
@@ -2413,47 +2454,47 @@
2413
2454
  "type": "divider"
2414
2455
  },
2415
2456
  {
2416
- "fields": [],
2417
- "entity": "@payload.data",
2418
- "type": "data-grid",
2419
2457
  "columns": [
2420
2458
  {
2421
- "icon": "shopping-cart",
2422
2459
  "variant": "h4",
2423
2460
  "name": "productName",
2461
+ "icon": "shopping-cart",
2424
2462
  "label": "Product Name"
2425
2463
  },
2426
2464
  {
2427
- "variant": "caption",
2428
- "format": "currency",
2429
2465
  "label": "Quantity",
2430
- "name": "quantity"
2466
+ "format": "currency",
2467
+ "name": "quantity",
2468
+ "variant": "caption"
2431
2469
  },
2432
2470
  {
2433
- "name": "unitPrice",
2471
+ "label": "Unit Price",
2434
2472
  "variant": "badge",
2435
- "label": "Unit Price"
2473
+ "name": "unitPrice"
2436
2474
  }
2437
2475
  ],
2476
+ "fields": [],
2477
+ "type": "data-grid",
2438
2478
  "itemActions": [
2439
2479
  {
2440
2480
  "variant": "danger",
2441
2481
  "label": "Remove",
2442
2482
  "event": "REQUEST_REMOVE"
2443
2483
  }
2444
- ]
2484
+ ],
2485
+ "entity": "@payload.data"
2445
2486
  },
2446
2487
  {
2488
+ "icon": "arrow-right",
2447
2489
  "action": "PROCEED_CHECKOUT",
2448
2490
  "type": "button",
2449
- "variant": "primary",
2450
2491
  "label": "Proceed to Checkout",
2451
- "icon": "arrow-right"
2492
+ "variant": "primary"
2452
2493
  }
2453
- ]
2494
+ ],
2495
+ "type": "stack"
2454
2496
  }
2455
2497
  ],
2456
- "appName": "EcommerceApp",
2457
2498
  "navItems": [
2458
2499
  {
2459
2500
  "icon": "package",
@@ -2466,16 +2507,17 @@
2466
2507
  "label": "Cart"
2467
2508
  },
2468
2509
  {
2469
- "icon": "credit-card",
2470
2510
  "label": "Checkout",
2511
+ "icon": "credit-card",
2471
2512
  "href": "/checkout"
2472
2513
  },
2473
2514
  {
2515
+ "label": "Orders",
2474
2516
  "href": "/orders",
2475
- "icon": "clipboard-list",
2476
- "label": "Orders"
2517
+ "icon": "clipboard-list"
2477
2518
  }
2478
- ]
2519
+ ],
2520
+ "type": "dashboard-layout"
2479
2521
  }
2480
2522
  ]
2481
2523
  ]
@@ -2489,36 +2531,36 @@
2489
2531
  "render-ui",
2490
2532
  "main",
2491
2533
  {
2534
+ "align": "center",
2535
+ "gap": "md",
2536
+ "type": "stack",
2537
+ "direction": "vertical",
2538
+ "className": "py-12",
2492
2539
  "children": [
2493
2540
  {
2541
+ "name": "alert-triangle",
2494
2542
  "type": "icon",
2495
- "color": "destructive",
2496
- "name": "alert-triangle"
2543
+ "color": "destructive"
2497
2544
  },
2498
2545
  {
2499
2546
  "type": "typography",
2500
- "content": "Failed to load cartitem",
2501
- "variant": "h3"
2547
+ "variant": "h3",
2548
+ "content": "Failed to load cartitem"
2502
2549
  },
2503
2550
  {
2504
- "variant": "body",
2551
+ "content": "@payload.error",
2505
2552
  "color": "muted",
2506
- "type": "typography",
2507
- "content": "@payload.error"
2553
+ "variant": "body",
2554
+ "type": "typography"
2508
2555
  },
2509
2556
  {
2510
- "icon": "rotate-ccw",
2511
- "label": "Retry",
2512
- "action": "INIT",
2513
2557
  "variant": "primary",
2558
+ "action": "INIT",
2559
+ "label": "Retry",
2560
+ "icon": "rotate-ccw",
2514
2561
  "type": "button"
2515
2562
  }
2516
- ],
2517
- "type": "stack",
2518
- "className": "py-12",
2519
- "direction": "vertical",
2520
- "gap": "md",
2521
- "align": "center"
2563
+ ]
2522
2564
  }
2523
2565
  ]
2524
2566
  ]
@@ -2542,21 +2584,21 @@
2542
2584
  "render-ui",
2543
2585
  "main",
2544
2586
  {
2545
- "type": "stack",
2546
2587
  "children": [
2547
2588
  {
2548
2589
  "type": "spinner"
2549
2590
  },
2550
2591
  {
2551
2592
  "content": "Preparing checkout…",
2552
- "color": "muted",
2553
2593
  "variant": "caption",
2554
- "type": "typography"
2594
+ "type": "typography",
2595
+ "color": "muted"
2555
2596
  }
2556
2597
  ],
2598
+ "align": "center",
2599
+ "type": "stack",
2557
2600
  "direction": "vertical",
2558
2601
  "gap": "md",
2559
- "align": "center",
2560
2602
  "className": "py-12"
2561
2603
  }
2562
2604
  ]
@@ -2572,107 +2614,107 @@
2572
2614
  "main",
2573
2615
  {
2574
2616
  "appName": "EcommerceApp",
2617
+ "navItems": [
2618
+ {
2619
+ "href": "/products",
2620
+ "icon": "package",
2621
+ "label": "Products"
2622
+ },
2623
+ {
2624
+ "label": "Cart",
2625
+ "icon": "shopping-cart",
2626
+ "href": "/cart"
2627
+ },
2628
+ {
2629
+ "icon": "credit-card",
2630
+ "label": "Checkout",
2631
+ "href": "/checkout"
2632
+ },
2633
+ {
2634
+ "icon": "clipboard-list",
2635
+ "label": "Orders",
2636
+ "href": "/orders"
2637
+ }
2638
+ ],
2575
2639
  "children": [
2576
2640
  {
2577
- "direction": "vertical",
2578
2641
  "type": "stack",
2579
- "gap": "lg",
2580
2642
  "children": [
2581
2643
  {
2644
+ "gap": "sm",
2582
2645
  "children": [
2583
2646
  {
2584
- "name": "clipboard",
2585
- "type": "icon"
2647
+ "type": "icon",
2648
+ "name": "clipboard"
2586
2649
  },
2587
2650
  {
2588
- "content": "Checkout",
2589
2651
  "variant": "h2",
2652
+ "content": "Checkout",
2590
2653
  "type": "typography"
2591
2654
  }
2592
2655
  ],
2593
- "type": "stack",
2594
2656
  "direction": "horizontal",
2595
- "gap": "sm"
2657
+ "type": "stack"
2596
2658
  },
2597
2659
  {
2598
2660
  "type": "divider"
2599
2661
  },
2600
2662
  {
2601
- "entity": "@payload.data",
2602
- "fields": [],
2603
- "type": "data-grid",
2604
- "itemActions": [
2605
- {
2606
- "variant": "danger",
2607
- "label": "Remove",
2608
- "event": "REQUEST_REMOVE"
2609
- }
2610
- ],
2611
2663
  "columns": [
2612
2664
  {
2613
- "label": "Product Name",
2614
- "variant": "h4",
2665
+ "icon": "shopping-cart",
2615
2666
  "name": "productName",
2616
- "icon": "shopping-cart"
2667
+ "variant": "h4",
2668
+ "label": "Product Name"
2617
2669
  },
2618
2670
  {
2619
- "variant": "caption",
2620
- "format": "currency",
2671
+ "name": "quantity",
2621
2672
  "label": "Quantity",
2622
- "name": "quantity"
2673
+ "format": "currency",
2674
+ "variant": "caption"
2623
2675
  },
2624
2676
  {
2625
- "name": "unitPrice",
2626
2677
  "label": "Unit Price",
2678
+ "name": "unitPrice",
2627
2679
  "variant": "badge"
2628
2680
  }
2681
+ ],
2682
+ "entity": "@payload.data",
2683
+ "fields": [],
2684
+ "type": "data-grid",
2685
+ "itemActions": [
2686
+ {
2687
+ "variant": "danger",
2688
+ "label": "Remove",
2689
+ "event": "REQUEST_REMOVE"
2690
+ }
2629
2691
  ]
2630
2692
  },
2631
2693
  {
2632
2694
  "justify": "end",
2633
- "direction": "horizontal",
2634
2695
  "type": "stack",
2696
+ "direction": "horizontal",
2635
2697
  "children": [
2636
2698
  {
2637
- "label": "Back to Cart",
2638
- "action": "BACK_TO_CART",
2699
+ "icon": "arrow-left",
2639
2700
  "type": "button",
2640
2701
  "variant": "ghost",
2641
- "icon": "arrow-left"
2702
+ "action": "BACK_TO_CART",
2703
+ "label": "Back to Cart"
2642
2704
  },
2643
2705
  {
2706
+ "label": "Confirm Order",
2707
+ "variant": "primary",
2644
2708
  "type": "button",
2645
2709
  "action": "CONFIRM_ORDER",
2646
- "icon": "check",
2647
- "variant": "primary",
2648
- "label": "Confirm Order"
2710
+ "icon": "check"
2649
2711
  }
2650
2712
  ],
2651
2713
  "gap": "sm"
2652
2714
  }
2653
- ]
2654
- }
2655
- ],
2656
- "navItems": [
2657
- {
2658
- "href": "/products",
2659
- "icon": "package",
2660
- "label": "Products"
2661
- },
2662
- {
2663
- "label": "Cart",
2664
- "icon": "shopping-cart",
2665
- "href": "/cart"
2666
- },
2667
- {
2668
- "label": "Checkout",
2669
- "icon": "credit-card",
2670
- "href": "/checkout"
2671
- },
2672
- {
2673
- "href": "/orders",
2674
- "icon": "clipboard-list",
2675
- "label": "Orders"
2715
+ ],
2716
+ "direction": "vertical",
2717
+ "gap": "lg"
2676
2718
  }
2677
2719
  ],
2678
2720
  "type": "dashboard-layout"
@@ -2686,8 +2728,14 @@
2686
2728
  "event": "BACK_TO_CART",
2687
2729
  "effects": [
2688
2730
  [
2689
- "ref",
2690
- "CartItem"
2731
+ "fetch",
2732
+ "CartItem",
2733
+ {
2734
+ "emit": {
2735
+ "failure": "CartItemLoadFailed",
2736
+ "success": "CartItemLoaded"
2737
+ }
2738
+ }
2691
2739
  ]
2692
2740
  ]
2693
2741
  },
@@ -2697,65 +2745,71 @@
2697
2745
  "event": "CONFIRM_ORDER",
2698
2746
  "effects": [
2699
2747
  [
2700
- "ref",
2701
- "CartItem"
2748
+ "fetch",
2749
+ "CartItem",
2750
+ {
2751
+ "emit": {
2752
+ "failure": "CartItemLoadFailed",
2753
+ "success": "CartItemLoaded"
2754
+ }
2755
+ }
2702
2756
  ],
2703
2757
  [
2704
2758
  "render-ui",
2705
2759
  "main",
2706
2760
  {
2707
2761
  "type": "dashboard-layout",
2762
+ "appName": "EcommerceApp",
2708
2763
  "navItems": [
2709
2764
  {
2710
- "label": "Products",
2711
2765
  "href": "/products",
2712
- "icon": "package"
2766
+ "icon": "package",
2767
+ "label": "Products"
2713
2768
  },
2714
2769
  {
2715
2770
  "label": "Cart",
2716
- "href": "/cart",
2717
- "icon": "shopping-cart"
2771
+ "icon": "shopping-cart",
2772
+ "href": "/cart"
2718
2773
  },
2719
2774
  {
2720
2775
  "icon": "credit-card",
2721
- "href": "/checkout",
2722
- "label": "Checkout"
2776
+ "label": "Checkout",
2777
+ "href": "/checkout"
2723
2778
  },
2724
2779
  {
2780
+ "icon": "clipboard-list",
2725
2781
  "label": "Orders",
2726
- "href": "/orders",
2727
- "icon": "clipboard-list"
2782
+ "href": "/orders"
2728
2783
  }
2729
2784
  ],
2730
- "appName": "EcommerceApp",
2731
2785
  "children": [
2732
2786
  {
2733
2787
  "align": "center",
2734
- "type": "stack",
2735
2788
  "children": [
2736
2789
  {
2737
2790
  "name": "check-circle",
2738
2791
  "type": "icon"
2739
2792
  },
2740
2793
  {
2741
- "type": "typography",
2742
2794
  "content": "Order Confirmed",
2743
- "variant": "h2"
2795
+ "variant": "h2",
2796
+ "type": "typography"
2744
2797
  },
2745
2798
  {
2799
+ "type": "typography",
2746
2800
  "content": "Your order has been placed successfully.",
2747
- "variant": "body",
2748
- "type": "typography"
2801
+ "variant": "body"
2749
2802
  },
2750
2803
  {
2751
2804
  "type": "button",
2752
- "action": "INIT",
2805
+ "label": "Continue Shopping",
2753
2806
  "variant": "primary",
2754
- "label": "Continue Shopping"
2807
+ "action": "INIT"
2755
2808
  }
2756
2809
  ],
2757
2810
  "gap": "lg",
2758
- "direction": "vertical"
2811
+ "direction": "vertical",
2812
+ "type": "stack"
2759
2813
  }
2760
2814
  ]
2761
2815
  }
@@ -2911,8 +2965,14 @@
2911
2965
  "event": "INIT",
2912
2966
  "effects": [
2913
2967
  [
2914
- "ref",
2915
- "CartItem"
2968
+ "fetch",
2969
+ "CartItem",
2970
+ {
2971
+ "emit": {
2972
+ "success": "CartItemLoaded",
2973
+ "failure": "CartItemLoadFailed"
2974
+ }
2975
+ }
2916
2976
  ]
2917
2977
  ]
2918
2978
  },
@@ -2926,8 +2986,8 @@
2926
2986
  "CartItem",
2927
2987
  {
2928
2988
  "emit": {
2929
- "failure": "CartItemLoadFailed",
2930
- "success": "CartItemLoaded"
2989
+ "success": "CartItemLoaded",
2990
+ "failure": "CartItemLoadFailed"
2931
2991
  }
2932
2992
  }
2933
2993
  ],
@@ -2935,42 +2995,42 @@
2935
2995
  "render-ui",
2936
2996
  "modal",
2937
2997
  {
2938
- "direction": "vertical",
2939
- "gap": "md",
2940
2998
  "type": "stack",
2999
+ "gap": "md",
2941
3000
  "children": [
2942
3001
  {
2943
- "direction": "horizontal",
2944
- "type": "stack",
3002
+ "gap": "sm",
2945
3003
  "children": [
2946
3004
  {
2947
3005
  "type": "icon",
2948
3006
  "name": "plus-circle"
2949
3007
  },
2950
3008
  {
2951
- "variant": "h3",
2952
3009
  "type": "typography",
3010
+ "variant": "h3",
2953
3011
  "content": "Add Item"
2954
3012
  }
2955
3013
  ],
2956
- "gap": "sm"
3014
+ "type": "stack",
3015
+ "direction": "horizontal"
2957
3016
  },
2958
3017
  {
2959
3018
  "type": "divider"
2960
3019
  },
2961
3020
  {
2962
- "type": "form-section",
3021
+ "cancelEvent": "CLOSE",
2963
3022
  "mode": "create",
2964
3023
  "submitEvent": "SAVE",
2965
- "cancelEvent": "CLOSE",
2966
3024
  "fields": [
2967
3025
  "productName",
2968
3026
  "quantity",
2969
3027
  "unitPrice",
2970
3028
  "totalPrice"
2971
- ]
3029
+ ],
3030
+ "type": "form-section"
2972
3031
  }
2973
- ]
3032
+ ],
3033
+ "direction": "vertical"
2974
3034
  }
2975
3035
  ]
2976
3036
  ]
@@ -3011,8 +3071,8 @@
3011
3071
  "@payload.data",
3012
3072
  {
3013
3073
  "emit": {
3014
- "failure": "CartItemSaveFailed",
3015
- "success": "CartItemSaved"
3074
+ "success": "CartItemSaved",
3075
+ "failure": "CartItemSaveFailed"
3016
3076
  }
3017
3077
  }
3018
3078
  ],
@@ -3183,8 +3243,14 @@
3183
3243
  "event": "INIT",
3184
3244
  "effects": [
3185
3245
  [
3186
- "ref",
3187
- "CartItem"
3246
+ "fetch",
3247
+ "CartItem",
3248
+ {
3249
+ "emit": {
3250
+ "success": "CartItemLoaded",
3251
+ "failure": "CartItemLoadFailed"
3252
+ }
3253
+ }
3188
3254
  ]
3189
3255
  ]
3190
3256
  },
@@ -3202,21 +3268,22 @@
3202
3268
  "fetch",
3203
3269
  "CartItem",
3204
3270
  {
3205
- "id": "@payload.id",
3206
3271
  "emit": {
3207
3272
  "success": "CartItemLoaded",
3208
3273
  "failure": "CartItemLoadFailed"
3209
- }
3274
+ },
3275
+ "id": "@payload.id"
3210
3276
  }
3211
3277
  ],
3212
3278
  [
3213
3279
  "render-ui",
3214
3280
  "modal",
3215
3281
  {
3216
- "type": "stack",
3217
3282
  "children": [
3218
3283
  {
3284
+ "direction": "horizontal",
3219
3285
  "align": "center",
3286
+ "gap": "sm",
3220
3287
  "children": [
3221
3288
  {
3222
3289
  "type": "icon",
@@ -3224,46 +3291,45 @@
3224
3291
  },
3225
3292
  {
3226
3293
  "type": "typography",
3227
- "content": "Remove Item",
3228
- "variant": "h3"
3294
+ "variant": "h3",
3295
+ "content": "Remove Item"
3229
3296
  }
3230
3297
  ],
3231
- "type": "stack",
3232
- "direction": "horizontal",
3233
- "gap": "sm"
3298
+ "type": "stack"
3234
3299
  },
3235
3300
  {
3236
3301
  "type": "divider"
3237
3302
  },
3238
3303
  {
3239
3304
  "type": "alert",
3240
- "variant": "error",
3241
- "message": "Are you sure you want to remove this item from your cart?"
3305
+ "message": "Are you sure you want to remove this item from your cart?",
3306
+ "variant": "error"
3242
3307
  },
3243
3308
  {
3244
- "type": "stack",
3245
- "direction": "horizontal",
3246
3309
  "justify": "end",
3247
3310
  "children": [
3248
3311
  {
3249
- "action": "CANCEL",
3250
- "label": "Cancel",
3251
3312
  "variant": "ghost",
3252
- "type": "button"
3313
+ "type": "button",
3314
+ "label": "Cancel",
3315
+ "action": "CANCEL"
3253
3316
  },
3254
3317
  {
3255
- "variant": "danger",
3318
+ "icon": "check",
3256
3319
  "type": "button",
3257
3320
  "label": "Remove",
3258
- "icon": "check",
3321
+ "variant": "danger",
3259
3322
  "action": "CONFIRM_REMOVE"
3260
3323
  }
3261
3324
  ],
3262
- "gap": "sm"
3325
+ "type": "stack",
3326
+ "gap": "sm",
3327
+ "direction": "horizontal"
3263
3328
  }
3264
3329
  ],
3265
3330
  "direction": "vertical",
3266
- "gap": "md"
3331
+ "gap": "md",
3332
+ "type": "stack"
3267
3333
  }
3268
3334
  ]
3269
3335
  ]
@@ -3298,8 +3364,14 @@
3298
3364
  }
3299
3365
  ],
3300
3366
  [
3301
- "ref",
3302
- "CartItem"
3367
+ "fetch",
3368
+ "CartItem",
3369
+ {
3370
+ "emit": {
3371
+ "failure": "CartItemLoadFailed",
3372
+ "success": "CartItemLoaded"
3373
+ }
3374
+ }
3303
3375
  ]
3304
3376
  ]
3305
3377
  },
@@ -3321,8 +3393,14 @@
3321
3393
  }
3322
3394
  ],
3323
3395
  [
3324
- "ref",
3325
- "CartItem"
3396
+ "fetch",
3397
+ "CartItem",
3398
+ {
3399
+ "emit": {
3400
+ "success": "CartItemLoaded",
3401
+ "failure": "CartItemLoadFailed"
3402
+ }
3403
+ }
3326
3404
  ]
3327
3405
  ]
3328
3406
  },
@@ -3344,8 +3422,14 @@
3344
3422
  }
3345
3423
  ],
3346
3424
  [
3347
- "ref",
3348
- "CartItem"
3425
+ "fetch",
3426
+ "CartItem",
3427
+ {
3428
+ "emit": {
3429
+ "success": "CartItemLoaded",
3430
+ "failure": "CartItemLoadFailed"
3431
+ }
3432
+ }
3349
3433
  ]
3350
3434
  ]
3351
3435
  }
@@ -3605,35 +3689,13 @@
3605
3689
  "render-ui",
3606
3690
  "main",
3607
3691
  {
3608
- "appName": "EcommerceApp",
3609
- "navItems": [
3610
- {
3611
- "label": "Products",
3612
- "href": "/products",
3613
- "icon": "package"
3614
- },
3615
- {
3616
- "icon": "shopping-cart",
3617
- "label": "Cart",
3618
- "href": "/cart"
3619
- },
3620
- {
3621
- "href": "/checkout",
3622
- "icon": "credit-card",
3623
- "label": "Checkout"
3624
- },
3625
- {
3626
- "href": "/orders",
3627
- "label": "Orders",
3628
- "icon": "clipboard-list"
3629
- }
3630
- ],
3631
3692
  "children": [
3632
3693
  {
3633
3694
  "maxWidth": "lg",
3634
- "type": "container",
3635
3695
  "children": [
3636
3696
  {
3697
+ "gap": "lg",
3698
+ "direction": "vertical",
3637
3699
  "children": [
3638
3700
  {
3639
3701
  "align": "center",
@@ -3643,19 +3705,19 @@
3643
3705
  "name": "credit-card"
3644
3706
  },
3645
3707
  {
3646
- "content": "Checkout",
3647
3708
  "variant": "h2",
3648
- "type": "typography"
3709
+ "type": "typography",
3710
+ "content": "Checkout"
3649
3711
  }
3650
3712
  ],
3713
+ "gap": "sm",
3651
3714
  "type": "stack",
3652
- "direction": "horizontal",
3653
- "gap": "sm"
3715
+ "direction": "horizontal"
3654
3716
  },
3655
3717
  {
3656
3718
  "count": 3.0,
3657
- "currentIndex": 0.0,
3658
- "type": "progress-dots"
3719
+ "type": "progress-dots",
3720
+ "currentIndex": 0.0
3659
3721
  },
3660
3722
  {
3661
3723
  "currentStep": 0.0,
@@ -3670,50 +3732,72 @@
3670
3732
  "type": "divider"
3671
3733
  },
3672
3734
  {
3673
- "type": "typography",
3674
3735
  "content": "Customer Info",
3675
- "variant": "h3"
3736
+ "variant": "h3",
3737
+ "type": "typography"
3676
3738
  },
3677
3739
  {
3678
- "cancelEvent": "INIT",
3740
+ "mode": "create",
3741
+ "type": "form-section",
3742
+ "submitEvent": "NEXT",
3679
3743
  "fields": [
3680
3744
  "customerName",
3681
3745
  "email"
3682
3746
  ],
3683
- "type": "form-section",
3684
- "submitEvent": "NEXT",
3685
- "mode": "create"
3747
+ "cancelEvent": "INIT"
3686
3748
  },
3687
3749
  {
3688
3750
  "type": "stack",
3689
- "direction": "horizontal",
3690
- "justify": "end",
3691
3751
  "children": [
3692
3752
  {
3693
- "action": "NEXT",
3694
- "label": "Next",
3695
- "type": "button",
3696
3753
  "icon": "arrow-right",
3754
+ "type": "button",
3755
+ "label": "Next",
3756
+ "action": "NEXT",
3697
3757
  "variant": "primary"
3698
3758
  }
3699
3759
  ],
3700
- "gap": "sm"
3760
+ "direction": "horizontal",
3761
+ "gap": "sm",
3762
+ "justify": "end"
3701
3763
  }
3702
3764
  ],
3703
- "type": "stack",
3704
- "direction": "vertical",
3705
- "gap": "lg"
3765
+ "type": "stack"
3706
3766
  }
3707
3767
  ],
3708
- "padding": "lg"
3768
+ "padding": "lg",
3769
+ "type": "container"
3709
3770
  }
3710
3771
  ],
3711
- "type": "dashboard-layout"
3712
- }
3713
- ]
3714
- ]
3715
- },
3716
- {
3772
+ "type": "dashboard-layout",
3773
+ "appName": "EcommerceApp",
3774
+ "navItems": [
3775
+ {
3776
+ "label": "Products",
3777
+ "href": "/products",
3778
+ "icon": "package"
3779
+ },
3780
+ {
3781
+ "label": "Cart",
3782
+ "icon": "shopping-cart",
3783
+ "href": "/cart"
3784
+ },
3785
+ {
3786
+ "icon": "credit-card",
3787
+ "label": "Checkout",
3788
+ "href": "/checkout"
3789
+ },
3790
+ {
3791
+ "label": "Orders",
3792
+ "href": "/orders",
3793
+ "icon": "clipboard-list"
3794
+ }
3795
+ ]
3796
+ }
3797
+ ]
3798
+ ]
3799
+ },
3800
+ {
3717
3801
  "from": "step1",
3718
3802
  "to": "step2",
3719
3803
  "event": "NEXT",
@@ -3732,32 +3816,54 @@
3732
3816
  "render-ui",
3733
3817
  "main",
3734
3818
  {
3735
- "appName": "EcommerceApp",
3736
3819
  "type": "dashboard-layout",
3820
+ "navItems": [
3821
+ {
3822
+ "href": "/products",
3823
+ "label": "Products",
3824
+ "icon": "package"
3825
+ },
3826
+ {
3827
+ "href": "/cart",
3828
+ "icon": "shopping-cart",
3829
+ "label": "Cart"
3830
+ },
3831
+ {
3832
+ "label": "Checkout",
3833
+ "icon": "credit-card",
3834
+ "href": "/checkout"
3835
+ },
3836
+ {
3837
+ "label": "Orders",
3838
+ "href": "/orders",
3839
+ "icon": "clipboard-list"
3840
+ }
3841
+ ],
3737
3842
  "children": [
3738
3843
  {
3739
- "type": "container",
3740
- "maxWidth": "lg",
3741
3844
  "padding": "lg",
3845
+ "maxWidth": "lg",
3846
+ "type": "container",
3742
3847
  "children": [
3743
3848
  {
3849
+ "direction": "vertical",
3744
3850
  "children": [
3745
3851
  {
3746
3852
  "type": "stack",
3853
+ "direction": "horizontal",
3854
+ "align": "center",
3747
3855
  "children": [
3748
3856
  {
3749
- "name": "credit-card",
3750
- "type": "icon"
3857
+ "type": "icon",
3858
+ "name": "credit-card"
3751
3859
  },
3752
3860
  {
3861
+ "content": "Checkout",
3753
3862
  "type": "typography",
3754
- "variant": "h2",
3755
- "content": "Checkout"
3863
+ "variant": "h2"
3756
3864
  }
3757
3865
  ],
3758
- "align": "center",
3759
- "gap": "sm",
3760
- "direction": "horizontal"
3866
+ "gap": "sm"
3761
3867
  },
3762
3868
  {
3763
3869
  "type": "progress-dots",
@@ -3766,82 +3872,60 @@
3766
3872
  },
3767
3873
  {
3768
3874
  "type": "wizard-progress",
3769
- "currentStep": 1.0,
3770
3875
  "steps": [
3771
3876
  "Customer Info",
3772
3877
  "Shipping",
3773
3878
  "Payment"
3774
- ]
3879
+ ],
3880
+ "currentStep": 1.0
3775
3881
  },
3776
3882
  {
3777
3883
  "type": "divider"
3778
3884
  },
3779
3885
  {
3780
- "variant": "h3",
3781
3886
  "content": "Shipping",
3887
+ "variant": "h3",
3782
3888
  "type": "typography"
3783
3889
  },
3784
3890
  {
3785
- "mode": "create",
3786
3891
  "cancelEvent": "PREV",
3787
3892
  "submitEvent": "NEXT",
3893
+ "type": "form-section",
3894
+ "mode": "create",
3788
3895
  "fields": [
3789
3896
  "shippingAddress"
3790
- ],
3791
- "type": "form-section"
3897
+ ]
3792
3898
  },
3793
3899
  {
3794
- "justify": "end",
3795
- "type": "stack",
3796
3900
  "gap": "sm",
3901
+ "justify": "end",
3797
3902
  "children": [
3798
3903
  {
3904
+ "action": "PREV",
3905
+ "variant": "ghost",
3799
3906
  "label": "Back",
3800
- "icon": "arrow-left",
3801
3907
  "type": "button",
3802
- "action": "PREV",
3803
- "variant": "ghost"
3908
+ "icon": "arrow-left"
3804
3909
  },
3805
3910
  {
3806
- "action": "NEXT",
3911
+ "type": "button",
3807
3912
  "variant": "primary",
3808
3913
  "icon": "arrow-right",
3809
- "label": "Next",
3810
- "type": "button"
3914
+ "action": "NEXT",
3915
+ "label": "Next"
3811
3916
  }
3812
3917
  ],
3813
- "direction": "horizontal"
3918
+ "direction": "horizontal",
3919
+ "type": "stack"
3814
3920
  }
3815
3921
  ],
3816
- "gap": "lg",
3817
3922
  "type": "stack",
3818
- "direction": "vertical"
3923
+ "gap": "lg"
3819
3924
  }
3820
3925
  ]
3821
3926
  }
3822
3927
  ],
3823
- "navItems": [
3824
- {
3825
- "label": "Products",
3826
- "icon": "package",
3827
- "href": "/products"
3828
- },
3829
- {
3830
- "href": "/cart",
3831
- "icon": "shopping-cart",
3832
- "label": "Cart"
3833
- },
3834
- {
3835
- "href": "/checkout",
3836
- "icon": "credit-card",
3837
- "label": "Checkout"
3838
- },
3839
- {
3840
- "label": "Orders",
3841
- "href": "/orders",
3842
- "icon": "clipboard-list"
3843
- }
3844
- ]
3928
+ "appName": "EcommerceApp"
3845
3929
  }
3846
3930
  ]
3847
3931
  ]
@@ -3856,8 +3940,8 @@
3856
3940
  "Checkout",
3857
3941
  {
3858
3942
  "emit": {
3859
- "success": "CheckoutLoaded",
3860
- "failure": "CheckoutLoadFailed"
3943
+ "failure": "CheckoutLoadFailed",
3944
+ "success": "CheckoutLoaded"
3861
3945
  }
3862
3946
  }
3863
3947
  ],
@@ -3868,90 +3952,91 @@
3868
3952
  "appName": "EcommerceApp",
3869
3953
  "children": [
3870
3954
  {
3871
- "padding": "lg",
3872
- "type": "container",
3873
- "maxWidth": "lg",
3874
3955
  "children": [
3875
3956
  {
3876
- "gap": "lg",
3877
- "direction": "vertical",
3878
- "type": "stack",
3879
3957
  "children": [
3880
3958
  {
3881
- "type": "stack",
3882
- "gap": "sm",
3883
- "direction": "horizontal",
3884
3959
  "children": [
3885
3960
  {
3886
3961
  "type": "icon",
3887
3962
  "name": "credit-card"
3888
3963
  },
3889
3964
  {
3890
- "content": "Checkout",
3891
3965
  "variant": "h2",
3966
+ "content": "Checkout",
3892
3967
  "type": "typography"
3893
3968
  }
3894
3969
  ],
3970
+ "type": "stack",
3971
+ "direction": "horizontal",
3972
+ "gap": "sm",
3895
3973
  "align": "center"
3896
3974
  },
3897
3975
  {
3898
- "count": 3.0,
3899
3976
  "currentIndex": 2.0,
3977
+ "count": 3.0,
3900
3978
  "type": "progress-dots"
3901
3979
  },
3902
3980
  {
3981
+ "currentStep": 2.0,
3903
3982
  "steps": [
3904
3983
  "Customer Info",
3905
3984
  "Shipping",
3906
3985
  "Payment"
3907
3986
  ],
3908
- "type": "wizard-progress",
3909
- "currentStep": 2.0
3987
+ "type": "wizard-progress"
3910
3988
  },
3911
3989
  {
3912
3990
  "type": "divider"
3913
3991
  },
3914
3992
  {
3993
+ "content": "Payment",
3915
3994
  "type": "typography",
3916
- "variant": "h3",
3917
- "content": "Payment"
3995
+ "variant": "h3"
3918
3996
  },
3919
3997
  {
3920
- "mode": "create",
3998
+ "submitEvent": "NEXT",
3999
+ "cancelEvent": "PREV",
3921
4000
  "fields": [
3922
4001
  "paymentMethod"
3923
4002
  ],
3924
4003
  "type": "form-section",
3925
- "submitEvent": "NEXT",
3926
- "cancelEvent": "PREV"
4004
+ "mode": "create"
3927
4005
  },
3928
4006
  {
4007
+ "justify": "end",
4008
+ "type": "stack",
4009
+ "direction": "horizontal",
4010
+ "gap": "sm",
3929
4011
  "children": [
3930
4012
  {
3931
- "type": "button",
4013
+ "variant": "ghost",
3932
4014
  "action": "PREV",
3933
4015
  "label": "Back",
3934
- "variant": "ghost",
4016
+ "type": "button",
3935
4017
  "icon": "arrow-left"
3936
4018
  },
3937
4019
  {
3938
- "action": "NEXT",
3939
- "icon": "arrow-right",
3940
4020
  "variant": "primary",
4021
+ "label": "Next",
4022
+ "action": "NEXT",
3941
4023
  "type": "button",
3942
- "label": "Next"
4024
+ "icon": "arrow-right"
3943
4025
  }
3944
- ],
3945
- "direction": "horizontal",
3946
- "type": "stack",
3947
- "gap": "sm",
3948
- "justify": "end"
4026
+ ]
3949
4027
  }
3950
- ]
4028
+ ],
4029
+ "gap": "lg",
4030
+ "type": "stack",
4031
+ "direction": "vertical"
3951
4032
  }
3952
- ]
4033
+ ],
4034
+ "padding": "lg",
4035
+ "maxWidth": "lg",
4036
+ "type": "container"
3953
4037
  }
3954
4038
  ],
4039
+ "type": "dashboard-layout",
3955
4040
  "navItems": [
3956
4041
  {
3957
4042
  "label": "Products",
@@ -3959,22 +4044,21 @@
3959
4044
  "icon": "package"
3960
4045
  },
3961
4046
  {
3962
- "icon": "shopping-cart",
3963
4047
  "label": "Cart",
3964
- "href": "/cart"
4048
+ "href": "/cart",
4049
+ "icon": "shopping-cart"
3965
4050
  },
3966
4051
  {
3967
- "label": "Checkout",
3968
4052
  "href": "/checkout",
4053
+ "label": "Checkout",
3969
4054
  "icon": "credit-card"
3970
4055
  },
3971
4056
  {
3972
- "icon": "clipboard-list",
3973
4057
  "label": "Orders",
3974
- "href": "/orders"
4058
+ "href": "/orders",
4059
+ "icon": "clipboard-list"
3975
4060
  }
3976
- ],
3977
- "type": "dashboard-layout"
4061
+ ]
3978
4062
  }
3979
4063
  ]
3980
4064
  ]
@@ -3989,8 +4073,8 @@
3989
4073
  "Checkout",
3990
4074
  {
3991
4075
  "emit": {
3992
- "success": "CheckoutLoaded",
3993
- "failure": "CheckoutLoadFailed"
4076
+ "failure": "CheckoutLoadFailed",
4077
+ "success": "CheckoutLoaded"
3994
4078
  }
3995
4079
  }
3996
4080
  ],
@@ -4001,8 +4085,8 @@
4001
4085
  "navItems": [
4002
4086
  {
4003
4087
  "label": "Products",
4004
- "icon": "package",
4005
- "href": "/products"
4088
+ "href": "/products",
4089
+ "icon": "package"
4006
4090
  },
4007
4091
  {
4008
4092
  "label": "Cart",
@@ -4010,26 +4094,27 @@
4010
4094
  "icon": "shopping-cart"
4011
4095
  },
4012
4096
  {
4013
- "label": "Checkout",
4014
4097
  "icon": "credit-card",
4098
+ "label": "Checkout",
4015
4099
  "href": "/checkout"
4016
4100
  },
4017
4101
  {
4018
4102
  "href": "/orders",
4019
- "icon": "clipboard-list",
4020
- "label": "Orders"
4103
+ "label": "Orders",
4104
+ "icon": "clipboard-list"
4021
4105
  }
4022
4106
  ],
4023
4107
  "type": "dashboard-layout",
4024
4108
  "appName": "EcommerceApp",
4025
4109
  "children": [
4026
4110
  {
4111
+ "type": "container",
4112
+ "padding": "lg",
4027
4113
  "children": [
4028
4114
  {
4029
- "direction": "vertical",
4115
+ "gap": "lg",
4030
4116
  "children": [
4031
4117
  {
4032
- "direction": "horizontal",
4033
4118
  "children": [
4034
4119
  {
4035
4120
  "name": "credit-card",
@@ -4041,6 +4126,7 @@
4041
4126
  "variant": "h2"
4042
4127
  }
4043
4128
  ],
4129
+ "direction": "horizontal",
4044
4130
  "type": "stack",
4045
4131
  "gap": "sm",
4046
4132
  "align": "center"
@@ -4051,55 +4137,53 @@
4051
4137
  "currentIndex": 0.0
4052
4138
  },
4053
4139
  {
4054
- "type": "wizard-progress",
4055
- "currentStep": 0.0,
4056
4140
  "steps": [
4057
4141
  "Customer Info",
4058
4142
  "Shipping",
4059
4143
  "Payment"
4060
- ]
4144
+ ],
4145
+ "currentStep": 0.0,
4146
+ "type": "wizard-progress"
4061
4147
  },
4062
4148
  {
4063
4149
  "type": "divider"
4064
4150
  },
4065
4151
  {
4066
- "type": "typography",
4152
+ "content": "Customer Info",
4067
4153
  "variant": "h3",
4068
- "content": "Customer Info"
4154
+ "type": "typography"
4069
4155
  },
4070
4156
  {
4071
- "submitEvent": "NEXT",
4157
+ "type": "form-section",
4072
4158
  "mode": "create",
4073
4159
  "cancelEvent": "INIT",
4160
+ "submitEvent": "NEXT",
4074
4161
  "fields": [
4075
4162
  "customerName",
4076
4163
  "email"
4077
- ],
4078
- "type": "form-section"
4164
+ ]
4079
4165
  },
4080
4166
  {
4081
4167
  "children": [
4082
4168
  {
4083
- "action": "NEXT",
4084
- "variant": "primary",
4085
4169
  "icon": "arrow-right",
4086
4170
  "label": "Next",
4171
+ "action": "NEXT",
4172
+ "variant": "primary",
4087
4173
  "type": "button"
4088
4174
  }
4089
4175
  ],
4090
- "direction": "horizontal",
4091
- "gap": "sm",
4176
+ "type": "stack",
4092
4177
  "justify": "end",
4093
- "type": "stack"
4178
+ "gap": "sm",
4179
+ "direction": "horizontal"
4094
4180
  }
4095
4181
  ],
4096
- "type": "stack",
4097
- "gap": "lg"
4182
+ "direction": "vertical",
4183
+ "type": "stack"
4098
4184
  }
4099
4185
  ],
4100
- "type": "container",
4101
- "maxWidth": "lg",
4102
- "padding": "lg"
4186
+ "maxWidth": "lg"
4103
4187
  }
4104
4188
  ]
4105
4189
  }
@@ -4125,106 +4209,83 @@
4125
4209
  "render-ui",
4126
4210
  "main",
4127
4211
  {
4128
- "navItems": [
4129
- {
4130
- "href": "/products",
4131
- "icon": "package",
4132
- "label": "Products"
4133
- },
4134
- {
4135
- "label": "Cart",
4136
- "href": "/cart",
4137
- "icon": "shopping-cart"
4138
- },
4139
- {
4140
- "icon": "credit-card",
4141
- "label": "Checkout",
4142
- "href": "/checkout"
4143
- },
4144
- {
4145
- "href": "/orders",
4146
- "icon": "clipboard-list",
4147
- "label": "Orders"
4148
- }
4149
- ],
4150
- "type": "dashboard-layout",
4151
- "appName": "EcommerceApp",
4152
- "children": [
4212
+ "children": [
4153
4213
  {
4154
4214
  "children": [
4155
4215
  {
4156
4216
  "direction": "horizontal",
4157
- "gap": "sm",
4158
- "align": "center",
4159
- "type": "stack",
4160
4217
  "children": [
4161
4218
  {
4162
4219
  "name": "credit-card",
4163
4220
  "type": "icon"
4164
4221
  },
4165
4222
  {
4166
- "content": "Checkout",
4167
4223
  "variant": "h2",
4168
- "type": "typography"
4224
+ "type": "typography",
4225
+ "content": "Checkout"
4169
4226
  }
4170
- ]
4227
+ ],
4228
+ "type": "stack",
4229
+ "gap": "sm",
4230
+ "align": "center"
4171
4231
  },
4172
4232
  {
4173
4233
  "type": "badge",
4174
4234
  "label": "Review"
4175
4235
  },
4176
4236
  {
4177
- "currentStep": 3.0,
4178
- "type": "wizard-progress",
4179
4237
  "steps": [
4180
4238
  "Customer Info",
4181
4239
  "Shipping",
4182
4240
  "Payment"
4183
- ]
4241
+ ],
4242
+ "type": "wizard-progress",
4243
+ "currentStep": 3.0
4184
4244
  },
4185
4245
  {
4186
4246
  "type": "divider"
4187
4247
  },
4188
4248
  {
4189
- "direction": "vertical",
4249
+ "type": "stack",
4190
4250
  "children": [
4191
4251
  {
4252
+ "type": "stack",
4253
+ "direction": "horizontal",
4254
+ "justify": "between",
4192
4255
  "children": [
4193
4256
  {
4194
4257
  "content": "Customer Name",
4195
- "variant": "caption",
4196
- "type": "typography"
4258
+ "type": "typography",
4259
+ "variant": "caption"
4197
4260
  },
4198
4261
  {
4199
- "variant": "body",
4200
4262
  "type": "typography",
4263
+ "variant": "body",
4201
4264
  "content": "@entity.customerName"
4202
4265
  }
4203
4266
  ],
4204
- "justify": "between",
4205
- "direction": "horizontal",
4206
- "type": "stack",
4207
4267
  "gap": "md"
4208
4268
  },
4209
4269
  {
4210
4270
  "type": "stack",
4211
4271
  "direction": "horizontal",
4212
4272
  "gap": "md",
4213
- "justify": "between",
4214
4273
  "children": [
4215
4274
  {
4216
- "type": "typography",
4275
+ "variant": "caption",
4217
4276
  "content": "Email",
4218
- "variant": "caption"
4277
+ "type": "typography"
4219
4278
  },
4220
4279
  {
4280
+ "content": "@entity.email",
4221
4281
  "type": "typography",
4222
- "variant": "body",
4223
- "content": "@entity.email"
4282
+ "variant": "body"
4224
4283
  }
4225
- ]
4284
+ ],
4285
+ "justify": "between"
4226
4286
  },
4227
4287
  {
4288
+ "gap": "md",
4228
4289
  "children": [
4229
4290
  {
4230
4291
  "variant": "caption",
@@ -4237,83 +4298,106 @@
4237
4298
  "content": "@entity.shippingAddress"
4238
4299
  }
4239
4300
  ],
4240
- "type": "stack",
4241
- "direction": "horizontal",
4242
4301
  "justify": "between",
4243
- "gap": "md"
4302
+ "direction": "horizontal",
4303
+ "type": "stack"
4244
4304
  },
4245
4305
  {
4246
4306
  "type": "stack",
4247
4307
  "direction": "horizontal",
4248
- "gap": "md",
4249
4308
  "justify": "between",
4250
4309
  "children": [
4251
4310
  {
4252
- "variant": "caption",
4253
4311
  "type": "typography",
4254
- "content": "Payment Method"
4312
+ "content": "Payment Method",
4313
+ "variant": "caption"
4255
4314
  },
4256
4315
  {
4257
- "variant": "body",
4316
+ "type": "typography",
4258
4317
  "content": "@entity.paymentMethod",
4259
- "type": "typography"
4318
+ "variant": "body"
4260
4319
  }
4261
- ]
4320
+ ],
4321
+ "gap": "md"
4262
4322
  },
4263
4323
  {
4264
- "direction": "horizontal",
4265
4324
  "gap": "md",
4325
+ "justify": "between",
4326
+ "direction": "horizontal",
4266
4327
  "children": [
4267
4328
  {
4329
+ "content": "Order Total",
4268
4330
  "variant": "caption",
4269
- "type": "typography",
4270
- "content": "Order Total"
4331
+ "type": "typography"
4271
4332
  },
4272
4333
  {
4273
4334
  "type": "typography",
4274
- "variant": "body",
4275
- "content": "@entity.orderTotal"
4335
+ "content": "@entity.orderTotal",
4336
+ "variant": "body"
4276
4337
  }
4277
4338
  ],
4278
- "justify": "between",
4279
4339
  "type": "stack"
4280
4340
  },
4281
4341
  {
4282
4342
  "direction": "horizontal",
4283
- "type": "stack",
4284
4343
  "gap": "md",
4344
+ "justify": "between",
4285
4345
  "children": [
4286
4346
  {
4287
4347
  "type": "typography",
4288
- "content": "Status",
4289
- "variant": "caption"
4348
+ "variant": "caption",
4349
+ "content": "Status"
4290
4350
  },
4291
4351
  {
4292
- "type": "typography",
4293
4352
  "content": "@entity.status",
4294
- "variant": "body"
4353
+ "variant": "body",
4354
+ "type": "typography"
4295
4355
  }
4296
4356
  ],
4297
- "justify": "between"
4357
+ "type": "stack"
4298
4358
  }
4299
4359
  ],
4300
- "type": "stack",
4360
+ "direction": "vertical",
4301
4361
  "gap": "sm"
4302
4362
  },
4303
4363
  {
4364
+ "totalSteps": 4.0,
4304
4365
  "type": "wizard-navigation",
4305
4366
  "showBack": true,
4306
- "showComplete": true,
4307
- "showNext": false,
4308
4367
  "currentStep": 3.0,
4309
- "totalSteps": 4.0
4368
+ "showComplete": true,
4369
+ "showNext": false
4310
4370
  }
4311
4371
  ],
4312
- "gap": "lg",
4372
+ "direction": "vertical",
4313
4373
  "type": "stack",
4314
- "direction": "vertical"
4374
+ "gap": "lg"
4315
4375
  }
4316
- ]
4376
+ ],
4377
+ "appName": "EcommerceApp",
4378
+ "navItems": [
4379
+ {
4380
+ "icon": "package",
4381
+ "href": "/products",
4382
+ "label": "Products"
4383
+ },
4384
+ {
4385
+ "href": "/cart",
4386
+ "icon": "shopping-cart",
4387
+ "label": "Cart"
4388
+ },
4389
+ {
4390
+ "label": "Checkout",
4391
+ "href": "/checkout",
4392
+ "icon": "credit-card"
4393
+ },
4394
+ {
4395
+ "href": "/orders",
4396
+ "label": "Orders",
4397
+ "icon": "clipboard-list"
4398
+ }
4399
+ ],
4400
+ "type": "dashboard-layout"
4317
4401
  }
4318
4402
  ]
4319
4403
  ]
@@ -4337,18 +4421,42 @@
4337
4421
  "render-ui",
4338
4422
  "main",
4339
4423
  {
4424
+ "appName": "EcommerceApp",
4425
+ "type": "dashboard-layout",
4426
+ "navItems": [
4427
+ {
4428
+ "href": "/products",
4429
+ "label": "Products",
4430
+ "icon": "package"
4431
+ },
4432
+ {
4433
+ "href": "/cart",
4434
+ "label": "Cart",
4435
+ "icon": "shopping-cart"
4436
+ },
4437
+ {
4438
+ "icon": "credit-card",
4439
+ "label": "Checkout",
4440
+ "href": "/checkout"
4441
+ },
4442
+ {
4443
+ "href": "/orders",
4444
+ "icon": "clipboard-list",
4445
+ "label": "Orders"
4446
+ }
4447
+ ],
4340
4448
  "children": [
4341
4449
  {
4450
+ "maxWidth": "lg",
4451
+ "type": "container",
4452
+ "padding": "lg",
4342
4453
  "children": [
4343
4454
  {
4344
4455
  "type": "stack",
4345
4456
  "direction": "vertical",
4346
- "gap": "lg",
4347
4457
  "children": [
4348
4458
  {
4349
- "type": "stack",
4350
4459
  "gap": "sm",
4351
- "align": "center",
4352
4460
  "direction": "horizontal",
4353
4461
  "children": [
4354
4462
  {
@@ -4356,97 +4464,73 @@
4356
4464
  "name": "credit-card"
4357
4465
  },
4358
4466
  {
4359
- "type": "typography",
4360
4467
  "variant": "h2",
4361
- "content": "Checkout"
4468
+ "content": "Checkout",
4469
+ "type": "typography"
4362
4470
  }
4363
- ]
4471
+ ],
4472
+ "type": "stack",
4473
+ "align": "center"
4364
4474
  },
4365
4475
  {
4366
- "type": "progress-dots",
4367
4476
  "count": 3.0,
4368
- "currentIndex": 1.0
4477
+ "currentIndex": 1.0,
4478
+ "type": "progress-dots"
4369
4479
  },
4370
4480
  {
4371
- "type": "wizard-progress",
4372
- "currentStep": 1.0,
4373
4481
  "steps": [
4374
4482
  "Customer Info",
4375
4483
  "Shipping",
4376
4484
  "Payment"
4377
- ]
4485
+ ],
4486
+ "currentStep": 1.0,
4487
+ "type": "wizard-progress"
4378
4488
  },
4379
4489
  {
4380
4490
  "type": "divider"
4381
4491
  },
4382
4492
  {
4383
4493
  "type": "typography",
4384
- "variant": "h3",
4385
- "content": "Shipping"
4494
+ "content": "Shipping",
4495
+ "variant": "h3"
4386
4496
  },
4387
4497
  {
4498
+ "type": "form-section",
4499
+ "submitEvent": "NEXT",
4388
4500
  "fields": [
4389
4501
  "shippingAddress"
4390
4502
  ],
4391
4503
  "cancelEvent": "PREV",
4392
- "submitEvent": "NEXT",
4393
- "type": "form-section",
4394
4504
  "mode": "create"
4395
4505
  },
4396
4506
  {
4397
- "justify": "end",
4398
- "gap": "sm",
4399
- "type": "stack",
4400
4507
  "direction": "horizontal",
4508
+ "gap": "sm",
4401
4509
  "children": [
4402
4510
  {
4403
- "type": "button",
4404
4511
  "action": "PREV",
4405
4512
  "variant": "ghost",
4406
4513
  "icon": "arrow-left",
4514
+ "type": "button",
4407
4515
  "label": "Back"
4408
4516
  },
4409
4517
  {
4410
4518
  "action": "NEXT",
4411
- "icon": "arrow-right",
4519
+ "variant": "primary",
4412
4520
  "type": "button",
4413
4521
  "label": "Next",
4414
- "variant": "primary"
4522
+ "icon": "arrow-right"
4415
4523
  }
4416
- ]
4524
+ ],
4525
+ "type": "stack",
4526
+ "justify": "end"
4417
4527
  }
4418
- ]
4528
+ ],
4529
+ "gap": "lg"
4419
4530
  }
4420
- ],
4421
- "type": "container",
4422
- "padding": "lg",
4423
- "maxWidth": "lg"
4424
- }
4425
- ],
4426
- "appName": "EcommerceApp",
4427
- "navItems": [
4428
- {
4429
- "label": "Products",
4430
- "href": "/products",
4431
- "icon": "package"
4432
- },
4433
- {
4434
- "href": "/cart",
4435
- "icon": "shopping-cart",
4436
- "label": "Cart"
4437
- },
4438
- {
4439
- "label": "Checkout",
4440
- "href": "/checkout",
4441
- "icon": "credit-card"
4442
- },
4443
- {
4444
- "icon": "clipboard-list",
4445
- "label": "Orders",
4446
- "href": "/orders"
4531
+ ]
4447
4532
  }
4448
- ],
4449
- "type": "dashboard-layout"
4533
+ ]
4450
4534
  }
4451
4535
  ]
4452
4536
  ]
@@ -4461,8 +4545,8 @@
4461
4545
  "Checkout",
4462
4546
  {
4463
4547
  "emit": {
4464
- "failure": "CheckoutLoadFailed",
4465
- "success": "CheckoutLoaded"
4548
+ "success": "CheckoutLoaded",
4549
+ "failure": "CheckoutLoadFailed"
4466
4550
  }
4467
4551
  }
4468
4552
  ],
@@ -4470,15 +4554,17 @@
4470
4554
  "render-ui",
4471
4555
  "main",
4472
4556
  {
4473
- "type": "dashboard-layout",
4474
4557
  "children": [
4475
4558
  {
4559
+ "type": "container",
4476
4560
  "children": [
4477
4561
  {
4562
+ "gap": "lg",
4478
4563
  "children": [
4479
4564
  {
4480
- "direction": "horizontal",
4481
4565
  "type": "stack",
4566
+ "gap": "sm",
4567
+ "align": "center",
4482
4568
  "children": [
4483
4569
  {
4484
4570
  "name": "credit-card",
@@ -4486,93 +4572,91 @@
4486
4572
  },
4487
4573
  {
4488
4574
  "type": "typography",
4489
- "content": "Checkout",
4490
- "variant": "h2"
4575
+ "variant": "h2",
4576
+ "content": "Checkout"
4491
4577
  }
4492
4578
  ],
4493
- "gap": "sm",
4494
- "align": "center"
4579
+ "direction": "horizontal"
4495
4580
  },
4496
4581
  {
4582
+ "count": 3.0,
4497
4583
  "type": "progress-dots",
4498
- "currentIndex": 2.0,
4499
- "count": 3.0
4584
+ "currentIndex": 2.0
4500
4585
  },
4501
4586
  {
4502
- "type": "wizard-progress",
4503
- "currentStep": 2.0,
4504
4587
  "steps": [
4505
4588
  "Customer Info",
4506
4589
  "Shipping",
4507
4590
  "Payment"
4508
- ]
4591
+ ],
4592
+ "currentStep": 2.0,
4593
+ "type": "wizard-progress"
4509
4594
  },
4510
4595
  {
4511
4596
  "type": "divider"
4512
4597
  },
4513
4598
  {
4514
4599
  "type": "typography",
4515
- "variant": "h3",
4516
- "content": "Payment"
4600
+ "content": "Payment",
4601
+ "variant": "h3"
4517
4602
  },
4518
4603
  {
4519
4604
  "mode": "create",
4520
- "cancelEvent": "PREV",
4521
- "type": "form-section",
4522
- "submitEvent": "NEXT",
4523
4605
  "fields": [
4524
4606
  "paymentMethod"
4525
- ]
4607
+ ],
4608
+ "cancelEvent": "PREV",
4609
+ "type": "form-section",
4610
+ "submitEvent": "NEXT"
4526
4611
  },
4527
4612
  {
4613
+ "type": "stack",
4614
+ "direction": "horizontal",
4615
+ "gap": "sm",
4616
+ "justify": "end",
4528
4617
  "children": [
4529
4618
  {
4619
+ "label": "Back",
4620
+ "variant": "ghost",
4530
4621
  "type": "button",
4531
4622
  "action": "PREV",
4532
- "icon": "arrow-left",
4533
- "variant": "ghost",
4534
- "label": "Back"
4623
+ "icon": "arrow-left"
4535
4624
  },
4536
4625
  {
4537
- "action": "NEXT",
4538
- "icon": "arrow-right",
4539
- "type": "button",
4540
4626
  "label": "Next",
4541
- "variant": "primary"
4627
+ "variant": "primary",
4628
+ "type": "button",
4629
+ "action": "NEXT",
4630
+ "icon": "arrow-right"
4542
4631
  }
4543
- ],
4544
- "direction": "horizontal",
4545
- "justify": "end",
4546
- "type": "stack",
4547
- "gap": "sm"
4632
+ ]
4548
4633
  }
4549
4634
  ],
4550
- "type": "stack",
4551
4635
  "direction": "vertical",
4552
- "gap": "lg"
4636
+ "type": "stack"
4553
4637
  }
4554
4638
  ],
4555
4639
  "maxWidth": "lg",
4556
- "type": "container",
4557
4640
  "padding": "lg"
4558
4641
  }
4559
4642
  ],
4643
+ "type": "dashboard-layout",
4560
4644
  "appName": "EcommerceApp",
4561
4645
  "navItems": [
4562
4646
  {
4563
4647
  "label": "Products",
4564
- "icon": "package",
4565
- "href": "/products"
4648
+ "href": "/products",
4649
+ "icon": "package"
4566
4650
  },
4567
4651
  {
4568
- "label": "Cart",
4569
4652
  "href": "/cart",
4653
+ "label": "Cart",
4570
4654
  "icon": "shopping-cart"
4571
4655
  },
4572
4656
  {
4573
4657
  "icon": "credit-card",
4574
- "label": "Checkout",
4575
- "href": "/checkout"
4658
+ "href": "/checkout",
4659
+ "label": "Checkout"
4576
4660
  },
4577
4661
  {
4578
4662
  "label": "Orders",
@@ -4615,54 +4699,54 @@
4615
4699
  "navItems": [
4616
4700
  {
4617
4701
  "href": "/products",
4618
- "label": "Products",
4619
- "icon": "package"
4702
+ "icon": "package",
4703
+ "label": "Products"
4620
4704
  },
4621
4705
  {
4622
- "href": "/cart",
4706
+ "label": "Cart",
4623
4707
  "icon": "shopping-cart",
4624
- "label": "Cart"
4708
+ "href": "/cart"
4625
4709
  },
4626
4710
  {
4627
- "icon": "credit-card",
4628
4711
  "label": "Checkout",
4629
- "href": "/checkout"
4712
+ "href": "/checkout",
4713
+ "icon": "credit-card"
4630
4714
  },
4631
4715
  {
4632
- "href": "/orders",
4716
+ "icon": "clipboard-list",
4633
4717
  "label": "Orders",
4634
- "icon": "clipboard-list"
4718
+ "href": "/orders"
4635
4719
  }
4636
4720
  ],
4637
4721
  "children": [
4638
4722
  {
4723
+ "align": "center",
4724
+ "gap": "lg",
4639
4725
  "type": "stack",
4640
4726
  "direction": "vertical",
4641
- "align": "center",
4642
4727
  "children": [
4643
4728
  {
4644
4729
  "type": "icon",
4645
4730
  "name": "check-circle"
4646
4731
  },
4647
4732
  {
4648
- "variant": "h2",
4649
4733
  "type": "typography",
4734
+ "variant": "h2",
4650
4735
  "content": "Order Placed"
4651
4736
  },
4652
4737
  {
4653
- "variant": "body",
4654
4738
  "type": "typography",
4655
- "content": "Your order has been placed successfully."
4739
+ "content": "Your order has been placed successfully.",
4740
+ "variant": "body"
4656
4741
  },
4657
4742
  {
4658
- "type": "button",
4659
4743
  "action": "RESTART",
4744
+ "type": "button",
4660
4745
  "variant": "primary",
4661
- "label": "Start New",
4662
- "icon": "refresh-cw"
4746
+ "icon": "refresh-cw",
4747
+ "label": "Start New"
4663
4748
  }
4664
- ],
4665
- "gap": "lg"
4749
+ ]
4666
4750
  }
4667
4751
  ]
4668
4752
  }
@@ -4688,110 +4772,110 @@
4688
4772
  "render-ui",
4689
4773
  "main",
4690
4774
  {
4691
- "navItems": [
4692
- {
4693
- "icon": "package",
4694
- "label": "Products",
4695
- "href": "/products"
4696
- },
4697
- {
4698
- "icon": "shopping-cart",
4699
- "label": "Cart",
4700
- "href": "/cart"
4701
- },
4702
- {
4703
- "label": "Checkout",
4704
- "href": "/checkout",
4705
- "icon": "credit-card"
4706
- },
4707
- {
4708
- "href": "/orders",
4709
- "label": "Orders",
4710
- "icon": "clipboard-list"
4711
- }
4712
- ],
4713
- "appName": "EcommerceApp",
4714
4775
  "children": [
4715
4776
  {
4777
+ "padding": "lg",
4716
4778
  "type": "container",
4717
4779
  "children": [
4718
4780
  {
4719
- "direction": "vertical",
4720
4781
  "gap": "lg",
4782
+ "direction": "vertical",
4721
4783
  "type": "stack",
4722
4784
  "children": [
4723
4785
  {
4724
- "direction": "horizontal",
4786
+ "gap": "sm",
4725
4787
  "align": "center",
4726
4788
  "type": "stack",
4789
+ "direction": "horizontal",
4727
4790
  "children": [
4728
4791
  {
4729
- "type": "icon",
4730
- "name": "credit-card"
4792
+ "name": "credit-card",
4793
+ "type": "icon"
4731
4794
  },
4732
4795
  {
4796
+ "type": "typography",
4733
4797
  "content": "Checkout",
4734
- "variant": "h2",
4735
- "type": "typography"
4798
+ "variant": "h2"
4736
4799
  }
4737
- ],
4738
- "gap": "sm"
4800
+ ]
4739
4801
  },
4740
4802
  {
4741
4803
  "currentIndex": 0.0,
4742
- "type": "progress-dots",
4743
- "count": 3.0
4804
+ "count": 3.0,
4805
+ "type": "progress-dots"
4744
4806
  },
4745
4807
  {
4746
4808
  "currentStep": 0.0,
4747
- "type": "wizard-progress",
4748
4809
  "steps": [
4749
4810
  "Customer Info",
4750
4811
  "Shipping",
4751
4812
  "Payment"
4752
- ]
4813
+ ],
4814
+ "type": "wizard-progress"
4753
4815
  },
4754
4816
  {
4755
4817
  "type": "divider"
4756
4818
  },
4757
4819
  {
4758
4820
  "content": "Customer Info",
4759
- "variant": "h3",
4760
- "type": "typography"
4821
+ "type": "typography",
4822
+ "variant": "h3"
4761
4823
  },
4762
4824
  {
4763
- "submitEvent": "NEXT",
4825
+ "type": "form-section",
4764
4826
  "mode": "create",
4765
- "cancelEvent": "INIT",
4827
+ "submitEvent": "NEXT",
4766
4828
  "fields": [
4767
4829
  "customerName",
4768
4830
  "email"
4769
4831
  ],
4770
- "type": "form-section"
4832
+ "cancelEvent": "INIT"
4771
4833
  },
4772
4834
  {
4835
+ "direction": "horizontal",
4836
+ "justify": "end",
4773
4837
  "type": "stack",
4774
- "gap": "sm",
4775
4838
  "children": [
4776
4839
  {
4777
- "type": "button",
4778
- "variant": "primary",
4779
4840
  "label": "Next",
4780
4841
  "action": "NEXT",
4781
- "icon": "arrow-right"
4842
+ "variant": "primary",
4843
+ "icon": "arrow-right",
4844
+ "type": "button"
4782
4845
  }
4783
4846
  ],
4784
- "direction": "horizontal",
4785
- "justify": "end"
4847
+ "gap": "sm"
4786
4848
  }
4787
4849
  ]
4788
4850
  }
4789
4851
  ],
4790
- "padding": "lg",
4791
4852
  "maxWidth": "lg"
4792
4853
  }
4793
4854
  ],
4794
- "type": "dashboard-layout"
4855
+ "type": "dashboard-layout",
4856
+ "appName": "EcommerceApp",
4857
+ "navItems": [
4858
+ {
4859
+ "href": "/products",
4860
+ "icon": "package",
4861
+ "label": "Products"
4862
+ },
4863
+ {
4864
+ "href": "/cart",
4865
+ "icon": "shopping-cart",
4866
+ "label": "Cart"
4867
+ },
4868
+ {
4869
+ "icon": "credit-card",
4870
+ "label": "Checkout",
4871
+ "href": "/checkout"
4872
+ },
4873
+ {
4874
+ "icon": "clipboard-list",
4875
+ "href": "/orders",
4876
+ "label": "Orders"
4877
+ }
4878
+ ]
4795
4879
  }
4796
4880
  ]
4797
4881
  ]
@@ -4815,52 +4899,32 @@
4815
4899
  "render-ui",
4816
4900
  "main",
4817
4901
  {
4818
- "navItems": [
4819
- {
4820
- "icon": "package",
4821
- "label": "Products",
4822
- "href": "/products"
4823
- },
4824
- {
4825
- "label": "Cart",
4826
- "href": "/cart",
4827
- "icon": "shopping-cart"
4828
- },
4829
- {
4830
- "href": "/checkout",
4831
- "label": "Checkout",
4832
- "icon": "credit-card"
4833
- },
4834
- {
4835
- "href": "/orders",
4836
- "icon": "clipboard-list",
4837
- "label": "Orders"
4838
- }
4839
- ],
4902
+ "type": "dashboard-layout",
4903
+ "appName": "EcommerceApp",
4840
4904
  "children": [
4841
4905
  {
4906
+ "padding": "lg",
4907
+ "type": "container",
4842
4908
  "children": [
4843
4909
  {
4844
- "type": "stack",
4845
- "gap": "lg",
4846
4910
  "direction": "vertical",
4847
4911
  "children": [
4848
4912
  {
4849
4913
  "direction": "horizontal",
4850
- "align": "center",
4851
4914
  "gap": "sm",
4852
- "type": "stack",
4853
4915
  "children": [
4854
4916
  {
4855
- "type": "icon",
4856
- "name": "credit-card"
4917
+ "name": "credit-card",
4918
+ "type": "icon"
4857
4919
  },
4858
4920
  {
4859
4921
  "content": "Checkout",
4860
- "type": "typography",
4861
- "variant": "h2"
4922
+ "variant": "h2",
4923
+ "type": "typography"
4862
4924
  }
4863
- ]
4925
+ ],
4926
+ "type": "stack",
4927
+ "align": "center"
4864
4928
  },
4865
4929
  {
4866
4930
  "type": "progress-dots",
@@ -4885,40 +4949,60 @@
4885
4949
  "variant": "h3"
4886
4950
  },
4887
4951
  {
4888
- "fields": [
4889
- "customerName",
4890
- "email"
4891
- ],
4892
4952
  "submitEvent": "NEXT",
4893
4953
  "cancelEvent": "INIT",
4894
4954
  "type": "form-section",
4895
- "mode": "create"
4955
+ "mode": "create",
4956
+ "fields": [
4957
+ "customerName",
4958
+ "email"
4959
+ ]
4896
4960
  },
4897
4961
  {
4898
- "justify": "end",
4899
- "direction": "horizontal",
4900
- "gap": "sm",
4962
+ "type": "stack",
4901
4963
  "children": [
4902
4964
  {
4903
- "action": "NEXT",
4904
- "label": "Next",
4905
- "icon": "arrow-right",
4906
4965
  "variant": "primary",
4907
- "type": "button"
4966
+ "icon": "arrow-right",
4967
+ "type": "button",
4968
+ "action": "NEXT",
4969
+ "label": "Next"
4908
4970
  }
4909
4971
  ],
4910
- "type": "stack"
4972
+ "direction": "horizontal",
4973
+ "gap": "sm",
4974
+ "justify": "end"
4911
4975
  }
4912
- ]
4976
+ ],
4977
+ "gap": "lg",
4978
+ "type": "stack"
4913
4979
  }
4914
4980
  ],
4915
- "padding": "lg",
4916
- "type": "container",
4917
4981
  "maxWidth": "lg"
4918
4982
  }
4919
4983
  ],
4920
- "type": "dashboard-layout",
4921
- "appName": "EcommerceApp"
4984
+ "navItems": [
4985
+ {
4986
+ "icon": "package",
4987
+ "href": "/products",
4988
+ "label": "Products"
4989
+ },
4990
+ {
4991
+ "href": "/cart",
4992
+ "icon": "shopping-cart",
4993
+ "label": "Cart"
4994
+ },
4995
+ {
4996
+ "href": "/checkout",
4997
+ "label": "Checkout",
4998
+ "icon": "credit-card"
4999
+ },
5000
+ {
5001
+ "icon": "clipboard-list",
5002
+ "href": "/orders",
5003
+ "label": "Orders"
5004
+ }
5005
+ ]
4922
5006
  }
4923
5007
  ]
4924
5008
  ]
@@ -5101,8 +5185,8 @@
5101
5185
  "OrderRecord",
5102
5186
  {
5103
5187
  "emit": {
5104
- "success": "OrderRecordLoaded",
5105
- "failure": "OrderRecordLoadFailed"
5188
+ "failure": "OrderRecordLoadFailed",
5189
+ "success": "OrderRecordLoaded"
5106
5190
  }
5107
5191
  }
5108
5192
  ],
@@ -5110,22 +5194,22 @@
5110
5194
  "render-ui",
5111
5195
  "main",
5112
5196
  {
5113
- "gap": "md",
5114
- "type": "stack",
5115
- "direction": "vertical",
5116
- "className": "py-12",
5117
5197
  "children": [
5118
5198
  {
5119
5199
  "type": "spinner"
5120
5200
  },
5121
5201
  {
5122
- "type": "typography",
5202
+ "content": "Loading…",
5123
5203
  "color": "muted",
5124
- "variant": "caption",
5125
- "content": "Loading…"
5204
+ "type": "typography",
5205
+ "variant": "caption"
5126
5206
  }
5127
5207
  ],
5128
- "align": "center"
5208
+ "align": "center",
5209
+ "type": "stack",
5210
+ "direction": "vertical",
5211
+ "gap": "md",
5212
+ "className": "py-12"
5129
5213
  }
5130
5214
  ]
5131
5215
  ]
@@ -5139,20 +5223,19 @@
5139
5223
  "render-ui",
5140
5224
  "main",
5141
5225
  {
5142
- "appName": "EcommerceApp",
5143
5226
  "type": "dashboard-layout",
5227
+ "appName": "EcommerceApp",
5144
5228
  "children": [
5145
5229
  {
5146
- "className": "max-w-5xl mx-auto w-full",
5147
- "gap": "lg",
5148
5230
  "type": "stack",
5149
5231
  "direction": "vertical",
5232
+ "className": "max-w-5xl mx-auto w-full",
5233
+ "gap": "lg",
5150
5234
  "children": [
5151
5235
  {
5152
5236
  "gap": "md",
5153
- "type": "stack",
5154
- "direction": "horizontal",
5155
5237
  "justify": "between",
5238
+ "align": "center",
5156
5239
  "children": [
5157
5240
  {
5158
5241
  "children": [
@@ -5161,8 +5244,8 @@
5161
5244
  "name": "clipboard-list"
5162
5245
  },
5163
5246
  {
5164
- "type": "typography",
5165
5247
  "content": "Order History",
5248
+ "type": "typography",
5166
5249
  "variant": "h2"
5167
5250
  }
5168
5251
  ],
@@ -5177,68 +5260,69 @@
5177
5260
  "type": "stack",
5178
5261
  "children": [
5179
5262
  {
5180
- "type": "button",
5181
- "icon": "plus",
5182
5263
  "variant": "primary",
5183
5264
  "action": "CREATE",
5184
- "label": "Create OrderRecord"
5265
+ "label": "Create OrderRecord",
5266
+ "icon": "plus",
5267
+ "type": "button"
5185
5268
  }
5186
5269
  ]
5187
5270
  }
5188
5271
  ],
5189
- "align": "center"
5272
+ "direction": "horizontal",
5273
+ "type": "stack"
5190
5274
  },
5191
5275
  {
5192
5276
  "type": "divider"
5193
5277
  },
5194
5278
  {
5279
+ "type": "data-list",
5280
+ "entity": "@payload.data",
5281
+ "itemActions": [
5282
+ {
5283
+ "label": "View",
5284
+ "event": "VIEW",
5285
+ "variant": "ghost"
5286
+ },
5287
+ {
5288
+ "event": "EDIT",
5289
+ "label": "Edit",
5290
+ "variant": "ghost"
5291
+ },
5292
+ {
5293
+ "label": "Delete",
5294
+ "variant": "danger",
5295
+ "event": "DELETE"
5296
+ }
5297
+ ],
5298
+ "fields": [],
5195
5299
  "columns": [
5196
5300
  {
5197
5301
  "variant": "h3",
5198
5302
  "label": "Customer",
5199
- "name": "customerName",
5200
- "icon": "clipboard-list"
5303
+ "icon": "clipboard-list",
5304
+ "name": "customerName"
5201
5305
  },
5202
5306
  {
5203
5307
  "name": "status",
5204
5308
  "variant": "badge"
5205
5309
  },
5206
5310
  {
5311
+ "name": "orderTotal",
5207
5312
  "label": "Total",
5208
- "format": "currency",
5209
5313
  "variant": "h4",
5210
- "name": "orderTotal"
5314
+ "format": "currency"
5211
5315
  },
5212
5316
  {
5213
- "variant": "caption",
5214
- "name": "email"
5317
+ "name": "email",
5318
+ "variant": "caption"
5215
5319
  },
5216
5320
  {
5217
- "label": "Address",
5218
5321
  "name": "shippingAddress",
5322
+ "label": "Address",
5219
5323
  "variant": "caption"
5220
5324
  }
5221
5325
  ],
5222
- "entity": "@payload.data",
5223
- "type": "data-list",
5224
- "itemActions": [
5225
- {
5226
- "variant": "ghost",
5227
- "label": "View",
5228
- "event": "VIEW"
5229
- },
5230
- {
5231
- "label": "Edit",
5232
- "event": "EDIT",
5233
- "variant": "ghost"
5234
- },
5235
- {
5236
- "event": "DELETE",
5237
- "variant": "danger",
5238
- "label": "Delete"
5239
- }
5240
- ],
5241
- "fields": [],
5242
5326
  "variant": "card",
5243
5327
  "gap": "sm"
5244
5328
  }
@@ -5247,24 +5331,24 @@
5247
5331
  ],
5248
5332
  "navItems": [
5249
5333
  {
5250
- "label": "Products",
5251
5334
  "href": "/products",
5335
+ "label": "Products",
5252
5336
  "icon": "package"
5253
5337
  },
5254
5338
  {
5255
- "icon": "shopping-cart",
5256
5339
  "href": "/cart",
5340
+ "icon": "shopping-cart",
5257
5341
  "label": "Cart"
5258
5342
  },
5259
5343
  {
5260
5344
  "icon": "credit-card",
5261
- "href": "/checkout",
5262
- "label": "Checkout"
5345
+ "label": "Checkout",
5346
+ "href": "/checkout"
5263
5347
  },
5264
5348
  {
5349
+ "icon": "clipboard-list",
5265
5350
  "href": "/orders",
5266
- "label": "Orders",
5267
- "icon": "clipboard-list"
5351
+ "label": "Orders"
5268
5352
  }
5269
5353
  ]
5270
5354
  }
@@ -5280,35 +5364,35 @@
5280
5364
  "render-ui",
5281
5365
  "main",
5282
5366
  {
5367
+ "type": "stack",
5368
+ "className": "py-12",
5369
+ "align": "center",
5370
+ "direction": "vertical",
5283
5371
  "children": [
5284
5372
  {
5285
- "color": "destructive",
5286
5373
  "type": "icon",
5287
- "name": "alert-triangle"
5374
+ "name": "alert-triangle",
5375
+ "color": "destructive"
5288
5376
  },
5289
5377
  {
5290
- "type": "typography",
5378
+ "content": "Failed to load orderrecord",
5291
5379
  "variant": "h3",
5292
- "content": "Failed to load orderrecord"
5380
+ "type": "typography"
5293
5381
  },
5294
5382
  {
5295
5383
  "variant": "body",
5296
- "content": "@payload.error",
5297
5384
  "type": "typography",
5385
+ "content": "@payload.error",
5298
5386
  "color": "muted"
5299
5387
  },
5300
5388
  {
5301
5389
  "action": "INIT",
5302
- "variant": "primary",
5303
- "label": "Retry",
5304
5390
  "icon": "rotate-ccw",
5305
- "type": "button"
5391
+ "type": "button",
5392
+ "label": "Retry",
5393
+ "variant": "primary"
5306
5394
  }
5307
5395
  ],
5308
- "direction": "vertical",
5309
- "className": "py-12",
5310
- "type": "stack",
5311
- "align": "center",
5312
5396
  "gap": "md"
5313
5397
  }
5314
5398
  ]
@@ -5470,8 +5554,14 @@
5470
5554
  "event": "INIT",
5471
5555
  "effects": [
5472
5556
  [
5473
- "ref",
5474
- "OrderRecord"
5557
+ "fetch",
5558
+ "OrderRecord",
5559
+ {
5560
+ "emit": {
5561
+ "success": "OrderRecordLoaded",
5562
+ "failure": "OrderRecordLoadFailed"
5563
+ }
5564
+ }
5475
5565
  ]
5476
5566
  ]
5477
5567
  },
@@ -5485,8 +5575,8 @@
5485
5575
  "OrderRecord",
5486
5576
  {
5487
5577
  "emit": {
5488
- "success": "OrderRecordLoaded",
5489
- "failure": "OrderRecordLoadFailed"
5578
+ "failure": "OrderRecordLoadFailed",
5579
+ "success": "OrderRecordLoaded"
5490
5580
  }
5491
5581
  }
5492
5582
  ],
@@ -5494,32 +5584,28 @@
5494
5584
  "render-ui",
5495
5585
  "modal",
5496
5586
  {
5497
- "type": "stack",
5498
5587
  "direction": "vertical",
5499
- "gap": "md",
5500
5588
  "children": [
5501
5589
  {
5590
+ "direction": "horizontal",
5502
5591
  "gap": "sm",
5503
- "type": "stack",
5504
5592
  "children": [
5505
5593
  {
5506
- "name": "plus-circle",
5507
- "type": "icon"
5594
+ "type": "icon",
5595
+ "name": "plus-circle"
5508
5596
  },
5509
5597
  {
5510
5598
  "content": "Create OrderRecord",
5511
- "type": "typography",
5512
- "variant": "h3"
5599
+ "variant": "h3",
5600
+ "type": "typography"
5513
5601
  }
5514
5602
  ],
5515
- "direction": "horizontal"
5603
+ "type": "stack"
5516
5604
  },
5517
5605
  {
5518
5606
  "type": "divider"
5519
5607
  },
5520
5608
  {
5521
- "submitEvent": "SAVE",
5522
- "mode": "create",
5523
5609
  "cancelEvent": "CLOSE",
5524
5610
  "type": "form-section",
5525
5611
  "fields": [
@@ -5529,9 +5615,13 @@
5529
5615
  "paymentMethod",
5530
5616
  "orderTotal",
5531
5617
  "status"
5532
- ]
5618
+ ],
5619
+ "mode": "create",
5620
+ "submitEvent": "SAVE"
5533
5621
  }
5534
- ]
5622
+ ],
5623
+ "type": "stack",
5624
+ "gap": "md"
5535
5625
  }
5536
5626
  ]
5537
5627
  ]
@@ -5572,8 +5662,8 @@
5572
5662
  "@payload.data",
5573
5663
  {
5574
5664
  "emit": {
5575
- "failure": "OrderRecordSaveFailed",
5576
- "success": "OrderRecordSaved"
5665
+ "success": "OrderRecordSaved",
5666
+ "failure": "OrderRecordSaveFailed"
5577
5667
  }
5578
5668
  }
5579
5669
  ],
@@ -5761,8 +5851,14 @@
5761
5851
  "event": "INIT",
5762
5852
  "effects": [
5763
5853
  [
5764
- "ref",
5765
- "OrderRecord"
5854
+ "fetch",
5855
+ "OrderRecord",
5856
+ {
5857
+ "emit": {
5858
+ "failure": "OrderRecordLoadFailed",
5859
+ "success": "OrderRecordLoaded"
5860
+ }
5861
+ }
5766
5862
  ]
5767
5863
  ]
5768
5864
  },
@@ -5775,42 +5871,42 @@
5775
5871
  "fetch",
5776
5872
  "OrderRecord",
5777
5873
  {
5874
+ "id": "@payload.id",
5778
5875
  "emit": {
5779
- "failure": "OrderRecordLoadFailed",
5780
- "success": "OrderRecordLoaded"
5781
- },
5782
- "id": "@payload.id"
5876
+ "success": "OrderRecordLoaded",
5877
+ "failure": "OrderRecordLoadFailed"
5878
+ }
5783
5879
  }
5784
5880
  ],
5785
5881
  [
5786
5882
  "render-ui",
5787
5883
  "modal",
5788
5884
  {
5885
+ "gap": "md",
5886
+ "type": "stack",
5887
+ "direction": "vertical",
5789
5888
  "children": [
5790
5889
  {
5791
5890
  "type": "stack",
5891
+ "direction": "horizontal",
5792
5892
  "children": [
5793
5893
  {
5794
5894
  "type": "icon",
5795
5895
  "name": "edit"
5796
5896
  },
5797
5897
  {
5898
+ "type": "typography",
5798
5899
  "variant": "h3",
5799
- "content": "Edit OrderRecord",
5800
- "type": "typography"
5900
+ "content": "Edit OrderRecord"
5801
5901
  }
5802
5902
  ],
5803
- "gap": "sm",
5804
- "direction": "horizontal"
5903
+ "gap": "sm"
5805
5904
  },
5806
5905
  {
5807
5906
  "type": "divider"
5808
5907
  },
5809
5908
  {
5810
5909
  "entity": "@payload.row",
5811
- "mode": "edit",
5812
- "submitEvent": "SAVE",
5813
- "type": "form-section",
5814
5910
  "cancelEvent": "CLOSE",
5815
5911
  "fields": [
5816
5912
  "customerName",
@@ -5819,12 +5915,12 @@
5819
5915
  "paymentMethod",
5820
5916
  "orderTotal",
5821
5917
  "status"
5822
- ]
5918
+ ],
5919
+ "submitEvent": "SAVE",
5920
+ "mode": "edit",
5921
+ "type": "form-section"
5823
5922
  }
5824
- ],
5825
- "gap": "md",
5826
- "type": "stack",
5827
- "direction": "vertical"
5923
+ ]
5828
5924
  }
5829
5925
  ]
5830
5926
  ]
@@ -5865,8 +5961,8 @@
5865
5961
  "@payload.data",
5866
5962
  {
5867
5963
  "emit": {
5868
- "failure": "OrderRecordUpdateFailed",
5869
- "success": "OrderRecordUpdated"
5964
+ "success": "OrderRecordUpdated",
5965
+ "failure": "OrderRecordUpdateFailed"
5870
5966
  }
5871
5967
  }
5872
5968
  ],
@@ -5989,8 +6085,14 @@
5989
6085
  "event": "INIT",
5990
6086
  "effects": [
5991
6087
  [
5992
- "ref",
5993
- "OrderRecord"
6088
+ "fetch",
6089
+ "OrderRecord",
6090
+ {
6091
+ "emit": {
6092
+ "failure": "OrderRecordLoadFailed",
6093
+ "success": "OrderRecordLoaded"
6094
+ }
6095
+ }
5994
6096
  ]
5995
6097
  ]
5996
6098
  },
@@ -6003,25 +6105,23 @@
6003
6105
  "fetch",
6004
6106
  "OrderRecord",
6005
6107
  {
6108
+ "id": "@payload.id",
6006
6109
  "emit": {
6007
- "success": "OrderRecordLoaded",
6008
- "failure": "OrderRecordLoadFailed"
6009
- },
6010
- "id": "@payload.id"
6110
+ "failure": "OrderRecordLoadFailed",
6111
+ "success": "OrderRecordLoaded"
6112
+ }
6011
6113
  }
6012
6114
  ],
6013
6115
  [
6014
6116
  "render-ui",
6015
6117
  "modal",
6016
6118
  {
6017
- "gap": "md",
6018
6119
  "direction": "vertical",
6019
6120
  "type": "stack",
6121
+ "gap": "md",
6020
6122
  "children": [
6021
6123
  {
6022
- "align": "center",
6023
6124
  "gap": "sm",
6024
- "direction": "horizontal",
6025
6125
  "children": [
6026
6126
  {
6027
6127
  "name": "eye",
@@ -6029,57 +6129,59 @@
6029
6129
  },
6030
6130
  {
6031
6131
  "variant": "h3",
6032
- "content": "@entity.customerName",
6033
- "type": "typography"
6132
+ "type": "typography",
6133
+ "content": "@entity.customerName"
6034
6134
  }
6035
6135
  ],
6036
- "type": "stack"
6136
+ "type": "stack",
6137
+ "align": "center",
6138
+ "direction": "horizontal"
6037
6139
  },
6038
6140
  {
6039
6141
  "type": "divider"
6040
6142
  },
6041
6143
  {
6042
- "direction": "horizontal",
6144
+ "type": "stack",
6043
6145
  "gap": "md",
6146
+ "direction": "horizontal",
6044
6147
  "children": [
6045
6148
  {
6046
- "type": "typography",
6047
6149
  "content": "Customer Name",
6048
- "variant": "caption"
6150
+ "variant": "caption",
6151
+ "type": "typography"
6049
6152
  },
6050
6153
  {
6051
- "variant": "body",
6154
+ "content": "@entity.customerName",
6052
6155
  "type": "typography",
6053
- "content": "@entity.customerName"
6156
+ "variant": "body"
6054
6157
  }
6055
- ],
6056
- "type": "stack"
6158
+ ]
6057
6159
  },
6058
6160
  {
6161
+ "type": "stack",
6162
+ "direction": "horizontal",
6059
6163
  "children": [
6060
6164
  {
6165
+ "variant": "caption",
6061
6166
  "content": "Email",
6062
- "type": "typography",
6063
- "variant": "caption"
6167
+ "type": "typography"
6064
6168
  },
6065
6169
  {
6170
+ "content": "@entity.email",
6066
6171
  "type": "typography",
6067
- "variant": "body",
6068
- "content": "@entity.email"
6172
+ "variant": "body"
6069
6173
  }
6070
6174
  ],
6071
- "type": "stack",
6072
- "gap": "md",
6073
- "direction": "horizontal"
6175
+ "gap": "md"
6074
6176
  },
6075
6177
  {
6076
- "type": "stack",
6077
6178
  "direction": "horizontal",
6179
+ "gap": "md",
6078
6180
  "children": [
6079
6181
  {
6080
- "content": "Shipping Address",
6081
6182
  "type": "typography",
6082
- "variant": "caption"
6183
+ "variant": "caption",
6184
+ "content": "Shipping Address"
6083
6185
  },
6084
6186
  {
6085
6187
  "type": "typography",
@@ -6087,11 +6189,9 @@
6087
6189
  "content": "@entity.shippingAddress"
6088
6190
  }
6089
6191
  ],
6090
- "gap": "md"
6192
+ "type": "stack"
6091
6193
  },
6092
6194
  {
6093
- "gap": "md",
6094
- "type": "stack",
6095
6195
  "children": [
6096
6196
  {
6097
6197
  "type": "typography",
@@ -6099,70 +6199,72 @@
6099
6199
  "content": "Payment Method"
6100
6200
  },
6101
6201
  {
6202
+ "content": "@entity.paymentMethod",
6102
6203
  "type": "typography",
6103
- "variant": "body",
6104
- "content": "@entity.paymentMethod"
6204
+ "variant": "body"
6105
6205
  }
6106
6206
  ],
6107
- "direction": "horizontal"
6207
+ "direction": "horizontal",
6208
+ "type": "stack",
6209
+ "gap": "md"
6108
6210
  },
6109
6211
  {
6110
- "type": "stack",
6111
6212
  "direction": "horizontal",
6213
+ "type": "stack",
6214
+ "gap": "md",
6112
6215
  "children": [
6113
6216
  {
6114
- "type": "typography",
6115
6217
  "variant": "caption",
6116
- "content": "Order Total"
6218
+ "content": "Order Total",
6219
+ "type": "typography"
6117
6220
  },
6118
6221
  {
6119
- "variant": "body",
6222
+ "content": "@entity.orderTotal",
6120
6223
  "type": "typography",
6121
- "content": "@entity.orderTotal"
6224
+ "variant": "body"
6122
6225
  }
6123
- ],
6124
- "gap": "md"
6226
+ ]
6125
6227
  },
6126
6228
  {
6229
+ "gap": "md",
6230
+ "direction": "horizontal",
6231
+ "type": "stack",
6127
6232
  "children": [
6128
6233
  {
6129
6234
  "variant": "caption",
6130
- "type": "typography",
6131
- "content": "Status"
6235
+ "content": "Status",
6236
+ "type": "typography"
6132
6237
  },
6133
6238
  {
6134
- "type": "typography",
6239
+ "content": "@entity.status",
6135
6240
  "variant": "body",
6136
- "content": "@entity.status"
6241
+ "type": "typography"
6137
6242
  }
6138
- ],
6139
- "type": "stack",
6140
- "gap": "md",
6141
- "direction": "horizontal"
6243
+ ]
6142
6244
  },
6143
6245
  {
6144
6246
  "type": "divider"
6145
6247
  },
6146
6248
  {
6249
+ "gap": "sm",
6250
+ "justify": "end",
6251
+ "direction": "horizontal",
6147
6252
  "children": [
6148
6253
  {
6149
6254
  "type": "button",
6255
+ "action": "EDIT",
6150
6256
  "label": "Edit",
6151
6257
  "variant": "primary",
6152
- "icon": "edit",
6153
- "action": "EDIT"
6258
+ "icon": "edit"
6154
6259
  },
6155
6260
  {
6156
- "label": "Close",
6157
- "variant": "ghost",
6158
6261
  "action": "CLOSE",
6159
- "type": "button"
6262
+ "type": "button",
6263
+ "label": "Close",
6264
+ "variant": "ghost"
6160
6265
  }
6161
6266
  ],
6162
- "direction": "horizontal",
6163
- "gap": "sm",
6164
- "type": "stack",
6165
- "justify": "end"
6267
+ "type": "stack"
6166
6268
  }
6167
6269
  ]
6168
6270
  }
@@ -6372,8 +6474,14 @@
6372
6474
  "event": "INIT",
6373
6475
  "effects": [
6374
6476
  [
6375
- "ref",
6376
- "OrderRecord"
6477
+ "fetch",
6478
+ "OrderRecord",
6479
+ {
6480
+ "emit": {
6481
+ "success": "OrderRecordLoaded",
6482
+ "failure": "OrderRecordLoadFailed"
6483
+ }
6484
+ }
6377
6485
  ]
6378
6486
  ]
6379
6487
  },
@@ -6393,8 +6501,8 @@
6393
6501
  {
6394
6502
  "id": "@payload.id",
6395
6503
  "emit": {
6396
- "failure": "OrderRecordLoadFailed",
6397
- "success": "OrderRecordLoaded"
6504
+ "success": "OrderRecordLoaded",
6505
+ "failure": "OrderRecordLoadFailed"
6398
6506
  }
6399
6507
  }
6400
6508
  ],
@@ -6402,15 +6510,15 @@
6402
6510
  "render-ui",
6403
6511
  "modal",
6404
6512
  {
6513
+ "direction": "vertical",
6405
6514
  "type": "stack",
6515
+ "gap": "md",
6406
6516
  "children": [
6407
6517
  {
6408
- "type": "stack",
6409
- "align": "center",
6410
6518
  "children": [
6411
6519
  {
6412
- "name": "alert-triangle",
6413
- "type": "icon"
6520
+ "type": "icon",
6521
+ "name": "alert-triangle"
6414
6522
  },
6415
6523
  {
6416
6524
  "content": "Delete OrderRecord",
@@ -6418,41 +6526,41 @@
6418
6526
  "variant": "h3"
6419
6527
  }
6420
6528
  ],
6529
+ "gap": "sm",
6530
+ "type": "stack",
6421
6531
  "direction": "horizontal",
6422
- "gap": "sm"
6532
+ "align": "center"
6423
6533
  },
6424
6534
  {
6425
6535
  "type": "divider"
6426
6536
  },
6427
6537
  {
6538
+ "message": "This action cannot be undone.",
6428
6539
  "type": "alert",
6429
- "variant": "error",
6430
- "message": "This action cannot be undone."
6540
+ "variant": "error"
6431
6541
  },
6432
6542
  {
6543
+ "gap": "sm",
6544
+ "justify": "end",
6545
+ "direction": "horizontal",
6433
6546
  "type": "stack",
6434
6547
  "children": [
6435
6548
  {
6436
- "type": "button",
6437
- "action": "CANCEL",
6438
6549
  "label": "Cancel",
6439
- "variant": "ghost"
6550
+ "type": "button",
6551
+ "variant": "ghost",
6552
+ "action": "CANCEL"
6440
6553
  },
6441
6554
  {
6442
- "variant": "danger",
6555
+ "action": "CONFIRM_DELETE",
6443
6556
  "type": "button",
6444
6557
  "label": "Delete",
6445
- "icon": "check",
6446
- "action": "CONFIRM_DELETE"
6558
+ "variant": "danger",
6559
+ "icon": "check"
6447
6560
  }
6448
- ],
6449
- "justify": "end",
6450
- "direction": "horizontal",
6451
- "gap": "sm"
6561
+ ]
6452
6562
  }
6453
- ],
6454
- "direction": "vertical",
6455
- "gap": "md"
6563
+ ]
6456
6564
  }
6457
6565
  ]
6458
6566
  ]
@@ -6487,8 +6595,14 @@
6487
6595
  }
6488
6596
  ],
6489
6597
  [
6490
- "ref",
6491
- "OrderRecord"
6598
+ "fetch",
6599
+ "OrderRecord",
6600
+ {
6601
+ "emit": {
6602
+ "failure": "OrderRecordLoadFailed",
6603
+ "success": "OrderRecordLoaded"
6604
+ }
6605
+ }
6492
6606
  ],
6493
6607
  [
6494
6608
  "emit",
@@ -6514,8 +6628,14 @@
6514
6628
  }
6515
6629
  ],
6516
6630
  [
6517
- "ref",
6518
- "OrderRecord"
6631
+ "fetch",
6632
+ "OrderRecord",
6633
+ {
6634
+ "emit": {
6635
+ "failure": "OrderRecordLoadFailed",
6636
+ "success": "OrderRecordLoaded"
6637
+ }
6638
+ }
6519
6639
  ]
6520
6640
  ]
6521
6641
  },
@@ -6537,8 +6657,14 @@
6537
6657
  }
6538
6658
  ],
6539
6659
  [
6540
- "ref",
6541
- "OrderRecord"
6660
+ "fetch",
6661
+ "OrderRecord",
6662
+ {
6663
+ "emit": {
6664
+ "failure": "OrderRecordLoadFailed",
6665
+ "success": "OrderRecordLoaded"
6666
+ }
6667
+ }
6542
6668
  ]
6543
6669
  ]
6544
6670
  }