@almadar/std 8.2.0 → 8.3.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 +83 -83
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +112 -112
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +107 -101
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +131 -116
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +408 -402
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +82 -82
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +81 -81
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +124 -118
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +74 -74
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +129 -129
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +202 -202
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +312 -312
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +59 -59
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +206 -206
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +186 -186
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +136 -136
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +116 -116
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +206 -206
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1131 -1131
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3061 -3061
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2114 -2114
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1007 -1007
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +735 -735
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +805 -805
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1178 -1178
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +781 -781
  27. package/behaviors/registry/app/organisms/std-cms.orb +445 -445
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +368 -368
  29. package/behaviors/registry/app/organisms/std-crm.orb +781 -781
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1344 -1344
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +968 -968
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1286 -1286
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +636 -636
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1160 -1160
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +828 -828
  37. package/behaviors/registry/app/organisms/std-lms.orb +863 -863
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +686 -686
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +739 -739
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +239 -239
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +661 -661
  42. package/behaviors/registry/core/atoms/std-browse.orb +60 -60
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +92 -92
  44. package/behaviors/registry/core/atoms/std-calendar.orb +55 -55
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +176 -176
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  47. package/behaviors/registry/core/atoms/std-display.orb +371 -371
  48. package/behaviors/registry/core/atoms/std-drawer.orb +56 -56
  49. package/behaviors/registry/core/atoms/std-filter.orb +46 -46
  50. package/behaviors/registry/core/atoms/std-gallery.orb +50 -50
  51. package/behaviors/registry/core/atoms/std-modal.orb +14 -32
  52. package/behaviors/registry/core/atoms/std-pagination.orb +45 -45
  53. package/behaviors/registry/core/atoms/std-push.orb +42 -42
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +172 -172
  55. package/behaviors/registry/core/atoms/std-related.orb +36 -36
  56. package/behaviors/registry/core/atoms/std-search.orb +71 -71
  57. package/behaviors/registry/core/atoms/std-selection.orb +89 -89
  58. package/behaviors/registry/core/atoms/std-tabs.orb +49 -49
  59. package/behaviors/registry/core/molecules/std-cart.orb +54 -54
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +5 -5
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +116 -116
  62. package/behaviors/registry/core/molecules/std-list.orb +60 -60
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +140 -140
  64. package/behaviors/registry/game/atoms/std-collision.orb +143 -143
  65. package/behaviors/registry/game/atoms/std-combat.orb +80 -80
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +35 -35
  69. package/behaviors/registry/game/atoms/std-movement.orb +300 -300
  70. package/behaviors/registry/game/atoms/std-overworld.orb +63 -63
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
  72. package/behaviors/registry/game/atoms/std-quest.orb +124 -124
  73. package/behaviors/registry/game/atoms/std-timer.orb +251 -260
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +77 -77
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +230 -230
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +105 -105
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +350 -350
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +377 -377
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +529 -529
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +12 -12
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +70 -70
  83. package/behaviors/registry/service/atoms/std-service-email.orb +84 -84
  84. package/behaviors/registry/service/atoms/std-service-github.orb +99 -99
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +115 -115
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +116 -116
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +95 -95
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +98 -98
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +99 -99
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +115 -115
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +917 -917
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +933 -933
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +83 -83
  95. package/dist/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +112 -112
  96. package/dist/behaviors/registry/agent/atoms/std-agent-classifier.orb +107 -101
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +131 -116
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +408 -402
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +82 -82
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +81 -81
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +124 -118
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +74 -74
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +129 -129
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +202 -202
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +312 -312
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +59 -59
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +206 -206
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +186 -186
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +136 -136
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +116 -116
  111. package/dist/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +206 -206
  112. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1131 -1131
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3061 -3061
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2114 -2114
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1007 -1007
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +735 -735
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +805 -805
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1178 -1178
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +781 -781
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +445 -445
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +368 -368
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +781 -781
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1344 -1344
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +968 -968
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1286 -1286
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +636 -636
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1160 -1160
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +828 -828
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +863 -863
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +686 -686
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +739 -739
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +239 -239
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +661 -661
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +60 -60
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +92 -92
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +55 -55
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +176 -176
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +371 -371
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +56 -56
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +46 -46
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +50 -50
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +14 -32
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +45 -45
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +42 -42
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +172 -172
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +36 -36
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +71 -71
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +89 -89
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +49 -49
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +54 -54
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +5 -5
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +116 -116
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +60 -60
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +140 -140
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +143 -143
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +80 -80
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +35 -35
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +300 -300
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +63 -63
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +124 -124
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +251 -260
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +77 -77
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +230 -230
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +105 -105
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +350 -350
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +377 -377
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +529 -529
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +12 -12
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +70 -70
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +84 -84
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +99 -99
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +115 -115
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +116 -116
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +95 -95
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +98 -98
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +99 -99
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +115 -115
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +917 -917
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +933 -933
  187. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-ecommerce.orb CHANGED
@@ -656,22 +656,22 @@
656
656
  "render-ui",
657
657
  "main",
658
658
  {
659
- "className": "py-12",
660
- "direction": "vertical",
659
+ "type": "stack",
660
+ "gap": "md",
661
661
  "align": "center",
662
+ "className": "py-12",
662
663
  "children": [
663
664
  {
664
665
  "type": "spinner"
665
666
  },
666
667
  {
667
- "color": "muted",
668
668
  "variant": "caption",
669
- "type": "typography",
670
- "content": "Loading…"
669
+ "content": "Loading…",
670
+ "color": "muted",
671
+ "type": "typography"
671
672
  }
672
673
  ],
673
- "type": "stack",
674
- "gap": "md"
674
+ "direction": "vertical"
675
675
  }
676
676
  ]
677
677
  ]
@@ -687,9 +687,9 @@
687
687
  {
688
688
  "navItems": [
689
689
  {
690
- "icon": "package",
690
+ "href": "/products",
691
691
  "label": "Products",
692
- "href": "/products"
692
+ "icon": "package"
693
693
  },
694
694
  {
695
695
  "href": "/cart",
@@ -697,28 +697,31 @@
697
697
  "label": "Cart"
698
698
  },
699
699
  {
700
- "icon": "credit-card",
701
700
  "href": "/checkout",
702
- "label": "Checkout"
701
+ "label": "Checkout",
702
+ "icon": "credit-card"
703
703
  },
704
704
  {
705
- "href": "/orders",
706
705
  "label": "Orders",
706
+ "href": "/orders",
707
707
  "icon": "clipboard-list"
708
708
  }
709
709
  ],
710
+ "appName": "EcommerceApp",
710
711
  "children": [
711
712
  {
713
+ "direction": "vertical",
714
+ "type": "stack",
715
+ "className": "max-w-5xl mx-auto w-full",
712
716
  "children": [
713
717
  {
714
- "type": "stack",
715
- "align": "center",
716
718
  "children": [
717
719
  {
720
+ "align": "center",
718
721
  "children": [
719
722
  {
720
- "type": "icon",
721
- "name": "package"
723
+ "name": "package",
724
+ "type": "icon"
722
725
  },
723
726
  {
724
727
  "variant": "h2",
@@ -727,56 +730,41 @@
727
730
  }
728
731
  ],
729
732
  "direction": "horizontal",
730
- "align": "center",
731
733
  "type": "stack",
732
734
  "gap": "sm"
733
735
  },
734
736
  {
737
+ "type": "stack",
738
+ "direction": "horizontal",
739
+ "gap": "sm",
735
740
  "children": [
736
741
  {
737
- "label": "Create Product",
738
- "action": "CREATE",
739
742
  "icon": "plus",
743
+ "action": "CREATE",
740
744
  "type": "button",
745
+ "label": "Create Product",
741
746
  "variant": "primary"
742
747
  }
743
- ],
744
- "type": "stack",
745
- "direction": "horizontal",
746
- "gap": "sm"
748
+ ]
747
749
  }
748
750
  ],
751
+ "type": "stack",
749
752
  "direction": "horizontal",
750
753
  "gap": "md",
751
- "justify": "between"
754
+ "justify": "between",
755
+ "align": "center"
752
756
  },
753
757
  {
754
758
  "type": "divider"
755
759
  },
756
760
  {
757
- "itemActions": [
758
- {
759
- "variant": "ghost",
760
- "label": "View",
761
- "event": "VIEW"
762
- },
763
- {
764
- "event": "EDIT",
765
- "label": "Edit",
766
- "variant": "ghost"
767
- },
768
- {
769
- "event": "DELETE",
770
- "variant": "danger",
771
- "label": "Delete"
772
- }
773
- ],
774
- "cols": 3.0,
761
+ "entity": "@payload.data",
762
+ "fields": [],
775
763
  "columns": [
776
764
  {
777
- "name": "name",
765
+ "variant": "h3",
778
766
  "icon": "package",
779
- "variant": "h3"
767
+ "name": "name"
780
768
  },
781
769
  {
782
770
  "name": "category",
@@ -792,25 +780,37 @@
792
780
  "variant": "caption"
793
781
  },
794
782
  {
795
- "format": "boolean",
796
783
  "label": "In Stock",
784
+ "name": "inStock",
797
785
  "variant": "body",
798
- "name": "inStock"
786
+ "format": "boolean"
787
+ }
788
+ ],
789
+ "itemActions": [
790
+ {
791
+ "label": "View",
792
+ "variant": "ghost",
793
+ "event": "VIEW"
794
+ },
795
+ {
796
+ "variant": "ghost",
797
+ "event": "EDIT",
798
+ "label": "Edit"
799
+ },
800
+ {
801
+ "event": "DELETE",
802
+ "variant": "danger",
803
+ "label": "Delete"
799
804
  }
800
805
  ],
801
- "gap": "md",
802
806
  "type": "data-grid",
803
- "fields": [],
804
- "entity": "@payload.data"
807
+ "cols": 3.0,
808
+ "gap": "md"
805
809
  }
806
810
  ],
807
- "direction": "vertical",
808
- "type": "stack",
809
- "gap": "lg",
810
- "className": "max-w-5xl mx-auto w-full"
811
+ "gap": "lg"
811
812
  }
812
813
  ],
813
- "appName": "EcommerceApp",
814
814
  "type": "dashboard-layout"
815
815
  }
816
816
  ]
@@ -825,36 +825,36 @@
825
825
  "render-ui",
826
826
  "main",
827
827
  {
828
+ "align": "center",
828
829
  "className": "py-12",
829
830
  "type": "stack",
831
+ "gap": "md",
832
+ "direction": "vertical",
830
833
  "children": [
831
834
  {
832
- "name": "alert-triangle",
833
835
  "color": "destructive",
836
+ "name": "alert-triangle",
834
837
  "type": "icon"
835
838
  },
836
839
  {
837
840
  "content": "Failed to load product",
838
- "variant": "h3",
839
- "type": "typography"
841
+ "type": "typography",
842
+ "variant": "h3"
840
843
  },
841
844
  {
842
- "color": "muted",
843
- "variant": "body",
844
845
  "content": "@payload.error",
845
- "type": "typography"
846
+ "type": "typography",
847
+ "variant": "body",
848
+ "color": "muted"
846
849
  },
847
850
  {
851
+ "type": "button",
848
852
  "label": "Retry",
849
853
  "action": "INIT",
850
854
  "variant": "primary",
851
- "type": "button",
852
855
  "icon": "rotate-ccw"
853
856
  }
854
- ],
855
- "direction": "vertical",
856
- "gap": "md",
857
- "align": "center"
857
+ ]
858
858
  }
859
859
  ]
860
860
  ]
@@ -1038,8 +1038,8 @@
1038
1038
  "Product",
1039
1039
  {
1040
1040
  "emit": {
1041
- "success": "ProductLoaded",
1042
- "failure": "ProductLoadFailed"
1041
+ "failure": "ProductLoadFailed",
1042
+ "success": "ProductLoaded"
1043
1043
  }
1044
1044
  }
1045
1045
  ],
@@ -1047,14 +1047,9 @@
1047
1047
  "render-ui",
1048
1048
  "modal",
1049
1049
  {
1050
- "direction": "vertical",
1051
- "gap": "md",
1052
1050
  "type": "stack",
1053
1051
  "children": [
1054
1052
  {
1055
- "type": "stack",
1056
- "direction": "horizontal",
1057
- "gap": "sm",
1058
1053
  "children": [
1059
1054
  {
1060
1055
  "type": "icon",
@@ -1062,10 +1057,13 @@
1062
1057
  },
1063
1058
  {
1064
1059
  "variant": "h3",
1065
- "content": "Create Product",
1066
- "type": "typography"
1060
+ "type": "typography",
1061
+ "content": "Create Product"
1067
1062
  }
1068
- ]
1063
+ ],
1064
+ "type": "stack",
1065
+ "gap": "sm",
1066
+ "direction": "horizontal"
1069
1067
  },
1070
1068
  {
1071
1069
  "type": "divider"
@@ -1084,7 +1082,9 @@
1084
1082
  "inStock"
1085
1083
  ]
1086
1084
  }
1087
- ]
1085
+ ],
1086
+ "direction": "vertical",
1087
+ "gap": "md"
1088
1088
  }
1089
1089
  ]
1090
1090
  ]
@@ -1125,8 +1125,8 @@
1125
1125
  "@payload.data",
1126
1126
  {
1127
1127
  "emit": {
1128
- "failure": "ProductSaveFailed",
1129
- "success": "ProductSaved"
1128
+ "success": "ProductSaved",
1129
+ "failure": "ProductSaveFailed"
1130
1130
  }
1131
1131
  }
1132
1132
  ],
@@ -1339,8 +1339,8 @@
1339
1339
  {
1340
1340
  "id": "@payload.id",
1341
1341
  "emit": {
1342
- "failure": "ProductLoadFailed",
1343
- "success": "ProductLoaded"
1342
+ "success": "ProductLoaded",
1343
+ "failure": "ProductLoadFailed"
1344
1344
  }
1345
1345
  }
1346
1346
  ],
@@ -1350,30 +1350,25 @@
1350
1350
  {
1351
1351
  "children": [
1352
1352
  {
1353
- "direction": "horizontal",
1354
- "gap": "sm",
1355
1353
  "type": "stack",
1354
+ "gap": "sm",
1356
1355
  "children": [
1357
1356
  {
1358
- "type": "icon",
1359
- "name": "edit"
1357
+ "name": "edit",
1358
+ "type": "icon"
1360
1359
  },
1361
1360
  {
1362
- "variant": "h3",
1363
1361
  "content": "Edit Product",
1362
+ "variant": "h3",
1364
1363
  "type": "typography"
1365
1364
  }
1366
- ]
1365
+ ],
1366
+ "direction": "horizontal"
1367
1367
  },
1368
1368
  {
1369
1369
  "type": "divider"
1370
1370
  },
1371
1371
  {
1372
- "entity": "@payload.row",
1373
- "type": "form-section",
1374
- "cancelEvent": "CLOSE",
1375
- "mode": "edit",
1376
- "submitEvent": "SAVE",
1377
1372
  "fields": [
1378
1373
  "name",
1379
1374
  "description",
@@ -1381,11 +1376,16 @@
1381
1376
  "category",
1382
1377
  "sku",
1383
1378
  "inStock"
1384
- ]
1379
+ ],
1380
+ "entity": "@payload.row",
1381
+ "type": "form-section",
1382
+ "cancelEvent": "CLOSE",
1383
+ "mode": "edit",
1384
+ "submitEvent": "SAVE"
1385
1385
  }
1386
1386
  ],
1387
- "gap": "md",
1388
1387
  "type": "stack",
1388
+ "gap": "md",
1389
1389
  "direction": "vertical"
1390
1390
  }
1391
1391
  ]
@@ -1427,8 +1427,8 @@
1427
1427
  "@payload.data",
1428
1428
  {
1429
1429
  "emit": {
1430
- "failure": "ProductUpdateFailed",
1431
- "success": "ProductUpdated"
1430
+ "success": "ProductUpdated",
1431
+ "failure": "ProductUpdateFailed"
1432
1432
  }
1433
1433
  }
1434
1434
  ],
@@ -1573,69 +1573,67 @@
1573
1573
  "fetch",
1574
1574
  "Product",
1575
1575
  {
1576
+ "id": "@payload.id",
1576
1577
  "emit": {
1577
1578
  "failure": "ProductLoadFailed",
1578
1579
  "success": "ProductLoaded"
1579
- },
1580
- "id": "@payload.id"
1580
+ }
1581
1581
  }
1582
1582
  ],
1583
1583
  [
1584
1584
  "render-ui",
1585
1585
  "modal",
1586
1586
  {
1587
- "type": "stack",
1588
- "gap": "md",
1589
1587
  "children": [
1590
1588
  {
1591
- "gap": "sm",
1592
- "type": "stack",
1593
1589
  "children": [
1594
1590
  {
1595
- "type": "icon",
1596
- "name": "eye"
1591
+ "name": "eye",
1592
+ "type": "icon"
1597
1593
  },
1598
1594
  {
1599
1595
  "content": "@entity.name",
1600
- "type": "typography",
1601
- "variant": "h3"
1596
+ "variant": "h3",
1597
+ "type": "typography"
1602
1598
  }
1603
1599
  ],
1600
+ "gap": "sm",
1604
1601
  "direction": "horizontal",
1605
- "align": "center"
1602
+ "align": "center",
1603
+ "type": "stack"
1606
1604
  },
1607
1605
  {
1608
1606
  "type": "divider"
1609
1607
  },
1610
1608
  {
1611
- "type": "stack",
1612
1609
  "direction": "horizontal",
1613
1610
  "children": [
1614
1611
  {
1615
- "type": "typography",
1612
+ "variant": "caption",
1616
1613
  "content": "Name",
1617
- "variant": "caption"
1614
+ "type": "typography"
1618
1615
  },
1619
1616
  {
1620
- "variant": "body",
1617
+ "content": "@entity.name",
1621
1618
  "type": "typography",
1622
- "content": "@entity.name"
1619
+ "variant": "body"
1623
1620
  }
1624
1621
  ],
1625
- "gap": "md"
1622
+ "gap": "md",
1623
+ "type": "stack"
1626
1624
  },
1627
1625
  {
1628
1626
  "gap": "md",
1629
1627
  "direction": "horizontal",
1630
1628
  "children": [
1631
1629
  {
1630
+ "type": "typography",
1632
1631
  "variant": "caption",
1633
- "content": "Description",
1634
- "type": "typography"
1632
+ "content": "Description"
1635
1633
  },
1636
1634
  {
1637
- "content": "@entity.description",
1638
1635
  "variant": "body",
1636
+ "content": "@entity.description",
1639
1637
  "type": "typography"
1640
1638
  }
1641
1639
  ],
@@ -1643,40 +1641,41 @@
1643
1641
  },
1644
1642
  {
1645
1643
  "gap": "md",
1644
+ "direction": "horizontal",
1646
1645
  "type": "stack",
1647
1646
  "children": [
1648
1647
  {
1649
- "variant": "caption",
1650
1648
  "content": "Price",
1651
- "type": "typography"
1649
+ "type": "typography",
1650
+ "variant": "caption"
1652
1651
  },
1653
1652
  {
1654
1653
  "type": "typography",
1655
1654
  "variant": "body",
1656
1655
  "content": "@entity.price"
1657
1656
  }
1658
- ],
1659
- "direction": "horizontal"
1657
+ ]
1660
1658
  },
1661
1659
  {
1662
- "direction": "horizontal",
1663
1660
  "children": [
1664
1661
  {
1665
1662
  "type": "typography",
1666
- "variant": "caption",
1667
- "content": "Category"
1663
+ "content": "Category",
1664
+ "variant": "caption"
1668
1665
  },
1669
1666
  {
1667
+ "variant": "body",
1670
1668
  "content": "@entity.category",
1671
- "type": "typography",
1672
- "variant": "body"
1669
+ "type": "typography"
1673
1670
  }
1674
1671
  ],
1675
1672
  "type": "stack",
1676
- "gap": "md"
1673
+ "gap": "md",
1674
+ "direction": "horizontal"
1677
1675
  },
1678
1676
  {
1679
- "gap": "md",
1677
+ "direction": "horizontal",
1678
+ "type": "stack",
1680
1679
  "children": [
1681
1680
  {
1682
1681
  "content": "Sku",
@@ -1684,56 +1683,57 @@
1684
1683
  "variant": "caption"
1685
1684
  },
1686
1685
  {
1687
- "variant": "body",
1688
1686
  "type": "typography",
1687
+ "variant": "body",
1689
1688
  "content": "@entity.sku"
1690
1689
  }
1691
1690
  ],
1692
- "direction": "horizontal",
1693
- "type": "stack"
1691
+ "gap": "md"
1694
1692
  },
1695
1693
  {
1696
1694
  "type": "stack",
1697
- "direction": "horizontal",
1698
1695
  "gap": "md",
1699
1696
  "children": [
1700
1697
  {
1701
- "variant": "caption",
1698
+ "type": "typography",
1702
1699
  "content": "In Stock",
1703
- "type": "typography"
1700
+ "variant": "caption"
1704
1701
  },
1705
1702
  {
1706
1703
  "variant": "body",
1707
- "content": "@entity.inStock",
1708
- "type": "typography"
1704
+ "type": "typography",
1705
+ "content": "@entity.inStock"
1709
1706
  }
1710
- ]
1707
+ ],
1708
+ "direction": "horizontal"
1711
1709
  },
1712
1710
  {
1713
1711
  "type": "divider"
1714
1712
  },
1715
1713
  {
1716
1714
  "direction": "horizontal",
1717
- "gap": "sm",
1718
1715
  "justify": "end",
1719
1716
  "children": [
1720
1717
  {
1721
- "label": "Edit",
1722
- "type": "button",
1723
- "variant": "primary",
1724
1718
  "action": "EDIT",
1719
+ "variant": "primary",
1720
+ "type": "button",
1721
+ "label": "Edit",
1725
1722
  "icon": "edit"
1726
1723
  },
1727
1724
  {
1728
- "variant": "ghost",
1729
1725
  "label": "Close",
1726
+ "type": "button",
1730
1727
  "action": "CLOSE",
1731
- "type": "button"
1728
+ "variant": "ghost"
1732
1729
  }
1733
1730
  ],
1734
- "type": "stack"
1731
+ "type": "stack",
1732
+ "gap": "sm"
1735
1733
  }
1736
1734
  ],
1735
+ "type": "stack",
1736
+ "gap": "md",
1737
1737
  "direction": "vertical"
1738
1738
  }
1739
1739
  ]
@@ -1970,8 +1970,8 @@
1970
1970
  "Product",
1971
1971
  {
1972
1972
  "emit": {
1973
- "success": "ProductLoaded",
1974
- "failure": "ProductLoadFailed"
1973
+ "failure": "ProductLoadFailed",
1974
+ "success": "ProductLoaded"
1975
1975
  },
1976
1976
  "id": "@payload.id"
1977
1977
  }
@@ -1980,23 +1980,25 @@
1980
1980
  "render-ui",
1981
1981
  "modal",
1982
1982
  {
1983
+ "direction": "vertical",
1983
1984
  "type": "stack",
1985
+ "gap": "md",
1984
1986
  "children": [
1985
1987
  {
1986
1988
  "children": [
1987
1989
  {
1988
- "type": "icon",
1989
- "name": "alert-triangle"
1990
+ "name": "alert-triangle",
1991
+ "type": "icon"
1990
1992
  },
1991
1993
  {
1992
- "variant": "h3",
1994
+ "content": "Delete Product",
1993
1995
  "type": "typography",
1994
- "content": "Delete Product"
1996
+ "variant": "h3"
1995
1997
  }
1996
1998
  ],
1997
1999
  "direction": "horizontal",
1998
- "gap": "sm",
1999
2000
  "type": "stack",
2001
+ "gap": "sm",
2000
2002
  "align": "center"
2001
2003
  },
2002
2004
  {
@@ -2008,29 +2010,27 @@
2008
2010
  "type": "alert"
2009
2011
  },
2010
2012
  {
2013
+ "gap": "sm",
2011
2014
  "children": [
2012
2015
  {
2013
- "variant": "ghost",
2014
- "type": "button",
2015
2016
  "label": "Cancel",
2016
- "action": "CANCEL"
2017
+ "type": "button",
2018
+ "action": "CANCEL",
2019
+ "variant": "ghost"
2017
2020
  },
2018
2021
  {
2019
2022
  "type": "button",
2020
- "action": "CONFIRM_DELETE",
2021
- "label": "Delete",
2022
2023
  "variant": "danger",
2023
- "icon": "check"
2024
+ "action": "CONFIRM_DELETE",
2025
+ "icon": "check",
2026
+ "label": "Delete"
2024
2027
  }
2025
2028
  ],
2026
- "gap": "sm",
2027
- "direction": "horizontal",
2029
+ "type": "stack",
2028
2030
  "justify": "end",
2029
- "type": "stack"
2031
+ "direction": "horizontal"
2030
2032
  }
2031
- ],
2032
- "gap": "md",
2033
- "direction": "vertical"
2033
+ ]
2034
2034
  }
2035
2035
  ]
2036
2036
  ]
@@ -2306,8 +2306,8 @@
2306
2306
  "CartItem",
2307
2307
  {
2308
2308
  "emit": {
2309
- "failure": "CartItemLoadFailed",
2310
- "success": "CartItemLoaded"
2309
+ "success": "CartItemLoaded",
2310
+ "failure": "CartItemLoadFailed"
2311
2311
  }
2312
2312
  }
2313
2313
  ],
@@ -2316,21 +2316,21 @@
2316
2316
  "main",
2317
2317
  {
2318
2318
  "align": "center",
2319
+ "className": "py-12",
2320
+ "gap": "md",
2319
2321
  "children": [
2320
2322
  {
2321
2323
  "type": "spinner"
2322
2324
  },
2323
2325
  {
2326
+ "content": "Loading…",
2324
2327
  "color": "muted",
2325
- "variant": "caption",
2326
2328
  "type": "typography",
2327
- "content": "Loading…"
2329
+ "variant": "caption"
2328
2330
  }
2329
2331
  ],
2330
2332
  "type": "stack",
2331
- "gap": "md",
2332
- "direction": "vertical",
2333
- "className": "py-12"
2333
+ "direction": "vertical"
2334
2334
  }
2335
2335
  ]
2336
2336
  ]
@@ -2344,136 +2344,136 @@
2344
2344
  "render-ui",
2345
2345
  "main",
2346
2346
  {
2347
+ "navItems": [
2348
+ {
2349
+ "label": "Products",
2350
+ "href": "/products",
2351
+ "icon": "package"
2352
+ },
2353
+ {
2354
+ "href": "/cart",
2355
+ "icon": "shopping-cart",
2356
+ "label": "Cart"
2357
+ },
2358
+ {
2359
+ "href": "/checkout",
2360
+ "label": "Checkout",
2361
+ "icon": "credit-card"
2362
+ },
2363
+ {
2364
+ "href": "/orders",
2365
+ "icon": "clipboard-list",
2366
+ "label": "Orders"
2367
+ }
2368
+ ],
2347
2369
  "children": [
2348
2370
  {
2349
- "direction": "vertical",
2350
- "type": "stack",
2351
2371
  "gap": "lg",
2372
+ "type": "stack",
2373
+ "direction": "vertical",
2352
2374
  "children": [
2353
2375
  {
2354
- "gap": "md",
2376
+ "justify": "between",
2355
2377
  "type": "stack",
2378
+ "direction": "horizontal",
2356
2379
  "children": [
2357
2380
  {
2358
- "direction": "horizontal",
2359
- "gap": "md",
2360
2381
  "children": [
2361
2382
  {
2362
- "type": "icon",
2363
- "name": "shopping-cart"
2383
+ "name": "shopping-cart",
2384
+ "type": "icon"
2364
2385
  },
2365
2386
  {
2366
- "type": "typography",
2367
2387
  "content": "Shopping Cart",
2368
- "variant": "h2"
2388
+ "variant": "h2",
2389
+ "type": "typography"
2369
2390
  }
2370
2391
  ],
2371
- "type": "stack"
2392
+ "type": "stack",
2393
+ "direction": "horizontal",
2394
+ "gap": "md"
2372
2395
  },
2373
2396
  {
2374
2397
  "action": "ADD_ITEM",
2375
- "icon": "plus",
2376
2398
  "label": "Add Item",
2399
+ "variant": "primary",
2377
2400
  "type": "button",
2378
- "variant": "primary"
2401
+ "icon": "plus"
2379
2402
  }
2380
2403
  ],
2381
- "justify": "between",
2382
- "direction": "horizontal"
2404
+ "gap": "md"
2383
2405
  },
2384
2406
  {
2385
2407
  "type": "divider"
2386
2408
  },
2387
2409
  {
2388
- "type": "simple-grid",
2389
- "cols": 3.0,
2390
2410
  "children": [
2391
2411
  {
2392
- "type": "stat-display",
2393
- "value": "@entity",
2394
2412
  "icon": "package",
2395
- "label": "Items"
2413
+ "type": "stat-display",
2414
+ "label": "Items",
2415
+ "value": "@entity"
2396
2416
  },
2397
2417
  {
2398
2418
  "icon": "dollar-sign",
2399
- "value": "@entity",
2400
2419
  "type": "stat-display",
2420
+ "value": "@entity",
2401
2421
  "label": "Subtotal"
2402
2422
  },
2403
2423
  {
2404
- "value": "@entity",
2405
- "label": "Total",
2406
2424
  "type": "stat-display",
2407
- "icon": "receipt"
2425
+ "label": "Total",
2426
+ "icon": "receipt",
2427
+ "value": "@entity"
2408
2428
  }
2409
- ]
2429
+ ],
2430
+ "cols": 3.0,
2431
+ "type": "simple-grid"
2410
2432
  },
2411
2433
  {
2412
2434
  "type": "divider"
2413
2435
  },
2414
2436
  {
2437
+ "entity": "@payload.data",
2438
+ "fields": [],
2415
2439
  "itemActions": [
2416
2440
  {
2417
- "label": "Remove",
2418
2441
  "variant": "danger",
2419
- "event": "REQUEST_REMOVE"
2442
+ "event": "REQUEST_REMOVE",
2443
+ "label": "Remove"
2420
2444
  }
2421
2445
  ],
2422
- "entity": "@payload.data",
2446
+ "type": "data-grid",
2423
2447
  "columns": [
2424
2448
  {
2425
2449
  "name": "productName",
2426
2450
  "variant": "h4",
2427
- "label": "Product Name",
2428
- "icon": "shopping-cart"
2451
+ "icon": "shopping-cart",
2452
+ "label": "Product Name"
2429
2453
  },
2430
2454
  {
2431
2455
  "name": "quantity",
2456
+ "format": "currency",
2432
2457
  "label": "Quantity",
2433
- "variant": "caption",
2434
- "format": "currency"
2458
+ "variant": "caption"
2435
2459
  },
2436
2460
  {
2437
- "variant": "badge",
2438
2461
  "label": "Unit Price",
2462
+ "variant": "badge",
2439
2463
  "name": "unitPrice"
2440
2464
  }
2441
- ],
2442
- "type": "data-grid",
2443
- "fields": []
2465
+ ]
2444
2466
  },
2445
2467
  {
2446
2468
  "type": "button",
2447
- "variant": "primary",
2448
- "action": "PROCEED_CHECKOUT",
2449
2469
  "icon": "arrow-right",
2450
- "label": "Proceed to Checkout"
2470
+ "variant": "primary",
2471
+ "label": "Proceed to Checkout",
2472
+ "action": "PROCEED_CHECKOUT"
2451
2473
  }
2452
2474
  ]
2453
2475
  }
2454
2476
  ],
2455
- "navItems": [
2456
- {
2457
- "href": "/products",
2458
- "label": "Products",
2459
- "icon": "package"
2460
- },
2461
- {
2462
- "href": "/cart",
2463
- "label": "Cart",
2464
- "icon": "shopping-cart"
2465
- },
2466
- {
2467
- "icon": "credit-card",
2468
- "label": "Checkout",
2469
- "href": "/checkout"
2470
- },
2471
- {
2472
- "href": "/orders",
2473
- "label": "Orders",
2474
- "icon": "clipboard-list"
2475
- }
2476
- ],
2477
2477
  "type": "dashboard-layout",
2478
2478
  "appName": "EcommerceApp"
2479
2479
  }
@@ -2489,35 +2489,35 @@
2489
2489
  "render-ui",
2490
2490
  "main",
2491
2491
  {
2492
+ "gap": "md",
2492
2493
  "className": "py-12",
2494
+ "type": "stack",
2495
+ "direction": "vertical",
2493
2496
  "children": [
2494
2497
  {
2495
- "type": "icon",
2496
2498
  "color": "destructive",
2499
+ "type": "icon",
2497
2500
  "name": "alert-triangle"
2498
2501
  },
2499
2502
  {
2500
- "content": "Failed to load cartitem",
2501
2503
  "variant": "h3",
2504
+ "content": "Failed to load cartitem",
2502
2505
  "type": "typography"
2503
2506
  },
2504
2507
  {
2508
+ "type": "typography",
2505
2509
  "variant": "body",
2506
- "content": "@payload.error",
2507
2510
  "color": "muted",
2508
- "type": "typography"
2511
+ "content": "@payload.error"
2509
2512
  },
2510
2513
  {
2511
- "icon": "rotate-ccw",
2512
- "label": "Retry",
2513
- "action": "INIT",
2514
2514
  "type": "button",
2515
- "variant": "primary"
2515
+ "label": "Retry",
2516
+ "icon": "rotate-ccw",
2517
+ "variant": "primary",
2518
+ "action": "INIT"
2516
2519
  }
2517
2520
  ],
2518
- "gap": "md",
2519
- "direction": "vertical",
2520
- "type": "stack",
2521
2521
  "align": "center"
2522
2522
  }
2523
2523
  ]
@@ -2533,8 +2533,8 @@
2533
2533
  "CartItem",
2534
2534
  {
2535
2535
  "emit": {
2536
- "failure": "CartItemLoadFailed",
2537
- "success": "CartItemLoaded"
2536
+ "success": "CartItemLoaded",
2537
+ "failure": "CartItemLoadFailed"
2538
2538
  }
2539
2539
  }
2540
2540
  ],
@@ -2542,21 +2542,21 @@
2542
2542
  "render-ui",
2543
2543
  "main",
2544
2544
  {
2545
- "align": "center",
2546
- "type": "stack",
2547
2545
  "children": [
2548
2546
  {
2549
2547
  "type": "spinner"
2550
2548
  },
2551
2549
  {
2552
- "color": "muted",
2553
- "type": "typography",
2554
2550
  "content": "Preparing checkout…",
2555
- "variant": "caption"
2551
+ "type": "typography",
2552
+ "variant": "caption",
2553
+ "color": "muted"
2556
2554
  }
2557
2555
  ],
2558
2556
  "gap": "md",
2559
2557
  "direction": "vertical",
2558
+ "align": "center",
2559
+ "type": "stack",
2560
2560
  "className": "py-12"
2561
2561
  }
2562
2562
  ]
@@ -2571,17 +2571,37 @@
2571
2571
  "render-ui",
2572
2572
  "main",
2573
2573
  {
2574
+ "navItems": [
2575
+ {
2576
+ "icon": "package",
2577
+ "label": "Products",
2578
+ "href": "/products"
2579
+ },
2580
+ {
2581
+ "icon": "shopping-cart",
2582
+ "label": "Cart",
2583
+ "href": "/cart"
2584
+ },
2585
+ {
2586
+ "label": "Checkout",
2587
+ "href": "/checkout",
2588
+ "icon": "credit-card"
2589
+ },
2590
+ {
2591
+ "label": "Orders",
2592
+ "href": "/orders",
2593
+ "icon": "clipboard-list"
2594
+ }
2595
+ ],
2574
2596
  "appName": "EcommerceApp",
2575
2597
  "type": "dashboard-layout",
2576
2598
  "children": [
2577
2599
  {
2600
+ "gap": "lg",
2578
2601
  "direction": "vertical",
2579
2602
  "type": "stack",
2580
- "gap": "lg",
2581
2603
  "children": [
2582
2604
  {
2583
- "gap": "sm",
2584
- "direction": "horizontal",
2585
2605
  "type": "stack",
2586
2606
  "children": [
2587
2607
  {
@@ -2589,92 +2609,72 @@
2589
2609
  "name": "clipboard"
2590
2610
  },
2591
2611
  {
2592
- "variant": "h2",
2593
2612
  "type": "typography",
2594
- "content": "Checkout"
2613
+ "content": "Checkout",
2614
+ "variant": "h2"
2595
2615
  }
2596
- ]
2616
+ ],
2617
+ "gap": "sm",
2618
+ "direction": "horizontal"
2597
2619
  },
2598
2620
  {
2599
2621
  "type": "divider"
2600
2622
  },
2601
2623
  {
2602
- "type": "data-grid",
2624
+ "entity": "@payload.data",
2625
+ "fields": [],
2603
2626
  "itemActions": [
2604
2627
  {
2605
- "variant": "danger",
2606
2628
  "event": "REQUEST_REMOVE",
2629
+ "variant": "danger",
2607
2630
  "label": "Remove"
2608
2631
  }
2609
2632
  ],
2610
2633
  "columns": [
2611
2634
  {
2635
+ "icon": "shopping-cart",
2612
2636
  "name": "productName",
2613
- "variant": "h4",
2614
2637
  "label": "Product Name",
2615
- "icon": "shopping-cart"
2638
+ "variant": "h4"
2616
2639
  },
2617
2640
  {
2618
- "variant": "caption",
2619
- "format": "currency",
2620
2641
  "name": "quantity",
2621
- "label": "Quantity"
2642
+ "label": "Quantity",
2643
+ "variant": "caption",
2644
+ "format": "currency"
2622
2645
  },
2623
2646
  {
2624
- "label": "Unit Price",
2647
+ "name": "unitPrice",
2625
2648
  "variant": "badge",
2626
- "name": "unitPrice"
2649
+ "label": "Unit Price"
2627
2650
  }
2628
2651
  ],
2629
- "entity": "@payload.data",
2630
- "fields": []
2652
+ "type": "data-grid"
2631
2653
  },
2632
2654
  {
2633
- "justify": "end",
2634
- "type": "stack",
2635
2655
  "children": [
2636
2656
  {
2637
- "icon": "arrow-left",
2638
2657
  "action": "BACK_TO_CART",
2639
- "type": "button",
2658
+ "icon": "arrow-left",
2659
+ "label": "Back to Cart",
2640
2660
  "variant": "ghost",
2641
- "label": "Back to Cart"
2661
+ "type": "button"
2642
2662
  },
2643
2663
  {
2644
2664
  "label": "Confirm Order",
2645
- "type": "button",
2646
2665
  "action": "CONFIRM_ORDER",
2666
+ "variant": "primary",
2647
2667
  "icon": "check",
2648
- "variant": "primary"
2668
+ "type": "button"
2649
2669
  }
2650
2670
  ],
2651
- "direction": "horizontal",
2652
- "gap": "sm"
2671
+ "gap": "sm",
2672
+ "type": "stack",
2673
+ "justify": "end",
2674
+ "direction": "horizontal"
2653
2675
  }
2654
2676
  ]
2655
2677
  }
2656
- ],
2657
- "navItems": [
2658
- {
2659
- "icon": "package",
2660
- "label": "Products",
2661
- "href": "/products"
2662
- },
2663
- {
2664
- "label": "Cart",
2665
- "href": "/cart",
2666
- "icon": "shopping-cart"
2667
- },
2668
- {
2669
- "label": "Checkout",
2670
- "href": "/checkout",
2671
- "icon": "credit-card"
2672
- },
2673
- {
2674
- "icon": "clipboard-list",
2675
- "label": "Orders",
2676
- "href": "/orders"
2677
- }
2678
2678
  ]
2679
2679
  }
2680
2680
  ]
@@ -2704,59 +2704,59 @@
2704
2704
  "render-ui",
2705
2705
  "main",
2706
2706
  {
2707
- "type": "dashboard-layout",
2708
- "navItems": [
2709
- {
2710
- "icon": "package",
2711
- "label": "Products",
2712
- "href": "/products"
2713
- },
2714
- {
2715
- "href": "/cart",
2716
- "label": "Cart",
2717
- "icon": "shopping-cart"
2718
- },
2707
+ "children": [
2719
2708
  {
2720
- "icon": "credit-card",
2721
- "href": "/checkout",
2722
- "label": "Checkout"
2723
- },
2724
- {
2725
- "label": "Orders",
2726
- "href": "/orders",
2727
- "icon": "clipboard-list"
2728
- }
2729
- ],
2730
- "children": [
2731
- {
2732
- "gap": "lg",
2733
- "direction": "vertical",
2734
- "type": "stack",
2735
- "align": "center",
2736
2709
  "children": [
2737
2710
  {
2738
- "name": "check-circle",
2739
- "type": "icon"
2711
+ "type": "icon",
2712
+ "name": "check-circle"
2740
2713
  },
2741
2714
  {
2742
- "content": "Order Confirmed",
2743
2715
  "variant": "h2",
2716
+ "content": "Order Confirmed",
2744
2717
  "type": "typography"
2745
2718
  },
2746
2719
  {
2720
+ "content": "Your order has been placed successfully.",
2747
2721
  "variant": "body",
2748
- "type": "typography",
2749
- "content": "Your order has been placed successfully."
2722
+ "type": "typography"
2750
2723
  },
2751
2724
  {
2725
+ "variant": "primary",
2752
2726
  "action": "INIT",
2753
2727
  "type": "button",
2754
- "label": "Continue Shopping",
2755
- "variant": "primary"
2728
+ "label": "Continue Shopping"
2756
2729
  }
2757
- ]
2730
+ ],
2731
+ "gap": "lg",
2732
+ "align": "center",
2733
+ "type": "stack",
2734
+ "direction": "vertical"
2735
+ }
2736
+ ],
2737
+ "navItems": [
2738
+ {
2739
+ "icon": "package",
2740
+ "href": "/products",
2741
+ "label": "Products"
2742
+ },
2743
+ {
2744
+ "label": "Cart",
2745
+ "icon": "shopping-cart",
2746
+ "href": "/cart"
2747
+ },
2748
+ {
2749
+ "href": "/checkout",
2750
+ "icon": "credit-card",
2751
+ "label": "Checkout"
2752
+ },
2753
+ {
2754
+ "label": "Orders",
2755
+ "href": "/orders",
2756
+ "icon": "clipboard-list"
2758
2757
  }
2759
2758
  ],
2759
+ "type": "dashboard-layout",
2760
2760
  "appName": "EcommerceApp"
2761
2761
  }
2762
2762
  ]
@@ -2935,20 +2935,22 @@
2935
2935
  "render-ui",
2936
2936
  "modal",
2937
2937
  {
2938
+ "gap": "md",
2939
+ "direction": "vertical",
2938
2940
  "children": [
2939
2941
  {
2942
+ "gap": "sm",
2940
2943
  "type": "stack",
2941
2944
  "direction": "horizontal",
2942
- "gap": "sm",
2943
2945
  "children": [
2944
2946
  {
2945
- "type": "icon",
2946
- "name": "plus-circle"
2947
+ "name": "plus-circle",
2948
+ "type": "icon"
2947
2949
  },
2948
2950
  {
2949
- "type": "typography",
2950
2951
  "variant": "h3",
2951
- "content": "Add Item"
2952
+ "content": "Add Item",
2953
+ "type": "typography"
2952
2954
  }
2953
2955
  ]
2954
2956
  },
@@ -2956,20 +2958,18 @@
2956
2958
  "type": "divider"
2957
2959
  },
2958
2960
  {
2959
- "mode": "create",
2960
- "cancelEvent": "CLOSE",
2961
+ "type": "form-section",
2961
2962
  "submitEvent": "SAVE",
2963
+ "cancelEvent": "CLOSE",
2962
2964
  "fields": [
2963
2965
  "productName",
2964
2966
  "quantity",
2965
2967
  "unitPrice",
2966
2968
  "totalPrice"
2967
2969
  ],
2968
- "type": "form-section"
2970
+ "mode": "create"
2969
2971
  }
2970
2972
  ],
2971
- "direction": "vertical",
2972
- "gap": "md",
2973
2973
  "type": "stack"
2974
2974
  }
2975
2975
  ]
@@ -3011,8 +3011,8 @@
3011
3011
  "@payload.data",
3012
3012
  {
3013
3013
  "emit": {
3014
- "success": "CartItemSaved",
3015
- "failure": "CartItemSaveFailed"
3014
+ "failure": "CartItemSaveFailed",
3015
+ "success": "CartItemSaved"
3016
3016
  }
3017
3017
  }
3018
3018
  ],
@@ -3202,35 +3202,34 @@
3202
3202
  "fetch",
3203
3203
  "CartItem",
3204
3204
  {
3205
- "id": "@payload.id",
3206
3205
  "emit": {
3207
3206
  "success": "CartItemLoaded",
3208
3207
  "failure": "CartItemLoadFailed"
3209
- }
3208
+ },
3209
+ "id": "@payload.id"
3210
3210
  }
3211
3211
  ],
3212
3212
  [
3213
3213
  "render-ui",
3214
3214
  "modal",
3215
3215
  {
3216
- "type": "stack",
3217
3216
  "children": [
3218
3217
  {
3219
- "align": "center",
3220
- "gap": "sm",
3221
3218
  "children": [
3222
3219
  {
3223
3220
  "type": "icon",
3224
3221
  "name": "alert-triangle"
3225
3222
  },
3226
3223
  {
3227
- "type": "typography",
3228
3224
  "content": "Remove Item",
3225
+ "type": "typography",
3229
3226
  "variant": "h3"
3230
3227
  }
3231
3228
  ],
3232
3229
  "type": "stack",
3233
- "direction": "horizontal"
3230
+ "direction": "horizontal",
3231
+ "gap": "sm",
3232
+ "align": "center"
3234
3233
  },
3235
3234
  {
3236
3235
  "type": "divider"
@@ -3242,28 +3241,29 @@
3242
3241
  },
3243
3242
  {
3244
3243
  "type": "stack",
3245
- "gap": "sm",
3244
+ "justify": "end",
3246
3245
  "children": [
3247
3246
  {
3248
- "action": "CANCEL",
3249
3247
  "variant": "ghost",
3250
3248
  "label": "Cancel",
3251
- "type": "button"
3249
+ "type": "button",
3250
+ "action": "CANCEL"
3252
3251
  },
3253
3252
  {
3254
- "variant": "danger",
3255
- "icon": "check",
3256
3253
  "label": "Remove",
3254
+ "type": "button",
3257
3255
  "action": "CONFIRM_REMOVE",
3258
- "type": "button"
3256
+ "icon": "check",
3257
+ "variant": "danger"
3259
3258
  }
3260
3259
  ],
3261
- "justify": "end",
3260
+ "gap": "sm",
3262
3261
  "direction": "horizontal"
3263
3262
  }
3264
3263
  ],
3265
- "direction": "vertical",
3266
- "gap": "md"
3264
+ "gap": "md",
3265
+ "type": "stack",
3266
+ "direction": "vertical"
3267
3267
  }
3268
3268
  ]
3269
3269
  ]
@@ -3596,8 +3596,8 @@
3596
3596
  "Checkout",
3597
3597
  {
3598
3598
  "emit": {
3599
- "failure": "CheckoutLoadFailed",
3600
- "success": "CheckoutLoaded"
3599
+ "success": "CheckoutLoaded",
3600
+ "failure": "CheckoutLoadFailed"
3601
3601
  }
3602
3602
  }
3603
3603
  ],
@@ -3606,59 +3606,36 @@
3606
3606
  "main",
3607
3607
  {
3608
3608
  "type": "dashboard-layout",
3609
- "navItems": [
3610
- {
3611
- "href": "/products",
3612
- "icon": "package",
3613
- "label": "Products"
3614
- },
3615
- {
3616
- "href": "/cart",
3617
- "label": "Cart",
3618
- "icon": "shopping-cart"
3619
- },
3620
- {
3621
- "href": "/checkout",
3622
- "label": "Checkout",
3623
- "icon": "credit-card"
3624
- },
3625
- {
3626
- "label": "Orders",
3627
- "href": "/orders",
3628
- "icon": "clipboard-list"
3629
- }
3630
- ],
3631
3609
  "appName": "EcommerceApp",
3632
3610
  "children": [
3633
3611
  {
3634
- "padding": "lg",
3635
3612
  "children": [
3636
3613
  {
3637
- "gap": "lg",
3638
3614
  "type": "stack",
3639
3615
  "direction": "vertical",
3616
+ "gap": "lg",
3640
3617
  "children": [
3641
3618
  {
3642
- "type": "stack",
3643
- "direction": "horizontal",
3644
- "gap": "sm",
3645
3619
  "align": "center",
3620
+ "direction": "horizontal",
3646
3621
  "children": [
3647
3622
  {
3648
- "type": "icon",
3649
- "name": "credit-card"
3623
+ "name": "credit-card",
3624
+ "type": "icon"
3650
3625
  },
3651
3626
  {
3627
+ "variant": "h2",
3652
3628
  "type": "typography",
3653
- "content": "Checkout",
3654
- "variant": "h2"
3629
+ "content": "Checkout"
3655
3630
  }
3656
- ]
3631
+ ],
3632
+ "type": "stack",
3633
+ "gap": "sm"
3657
3634
  },
3658
3635
  {
3659
- "count": 3.0,
3660
3636
  "type": "progress-dots",
3661
- "currentIndex": 0.0
3637
+ "currentIndex": 0.0,
3638
+ "count": 3.0
3662
3639
  },
3663
3640
  {
3664
3641
  "steps": [
@@ -3666,47 +3643,70 @@
3666
3643
  "Shipping",
3667
3644
  "Payment"
3668
3645
  ],
3669
- "currentStep": 0.0,
3670
- "type": "wizard-progress"
3646
+ "type": "wizard-progress",
3647
+ "currentStep": 0.0
3671
3648
  },
3672
3649
  {
3673
3650
  "type": "divider"
3674
3651
  },
3675
3652
  {
3676
- "content": "Customer Info",
3677
3653
  "variant": "h3",
3678
- "type": "typography"
3654
+ "type": "typography",
3655
+ "content": "Customer Info"
3679
3656
  },
3680
3657
  {
3681
3658
  "mode": "create",
3682
- "type": "form-section",
3683
3659
  "submitEvent": "NEXT",
3660
+ "type": "form-section",
3661
+ "cancelEvent": "INIT",
3684
3662
  "fields": [
3685
3663
  "customerName",
3686
3664
  "email"
3687
- ],
3688
- "cancelEvent": "INIT"
3665
+ ]
3689
3666
  },
3690
3667
  {
3691
- "direction": "horizontal",
3668
+ "type": "stack",
3692
3669
  "justify": "end",
3693
3670
  "gap": "sm",
3694
3671
  "children": [
3695
3672
  {
3696
- "type": "button",
3697
- "icon": "arrow-right",
3698
- "label": "Next",
3699
3673
  "variant": "primary",
3700
- "action": "NEXT"
3674
+ "action": "NEXT",
3675
+ "icon": "arrow-right",
3676
+ "type": "button",
3677
+ "label": "Next"
3701
3678
  }
3702
3679
  ],
3703
- "type": "stack"
3680
+ "direction": "horizontal"
3704
3681
  }
3705
3682
  ]
3706
3683
  }
3707
3684
  ],
3685
+ "maxWidth": "lg",
3708
3686
  "type": "container",
3709
- "maxWidth": "lg"
3687
+ "padding": "lg"
3688
+ }
3689
+ ],
3690
+ "navItems": [
3691
+ {
3692
+ "href": "/products",
3693
+ "label": "Products",
3694
+ "icon": "package"
3695
+ },
3696
+ {
3697
+ "href": "/cart",
3698
+ "icon": "shopping-cart",
3699
+ "label": "Cart"
3700
+ },
3701
+ {
3702
+ "label": "Checkout",
3703
+ "href": "/checkout",
3704
+ "icon": "credit-card"
3705
+ },
3706
+ {
3707
+ "label": "Orders",
3708
+ "icon": "clipboard-list",
3709
+ "href": "/orders"
3710
3710
  }
3711
3711
  ]
3712
3712
  }
@@ -3732,17 +3732,16 @@
3732
3732
  "render-ui",
3733
3733
  "main",
3734
3734
  {
3735
- "appName": "EcommerceApp",
3736
3735
  "navItems": [
3737
3736
  {
3738
- "href": "/products",
3737
+ "icon": "package",
3739
3738
  "label": "Products",
3740
- "icon": "package"
3739
+ "href": "/products"
3741
3740
  },
3742
3741
  {
3743
3742
  "label": "Cart",
3744
- "icon": "shopping-cart",
3745
- "href": "/cart"
3743
+ "href": "/cart",
3744
+ "icon": "shopping-cart"
3746
3745
  },
3747
3746
  {
3748
3747
  "icon": "credit-card",
@@ -3750,98 +3749,99 @@
3750
3749
  "href": "/checkout"
3751
3750
  },
3752
3751
  {
3752
+ "icon": "clipboard-list",
3753
3753
  "label": "Orders",
3754
- "href": "/orders",
3755
- "icon": "clipboard-list"
3754
+ "href": "/orders"
3756
3755
  }
3757
3756
  ],
3757
+ "type": "dashboard-layout",
3758
+ "appName": "EcommerceApp",
3758
3759
  "children": [
3759
3760
  {
3761
+ "maxWidth": "lg",
3762
+ "padding": "lg",
3763
+ "type": "container",
3760
3764
  "children": [
3761
3765
  {
3762
- "type": "stack",
3763
- "direction": "vertical",
3764
- "gap": "lg",
3765
3766
  "children": [
3766
3767
  {
3767
- "type": "stack",
3768
3768
  "children": [
3769
3769
  {
3770
- "type": "icon",
3771
- "name": "credit-card"
3770
+ "name": "credit-card",
3771
+ "type": "icon"
3772
3772
  },
3773
3773
  {
3774
+ "variant": "h2",
3774
3775
  "type": "typography",
3775
- "content": "Checkout",
3776
- "variant": "h2"
3776
+ "content": "Checkout"
3777
3777
  }
3778
3778
  ],
3779
- "gap": "sm",
3780
3779
  "align": "center",
3781
- "direction": "horizontal"
3780
+ "type": "stack",
3781
+ "direction": "horizontal",
3782
+ "gap": "sm"
3782
3783
  },
3783
3784
  {
3784
- "currentIndex": 1.0,
3785
+ "count": 3.0,
3785
3786
  "type": "progress-dots",
3786
- "count": 3.0
3787
+ "currentIndex": 1.0
3787
3788
  },
3788
3789
  {
3789
3790
  "type": "wizard-progress",
3790
- "currentStep": 1.0,
3791
3791
  "steps": [
3792
3792
  "Customer Info",
3793
3793
  "Shipping",
3794
3794
  "Payment"
3795
- ]
3795
+ ],
3796
+ "currentStep": 1.0
3796
3797
  },
3797
3798
  {
3798
3799
  "type": "divider"
3799
3800
  },
3800
3801
  {
3801
- "content": "Shipping",
3802
3802
  "type": "typography",
3803
+ "content": "Shipping",
3803
3804
  "variant": "h3"
3804
3805
  },
3805
3806
  {
3806
- "mode": "create",
3807
3807
  "submitEvent": "NEXT",
3808
+ "mode": "create",
3809
+ "cancelEvent": "PREV",
3808
3810
  "type": "form-section",
3809
3811
  "fields": [
3810
3812
  "shippingAddress"
3811
- ],
3812
- "cancelEvent": "PREV"
3813
+ ]
3813
3814
  },
3814
3815
  {
3816
+ "direction": "horizontal",
3815
3817
  "children": [
3816
3818
  {
3817
- "type": "button",
3818
3819
  "variant": "ghost",
3819
- "action": "PREV",
3820
+ "type": "button",
3820
3821
  "label": "Back",
3822
+ "action": "PREV",
3821
3823
  "icon": "arrow-left"
3822
3824
  },
3823
3825
  {
3824
3826
  "type": "button",
3827
+ "action": "NEXT",
3825
3828
  "label": "Next",
3826
3829
  "variant": "primary",
3827
- "action": "NEXT",
3828
3830
  "icon": "arrow-right"
3829
3831
  }
3830
3832
  ],
3831
- "direction": "horizontal",
3832
- "type": "stack",
3833
+ "justify": "end",
3833
3834
  "gap": "sm",
3834
- "justify": "end"
3835
+ "type": "stack"
3835
3836
  }
3836
- ]
3837
- }
3838
- ],
3839
- "padding": "lg",
3840
- "maxWidth": "lg",
3841
- "type": "container"
3837
+ ],
3838
+ "gap": "lg",
3839
+ "direction": "vertical",
3840
+ "type": "stack"
3841
+ }
3842
+ ]
3842
3843
  }
3843
- ],
3844
- "type": "dashboard-layout"
3844
+ ]
3845
3845
  }
3846
3846
  ]
3847
3847
  ]
@@ -3856,8 +3856,8 @@
3856
3856
  "Checkout",
3857
3857
  {
3858
3858
  "emit": {
3859
- "failure": "CheckoutLoadFailed",
3860
- "success": "CheckoutLoaded"
3859
+ "success": "CheckoutLoaded",
3860
+ "failure": "CheckoutLoadFailed"
3861
3861
  }
3862
3862
  }
3863
3863
  ],
@@ -3865,16 +3865,45 @@
3865
3865
  "render-ui",
3866
3866
  "main",
3867
3867
  {
3868
+ "appName": "EcommerceApp",
3869
+ "navItems": [
3870
+ {
3871
+ "label": "Products",
3872
+ "href": "/products",
3873
+ "icon": "package"
3874
+ },
3875
+ {
3876
+ "label": "Cart",
3877
+ "href": "/cart",
3878
+ "icon": "shopping-cart"
3879
+ },
3880
+ {
3881
+ "href": "/checkout",
3882
+ "icon": "credit-card",
3883
+ "label": "Checkout"
3884
+ },
3885
+ {
3886
+ "icon": "clipboard-list",
3887
+ "href": "/orders",
3888
+ "label": "Orders"
3889
+ }
3890
+ ],
3868
3891
  "type": "dashboard-layout",
3869
3892
  "children": [
3870
3893
  {
3871
3894
  "padding": "lg",
3895
+ "maxWidth": "lg",
3896
+ "type": "container",
3872
3897
  "children": [
3873
3898
  {
3874
3899
  "gap": "lg",
3875
3900
  "type": "stack",
3901
+ "direction": "vertical",
3876
3902
  "children": [
3877
3903
  {
3904
+ "direction": "horizontal",
3905
+ "gap": "sm",
3906
+ "type": "stack",
3878
3907
  "children": [
3879
3908
  {
3880
3909
  "type": "icon",
@@ -3886,15 +3915,12 @@
3886
3915
  "type": "typography"
3887
3916
  }
3888
3917
  ],
3889
- "gap": "sm",
3890
- "type": "stack",
3891
- "direction": "horizontal",
3892
3918
  "align": "center"
3893
3919
  },
3894
3920
  {
3895
- "currentIndex": 2.0,
3896
3921
  "type": "progress-dots",
3897
- "count": 3.0
3922
+ "count": 3.0,
3923
+ "currentIndex": 2.0
3898
3924
  },
3899
3925
  {
3900
3926
  "type": "wizard-progress",
@@ -3909,72 +3935,46 @@
3909
3935
  "type": "divider"
3910
3936
  },
3911
3937
  {
3938
+ "type": "typography",
3912
3939
  "content": "Payment",
3913
- "variant": "h3",
3914
- "type": "typography"
3940
+ "variant": "h3"
3915
3941
  },
3916
3942
  {
3917
- "type": "form-section",
3918
3943
  "mode": "create",
3919
- "cancelEvent": "PREV",
3920
3944
  "submitEvent": "NEXT",
3945
+ "type": "form-section",
3946
+ "cancelEvent": "PREV",
3921
3947
  "fields": [
3922
3948
  "paymentMethod"
3923
3949
  ]
3924
3950
  },
3925
3951
  {
3926
- "type": "stack",
3927
- "direction": "horizontal",
3928
3952
  "children": [
3929
3953
  {
3930
- "icon": "arrow-left",
3931
3954
  "type": "button",
3955
+ "variant": "ghost",
3956
+ "icon": "arrow-left",
3932
3957
  "label": "Back",
3933
- "action": "PREV",
3934
- "variant": "ghost"
3958
+ "action": "PREV"
3935
3959
  },
3936
3960
  {
3937
- "variant": "primary",
3938
3961
  "icon": "arrow-right",
3939
- "type": "button",
3940
3962
  "action": "NEXT",
3963
+ "variant": "primary",
3964
+ "type": "button",
3941
3965
  "label": "Next"
3942
3966
  }
3943
3967
  ],
3968
+ "direction": "horizontal",
3944
3969
  "gap": "sm",
3945
- "justify": "end"
3970
+ "justify": "end",
3971
+ "type": "stack"
3946
3972
  }
3947
- ],
3948
- "direction": "vertical"
3973
+ ]
3949
3974
  }
3950
- ],
3951
- "type": "container",
3952
- "maxWidth": "lg"
3953
- }
3954
- ],
3955
- "navItems": [
3956
- {
3957
- "label": "Products",
3958
- "icon": "package",
3959
- "href": "/products"
3960
- },
3961
- {
3962
- "icon": "shopping-cart",
3963
- "label": "Cart",
3964
- "href": "/cart"
3965
- },
3966
- {
3967
- "icon": "credit-card",
3968
- "label": "Checkout",
3969
- "href": "/checkout"
3970
- },
3971
- {
3972
- "label": "Orders",
3973
- "href": "/orders",
3974
- "icon": "clipboard-list"
3975
+ ]
3975
3976
  }
3976
- ],
3977
- "appName": "EcommerceApp"
3977
+ ]
3978
3978
  }
3979
3979
  ]
3980
3980
  ]
@@ -3998,37 +3998,55 @@
3998
3998
  "render-ui",
3999
3999
  "main",
4000
4000
  {
4001
- "type": "dashboard-layout",
4001
+ "appName": "EcommerceApp",
4002
+ "navItems": [
4003
+ {
4004
+ "label": "Products",
4005
+ "href": "/products",
4006
+ "icon": "package"
4007
+ },
4008
+ {
4009
+ "label": "Cart",
4010
+ "href": "/cart",
4011
+ "icon": "shopping-cart"
4012
+ },
4013
+ {
4014
+ "href": "/checkout",
4015
+ "icon": "credit-card",
4016
+ "label": "Checkout"
4017
+ },
4018
+ {
4019
+ "href": "/orders",
4020
+ "label": "Orders",
4021
+ "icon": "clipboard-list"
4022
+ }
4023
+ ],
4002
4024
  "children": [
4003
4025
  {
4004
- "padding": "lg",
4005
4026
  "children": [
4006
4027
  {
4007
- "direction": "vertical",
4008
- "type": "stack",
4009
- "gap": "lg",
4010
4028
  "children": [
4011
4029
  {
4012
- "direction": "horizontal",
4013
- "gap": "sm",
4014
4030
  "type": "stack",
4015
- "align": "center",
4031
+ "direction": "horizontal",
4016
4032
  "children": [
4017
4033
  {
4018
- "type": "icon",
4019
- "name": "credit-card"
4034
+ "name": "credit-card",
4035
+ "type": "icon"
4020
4036
  },
4021
4037
  {
4038
+ "type": "typography",
4022
4039
  "variant": "h2",
4023
- "content": "Checkout",
4024
- "type": "typography"
4040
+ "content": "Checkout"
4025
4041
  }
4026
- ]
4042
+ ],
4043
+ "gap": "sm",
4044
+ "align": "center"
4027
4045
  },
4028
4046
  {
4047
+ "count": 3.0,
4029
4048
  "type": "progress-dots",
4030
- "currentIndex": 0.0,
4031
- "count": 3.0
4049
+ "currentIndex": 0.0
4032
4050
  },
4033
4051
  {
4034
4052
  "type": "wizard-progress",
@@ -4043,65 +4061,47 @@
4043
4061
  "type": "divider"
4044
4062
  },
4045
4063
  {
4046
- "variant": "h3",
4047
4064
  "content": "Customer Info",
4048
- "type": "typography"
4065
+ "type": "typography",
4066
+ "variant": "h3"
4049
4067
  },
4050
4068
  {
4051
- "mode": "create",
4052
- "type": "form-section",
4053
- "cancelEvent": "INIT",
4054
- "submitEvent": "NEXT",
4055
4069
  "fields": [
4056
4070
  "customerName",
4057
4071
  "email"
4058
- ]
4072
+ ],
4073
+ "mode": "create",
4074
+ "submitEvent": "NEXT",
4075
+ "type": "form-section",
4076
+ "cancelEvent": "INIT"
4059
4077
  },
4060
4078
  {
4061
- "type": "stack",
4062
4079
  "direction": "horizontal",
4063
- "justify": "end",
4064
- "gap": "sm",
4065
4080
  "children": [
4066
4081
  {
4067
- "label": "Next",
4068
- "variant": "primary",
4069
- "type": "button",
4070
4082
  "action": "NEXT",
4071
- "icon": "arrow-right"
4083
+ "type": "button",
4084
+ "icon": "arrow-right",
4085
+ "label": "Next",
4086
+ "variant": "primary"
4072
4087
  }
4073
- ]
4088
+ ],
4089
+ "justify": "end",
4090
+ "gap": "sm",
4091
+ "type": "stack"
4074
4092
  }
4075
- ]
4093
+ ],
4094
+ "gap": "lg",
4095
+ "direction": "vertical",
4096
+ "type": "stack"
4076
4097
  }
4077
4098
  ],
4078
- "maxWidth": "lg",
4079
- "type": "container"
4080
- }
4081
- ],
4082
- "navItems": [
4083
- {
4084
- "icon": "package",
4085
- "label": "Products",
4086
- "href": "/products"
4087
- },
4088
- {
4089
- "label": "Cart",
4090
- "icon": "shopping-cart",
4091
- "href": "/cart"
4092
- },
4093
- {
4094
- "icon": "credit-card",
4095
- "label": "Checkout",
4096
- "href": "/checkout"
4097
- },
4098
- {
4099
- "label": "Orders",
4100
- "href": "/orders",
4101
- "icon": "clipboard-list"
4099
+ "padding": "lg",
4100
+ "type": "container",
4101
+ "maxWidth": "lg"
4102
4102
  }
4103
4103
  ],
4104
- "appName": "EcommerceApp"
4104
+ "type": "dashboard-layout"
4105
4105
  }
4106
4106
  ]
4107
4107
  ]
@@ -4116,8 +4116,8 @@
4116
4116
  "Checkout",
4117
4117
  {
4118
4118
  "emit": {
4119
- "failure": "CheckoutLoadFailed",
4120
- "success": "CheckoutLoaded"
4119
+ "success": "CheckoutLoaded",
4120
+ "failure": "CheckoutLoadFailed"
4121
4121
  }
4122
4122
  }
4123
4123
  ],
@@ -4125,16 +4125,17 @@
4125
4125
  "render-ui",
4126
4126
  "main",
4127
4127
  {
4128
+ "appName": "EcommerceApp",
4128
4129
  "navItems": [
4129
4130
  {
4130
- "icon": "package",
4131
+ "href": "/products",
4131
4132
  "label": "Products",
4132
- "href": "/products"
4133
+ "icon": "package"
4133
4134
  },
4134
4135
  {
4136
+ "label": "Cart",
4135
4137
  "href": "/cart",
4136
- "icon": "shopping-cart",
4137
- "label": "Cart"
4138
+ "icon": "shopping-cart"
4138
4139
  },
4139
4140
  {
4140
4141
  "label": "Checkout",
@@ -4142,27 +4143,22 @@
4142
4143
  "icon": "credit-card"
4143
4144
  },
4144
4145
  {
4146
+ "icon": "clipboard-list",
4145
4147
  "label": "Orders",
4146
- "href": "/orders",
4147
- "icon": "clipboard-list"
4148
+ "href": "/orders"
4148
4149
  }
4149
4150
  ],
4150
4151
  "type": "dashboard-layout",
4151
- "appName": "EcommerceApp",
4152
4152
  "children": [
4153
4153
  {
4154
- "gap": "lg",
4155
4154
  "direction": "vertical",
4156
4155
  "type": "stack",
4157
4156
  "children": [
4158
4157
  {
4159
- "direction": "horizontal",
4160
- "align": "center",
4161
- "type": "stack",
4162
4158
  "children": [
4163
4159
  {
4164
- "type": "icon",
4165
- "name": "credit-card"
4160
+ "name": "credit-card",
4161
+ "type": "icon"
4166
4162
  },
4167
4163
  {
4168
4164
  "content": "Checkout",
@@ -4170,6 +4166,9 @@
4170
4166
  "type": "typography"
4171
4167
  }
4172
4168
  ],
4169
+ "type": "stack",
4170
+ "direction": "horizontal",
4171
+ "align": "center",
4173
4172
  "gap": "sm"
4174
4173
  },
4175
4174
  {
@@ -4177,8 +4176,8 @@
4177
4176
  "label": "Review"
4178
4177
  },
4179
4178
  {
4180
- "currentStep": 3.0,
4181
4179
  "type": "wizard-progress",
4180
+ "currentStep": 3.0,
4182
4181
  "steps": [
4183
4182
  "Customer Info",
4184
4183
  "Shipping",
@@ -4189,9 +4188,14 @@
4189
4188
  "type": "divider"
4190
4189
  },
4191
4190
  {
4192
- "type": "stack",
4191
+ "direction": "vertical",
4192
+ "gap": "sm",
4193
4193
  "children": [
4194
4194
  {
4195
+ "type": "stack",
4196
+ "justify": "between",
4197
+ "gap": "md",
4198
+ "direction": "horizontal",
4195
4199
  "children": [
4196
4200
  {
4197
4201
  "type": "typography",
@@ -4203,17 +4207,13 @@
4203
4207
  "variant": "body",
4204
4208
  "content": "@entity.customerName"
4205
4209
  }
4206
- ],
4207
- "gap": "md",
4208
- "direction": "horizontal",
4209
- "type": "stack",
4210
- "justify": "between"
4210
+ ]
4211
4211
  },
4212
4212
  {
4213
4213
  "type": "stack",
4214
4214
  "direction": "horizontal",
4215
- "gap": "md",
4216
4215
  "justify": "between",
4216
+ "gap": "md",
4217
4217
  "children": [
4218
4218
  {
4219
4219
  "type": "typography",
@@ -4221,75 +4221,75 @@
4221
4221
  "content": "Email"
4222
4222
  },
4223
4223
  {
4224
- "content": "@entity.email",
4225
4224
  "variant": "body",
4225
+ "content": "@entity.email",
4226
4226
  "type": "typography"
4227
4227
  }
4228
4228
  ]
4229
4229
  },
4230
4230
  {
4231
- "direction": "horizontal",
4232
4231
  "justify": "between",
4232
+ "direction": "horizontal",
4233
+ "type": "stack",
4233
4234
  "children": [
4234
4235
  {
4235
- "content": "Shipping Address",
4236
+ "variant": "caption",
4236
4237
  "type": "typography",
4237
- "variant": "caption"
4238
+ "content": "Shipping Address"
4238
4239
  },
4239
4240
  {
4241
+ "variant": "body",
4240
4242
  "content": "@entity.shippingAddress",
4241
- "type": "typography",
4242
- "variant": "body"
4243
+ "type": "typography"
4243
4244
  }
4244
4245
  ],
4245
- "type": "stack",
4246
4246
  "gap": "md"
4247
4247
  },
4248
4248
  {
4249
- "type": "stack",
4250
- "direction": "horizontal",
4251
- "gap": "md",
4252
- "justify": "between",
4253
4249
  "children": [
4254
4250
  {
4251
+ "variant": "caption",
4255
4252
  "type": "typography",
4256
- "content": "Payment Method",
4257
- "variant": "caption"
4253
+ "content": "Payment Method"
4258
4254
  },
4259
4255
  {
4260
- "content": "@entity.paymentMethod",
4261
4256
  "variant": "body",
4262
- "type": "typography"
4257
+ "type": "typography",
4258
+ "content": "@entity.paymentMethod"
4263
4259
  }
4264
- ]
4260
+ ],
4261
+ "direction": "horizontal",
4262
+ "type": "stack",
4263
+ "gap": "md",
4264
+ "justify": "between"
4265
4265
  },
4266
4266
  {
4267
- "gap": "md",
4268
4267
  "justify": "between",
4268
+ "type": "stack",
4269
+ "gap": "md",
4269
4270
  "children": [
4270
4271
  {
4271
- "content": "Order Total",
4272
4272
  "type": "typography",
4273
- "variant": "caption"
4273
+ "variant": "caption",
4274
+ "content": "Order Total"
4274
4275
  },
4275
4276
  {
4276
4277
  "variant": "body",
4277
- "type": "typography",
4278
- "content": "@entity.orderTotal"
4278
+ "content": "@entity.orderTotal",
4279
+ "type": "typography"
4279
4280
  }
4280
4281
  ],
4281
- "type": "stack",
4282
4282
  "direction": "horizontal"
4283
4283
  },
4284
4284
  {
4285
- "direction": "horizontal",
4286
4285
  "type": "stack",
4286
+ "direction": "horizontal",
4287
4287
  "justify": "between",
4288
4288
  "children": [
4289
4289
  {
4290
4290
  "variant": "caption",
4291
- "type": "typography",
4292
- "content": "Status"
4291
+ "content": "Status",
4292
+ "type": "typography"
4293
4293
  },
4294
4294
  {
4295
4295
  "type": "typography",
@@ -4300,18 +4300,18 @@
4300
4300
  "gap": "md"
4301
4301
  }
4302
4302
  ],
4303
- "gap": "sm",
4304
- "direction": "vertical"
4303
+ "type": "stack"
4305
4304
  },
4306
4305
  {
4307
- "showNext": false,
4308
- "showComplete": true,
4309
4306
  "type": "wizard-navigation",
4307
+ "showComplete": true,
4308
+ "showBack": true,
4309
+ "showNext": false,
4310
4310
  "currentStep": 3.0,
4311
- "totalSteps": 4.0,
4312
- "showBack": true
4311
+ "totalSteps": 4.0
4313
4312
  }
4314
- ]
4313
+ ],
4314
+ "gap": "lg"
4315
4315
  }
4316
4316
  ]
4317
4317
  }
@@ -4338,53 +4338,29 @@
4338
4338
  "main",
4339
4339
  {
4340
4340
  "appName": "EcommerceApp",
4341
- "type": "dashboard-layout",
4342
- "navItems": [
4343
- {
4344
- "label": "Products",
4345
- "icon": "package",
4346
- "href": "/products"
4347
- },
4348
- {
4349
- "icon": "shopping-cart",
4350
- "href": "/cart",
4351
- "label": "Cart"
4352
- },
4353
- {
4354
- "icon": "credit-card",
4355
- "label": "Checkout",
4356
- "href": "/checkout"
4357
- },
4358
- {
4359
- "href": "/orders",
4360
- "icon": "clipboard-list",
4361
- "label": "Orders"
4362
- }
4363
- ],
4364
4341
  "children": [
4365
4342
  {
4366
- "maxWidth": "lg",
4367
4343
  "children": [
4368
4344
  {
4345
+ "direction": "vertical",
4369
4346
  "gap": "lg",
4370
- "type": "stack",
4371
4347
  "children": [
4372
4348
  {
4349
+ "gap": "sm",
4350
+ "type": "stack",
4351
+ "align": "center",
4352
+ "direction": "horizontal",
4373
4353
  "children": [
4374
4354
  {
4375
- "name": "credit-card",
4376
- "type": "icon"
4355
+ "type": "icon",
4356
+ "name": "credit-card"
4377
4357
  },
4378
4358
  {
4379
- "variant": "h2",
4380
4359
  "type": "typography",
4360
+ "variant": "h2",
4381
4361
  "content": "Checkout"
4382
4362
  }
4383
- ],
4384
- "type": "stack",
4385
- "align": "center",
4386
- "direction": "horizontal",
4387
- "gap": "sm"
4363
+ ]
4388
4364
  },
4389
4365
  {
4390
4366
  "type": "progress-dots",
@@ -4404,48 +4380,72 @@
4404
4380
  "type": "divider"
4405
4381
  },
4406
4382
  {
4407
- "content": "Shipping",
4408
4383
  "variant": "h3",
4384
+ "content": "Shipping",
4409
4385
  "type": "typography"
4410
4386
  },
4411
4387
  {
4412
- "submitEvent": "NEXT",
4388
+ "mode": "create",
4413
4389
  "cancelEvent": "PREV",
4414
4390
  "fields": [
4415
4391
  "shippingAddress"
4416
4392
  ],
4417
4393
  "type": "form-section",
4418
- "mode": "create"
4394
+ "submitEvent": "NEXT"
4419
4395
  },
4420
4396
  {
4397
+ "type": "stack",
4421
4398
  "gap": "sm",
4399
+ "justify": "end",
4400
+ "direction": "horizontal",
4422
4401
  "children": [
4423
4402
  {
4424
- "type": "button",
4425
- "label": "Back",
4426
- "action": "PREV",
4427
4403
  "icon": "arrow-left",
4428
- "variant": "ghost"
4404
+ "variant": "ghost",
4405
+ "action": "PREV",
4406
+ "type": "button",
4407
+ "label": "Back"
4429
4408
  },
4430
4409
  {
4431
- "label": "Next",
4432
- "type": "button",
4433
- "action": "NEXT",
4434
4410
  "variant": "primary",
4435
- "icon": "arrow-right"
4411
+ "type": "button",
4412
+ "icon": "arrow-right",
4413
+ "label": "Next",
4414
+ "action": "NEXT"
4436
4415
  }
4437
- ],
4438
- "type": "stack",
4439
- "direction": "horizontal",
4440
- "justify": "end"
4416
+ ]
4441
4417
  }
4442
4418
  ],
4443
- "direction": "vertical"
4419
+ "type": "stack"
4444
4420
  }
4445
4421
  ],
4446
4422
  "type": "container",
4423
+ "maxWidth": "lg",
4447
4424
  "padding": "lg"
4448
4425
  }
4426
+ ],
4427
+ "type": "dashboard-layout",
4428
+ "navItems": [
4429
+ {
4430
+ "icon": "package",
4431
+ "label": "Products",
4432
+ "href": "/products"
4433
+ },
4434
+ {
4435
+ "href": "/cart",
4436
+ "label": "Cart",
4437
+ "icon": "shopping-cart"
4438
+ },
4439
+ {
4440
+ "href": "/checkout",
4441
+ "icon": "credit-card",
4442
+ "label": "Checkout"
4443
+ },
4444
+ {
4445
+ "icon": "clipboard-list",
4446
+ "label": "Orders",
4447
+ "href": "/orders"
4448
+ }
4449
4449
  ]
4450
4450
  }
4451
4451
  ]
@@ -4461,8 +4461,8 @@
4461
4461
  "Checkout",
4462
4462
  {
4463
4463
  "emit": {
4464
- "failure": "CheckoutLoadFailed",
4465
- "success": "CheckoutLoaded"
4464
+ "success": "CheckoutLoaded",
4465
+ "failure": "CheckoutLoadFailed"
4466
4466
  }
4467
4467
  }
4468
4468
  ],
@@ -4470,42 +4470,42 @@
4470
4470
  "render-ui",
4471
4471
  "main",
4472
4472
  {
4473
+ "type": "dashboard-layout",
4473
4474
  "appName": "EcommerceApp",
4474
4475
  "children": [
4475
4476
  {
4476
- "maxWidth": "lg",
4477
4477
  "padding": "lg",
4478
4478
  "type": "container",
4479
+ "maxWidth": "lg",
4479
4480
  "children": [
4480
4481
  {
4481
- "direction": "vertical",
4482
- "gap": "lg",
4482
+ "type": "stack",
4483
4483
  "children": [
4484
4484
  {
4485
4485
  "type": "stack",
4486
+ "direction": "horizontal",
4487
+ "gap": "sm",
4488
+ "align": "center",
4486
4489
  "children": [
4487
4490
  {
4488
- "type": "icon",
4489
- "name": "credit-card"
4491
+ "name": "credit-card",
4492
+ "type": "icon"
4490
4493
  },
4491
4494
  {
4492
- "variant": "h2",
4493
4495
  "content": "Checkout",
4496
+ "variant": "h2",
4494
4497
  "type": "typography"
4495
4498
  }
4496
- ],
4497
- "direction": "horizontal",
4498
- "align": "center",
4499
- "gap": "sm"
4499
+ ]
4500
4500
  },
4501
4501
  {
4502
4502
  "currentIndex": 2.0,
4503
- "type": "progress-dots",
4504
- "count": 3.0
4503
+ "count": 3.0,
4504
+ "type": "progress-dots"
4505
4505
  },
4506
4506
  {
4507
- "currentStep": 2.0,
4508
4507
  "type": "wizard-progress",
4508
+ "currentStep": 2.0,
4509
4509
  "steps": [
4510
4510
  "Customer Info",
4511
4511
  "Shipping",
@@ -4516,48 +4516,48 @@
4516
4516
  "type": "divider"
4517
4517
  },
4518
4518
  {
4519
- "content": "Payment",
4519
+ "variant": "h3",
4520
4520
  "type": "typography",
4521
- "variant": "h3"
4521
+ "content": "Payment"
4522
4522
  },
4523
4523
  {
4524
- "cancelEvent": "PREV",
4525
4524
  "mode": "create",
4525
+ "submitEvent": "NEXT",
4526
+ "cancelEvent": "PREV",
4526
4527
  "type": "form-section",
4527
4528
  "fields": [
4528
4529
  "paymentMethod"
4529
- ],
4530
- "submitEvent": "NEXT"
4530
+ ]
4531
4531
  },
4532
4532
  {
4533
- "direction": "horizontal",
4534
- "type": "stack",
4535
4533
  "children": [
4536
4534
  {
4537
- "type": "button",
4538
- "icon": "arrow-left",
4535
+ "variant": "ghost",
4539
4536
  "label": "Back",
4537
+ "type": "button",
4540
4538
  "action": "PREV",
4541
- "variant": "ghost"
4539
+ "icon": "arrow-left"
4542
4540
  },
4543
4541
  {
4544
- "type": "button",
4545
- "label": "Next",
4546
4542
  "action": "NEXT",
4543
+ "icon": "arrow-right",
4544
+ "type": "button",
4547
4545
  "variant": "primary",
4548
- "icon": "arrow-right"
4546
+ "label": "Next"
4549
4547
  }
4550
4548
  ],
4549
+ "direction": "horizontal",
4551
4550
  "justify": "end",
4551
+ "type": "stack",
4552
4552
  "gap": "sm"
4553
4553
  }
4554
4554
  ],
4555
- "type": "stack"
4555
+ "direction": "vertical",
4556
+ "gap": "lg"
4556
4557
  }
4557
4558
  ]
4558
4559
  }
4559
4560
  ],
4560
- "type": "dashboard-layout",
4561
4561
  "navItems": [
4562
4562
  {
4563
4563
  "icon": "package",
@@ -4565,19 +4565,19 @@
4565
4565
  "href": "/products"
4566
4566
  },
4567
4567
  {
4568
- "icon": "shopping-cart",
4568
+ "href": "/cart",
4569
4569
  "label": "Cart",
4570
- "href": "/cart"
4570
+ "icon": "shopping-cart"
4571
4571
  },
4572
4572
  {
4573
- "href": "/checkout",
4574
4573
  "icon": "credit-card",
4574
+ "href": "/checkout",
4575
4575
  "label": "Checkout"
4576
4576
  },
4577
4577
  {
4578
- "icon": "clipboard-list",
4579
4578
  "label": "Orders",
4580
- "href": "/orders"
4579
+ "href": "/orders",
4580
+ "icon": "clipboard-list"
4581
4581
  }
4582
4582
  ]
4583
4583
  }
@@ -4610,59 +4610,59 @@
4610
4610
  "render-ui",
4611
4611
  "main",
4612
4612
  {
4613
- "type": "dashboard-layout",
4614
- "appName": "EcommerceApp",
4615
4613
  "children": [
4616
4614
  {
4617
- "align": "center",
4618
4615
  "type": "stack",
4619
- "direction": "vertical",
4620
- "gap": "lg",
4616
+ "align": "center",
4621
4617
  "children": [
4622
4618
  {
4623
- "name": "check-circle",
4624
- "type": "icon"
4619
+ "type": "icon",
4620
+ "name": "check-circle"
4625
4621
  },
4626
4622
  {
4627
- "variant": "h2",
4628
4623
  "type": "typography",
4624
+ "variant": "h2",
4629
4625
  "content": "Order Placed"
4630
4626
  },
4631
4627
  {
4632
- "type": "typography",
4628
+ "content": "Your order has been placed successfully.",
4633
4629
  "variant": "body",
4634
- "content": "Your order has been placed successfully."
4630
+ "type": "typography"
4635
4631
  },
4636
4632
  {
4637
4633
  "variant": "primary",
4634
+ "icon": "refresh-cw",
4638
4635
  "label": "Start New",
4639
4636
  "action": "RESTART",
4640
- "type": "button",
4641
- "icon": "refresh-cw"
4637
+ "type": "button"
4642
4638
  }
4643
- ]
4639
+ ],
4640
+ "gap": "lg",
4641
+ "direction": "vertical"
4644
4642
  }
4645
4643
  ],
4644
+ "appName": "EcommerceApp",
4645
+ "type": "dashboard-layout",
4646
4646
  "navItems": [
4647
4647
  {
4648
- "label": "Products",
4649
4648
  "href": "/products",
4649
+ "label": "Products",
4650
4650
  "icon": "package"
4651
4651
  },
4652
4652
  {
4653
- "icon": "shopping-cart",
4653
+ "href": "/cart",
4654
4654
  "label": "Cart",
4655
- "href": "/cart"
4655
+ "icon": "shopping-cart"
4656
4656
  },
4657
4657
  {
4658
+ "href": "/checkout",
4658
4659
  "label": "Checkout",
4659
- "icon": "credit-card",
4660
- "href": "/checkout"
4660
+ "icon": "credit-card"
4661
4661
  },
4662
4662
  {
4663
+ "label": "Orders",
4663
4664
  "icon": "clipboard-list",
4664
- "href": "/orders",
4665
- "label": "Orders"
4665
+ "href": "/orders"
4666
4666
  }
4667
4667
  ]
4668
4668
  }
@@ -4679,8 +4679,8 @@
4679
4679
  "Checkout",
4680
4680
  {
4681
4681
  "emit": {
4682
- "success": "CheckoutLoaded",
4683
- "failure": "CheckoutLoadFailed"
4682
+ "failure": "CheckoutLoadFailed",
4683
+ "success": "CheckoutLoaded"
4684
4684
  }
4685
4685
  }
4686
4686
  ],
@@ -4688,30 +4688,54 @@
4688
4688
  "render-ui",
4689
4689
  "main",
4690
4690
  {
4691
+ "navItems": [
4692
+ {
4693
+ "icon": "package",
4694
+ "href": "/products",
4695
+ "label": "Products"
4696
+ },
4697
+ {
4698
+ "label": "Cart",
4699
+ "href": "/cart",
4700
+ "icon": "shopping-cart"
4701
+ },
4702
+ {
4703
+ "href": "/checkout",
4704
+ "icon": "credit-card",
4705
+ "label": "Checkout"
4706
+ },
4707
+ {
4708
+ "icon": "clipboard-list",
4709
+ "href": "/orders",
4710
+ "label": "Orders"
4711
+ }
4712
+ ],
4713
+ "type": "dashboard-layout",
4691
4714
  "appName": "EcommerceApp",
4692
4715
  "children": [
4693
4716
  {
4694
- "type": "container",
4695
- "padding": "lg",
4696
4717
  "children": [
4697
4718
  {
4719
+ "direction": "vertical",
4720
+ "gap": "lg",
4721
+ "type": "stack",
4698
4722
  "children": [
4699
4723
  {
4724
+ "align": "center",
4700
4725
  "gap": "sm",
4701
4726
  "type": "stack",
4702
4727
  "direction": "horizontal",
4703
4728
  "children": [
4704
4729
  {
4705
- "type": "icon",
4706
- "name": "credit-card"
4730
+ "name": "credit-card",
4731
+ "type": "icon"
4707
4732
  },
4708
4733
  {
4709
- "variant": "h2",
4734
+ "content": "Checkout",
4710
4735
  "type": "typography",
4711
- "content": "Checkout"
4736
+ "variant": "h2"
4712
4737
  }
4713
- ],
4714
- "align": "center"
4738
+ ]
4715
4739
  },
4716
4740
  {
4717
4741
  "type": "progress-dots",
@@ -4719,13 +4743,13 @@
4719
4743
  "currentIndex": 0.0
4720
4744
  },
4721
4745
  {
4746
+ "currentStep": 0.0,
4722
4747
  "type": "wizard-progress",
4723
4748
  "steps": [
4724
4749
  "Customer Info",
4725
4750
  "Shipping",
4726
4751
  "Payment"
4727
- ],
4728
- "currentStep": 0.0
4752
+ ]
4729
4753
  },
4730
4754
  {
4731
4755
  "type": "divider"
@@ -4736,61 +4760,37 @@
4736
4760
  "variant": "h3"
4737
4761
  },
4738
4762
  {
4739
- "cancelEvent": "INIT",
4740
4763
  "fields": [
4741
4764
  "customerName",
4742
4765
  "email"
4743
4766
  ],
4744
- "submitEvent": "NEXT",
4745
4767
  "mode": "create",
4746
- "type": "form-section"
4768
+ "type": "form-section",
4769
+ "submitEvent": "NEXT",
4770
+ "cancelEvent": "INIT"
4747
4771
  },
4748
4772
  {
4749
- "gap": "sm",
4750
4773
  "type": "stack",
4774
+ "gap": "sm",
4751
4775
  "justify": "end",
4752
4776
  "children": [
4753
4777
  {
4778
+ "label": "Next",
4779
+ "icon": "arrow-right",
4754
4780
  "type": "button",
4755
4781
  "action": "NEXT",
4756
- "icon": "arrow-right",
4757
- "label": "Next",
4758
4782
  "variant": "primary"
4759
4783
  }
4760
4784
  ],
4761
4785
  "direction": "horizontal"
4762
4786
  }
4763
- ],
4764
- "type": "stack",
4765
- "direction": "vertical",
4766
- "gap": "lg"
4787
+ ]
4767
4788
  }
4768
4789
  ],
4790
+ "type": "container",
4791
+ "padding": "lg",
4769
4792
  "maxWidth": "lg"
4770
4793
  }
4771
- ],
4772
- "type": "dashboard-layout",
4773
- "navItems": [
4774
- {
4775
- "label": "Products",
4776
- "href": "/products",
4777
- "icon": "package"
4778
- },
4779
- {
4780
- "icon": "shopping-cart",
4781
- "label": "Cart",
4782
- "href": "/cart"
4783
- },
4784
- {
4785
- "label": "Checkout",
4786
- "icon": "credit-card",
4787
- "href": "/checkout"
4788
- },
4789
- {
4790
- "icon": "clipboard-list",
4791
- "label": "Orders",
4792
- "href": "/orders"
4793
- }
4794
4794
  ]
4795
4795
  }
4796
4796
  ]
@@ -4806,8 +4806,8 @@
4806
4806
  "Checkout",
4807
4807
  {
4808
4808
  "emit": {
4809
- "success": "CheckoutLoaded",
4810
- "failure": "CheckoutLoadFailed"
4809
+ "failure": "CheckoutLoadFailed",
4810
+ "success": "CheckoutLoaded"
4811
4811
  }
4812
4812
  }
4813
4813
  ],
@@ -4815,108 +4815,108 @@
4815
4815
  "render-ui",
4816
4816
  "main",
4817
4817
  {
4818
+ "type": "dashboard-layout",
4819
+ "navItems": [
4820
+ {
4821
+ "icon": "package",
4822
+ "href": "/products",
4823
+ "label": "Products"
4824
+ },
4825
+ {
4826
+ "href": "/cart",
4827
+ "icon": "shopping-cart",
4828
+ "label": "Cart"
4829
+ },
4830
+ {
4831
+ "href": "/checkout",
4832
+ "icon": "credit-card",
4833
+ "label": "Checkout"
4834
+ },
4835
+ {
4836
+ "href": "/orders",
4837
+ "icon": "clipboard-list",
4838
+ "label": "Orders"
4839
+ }
4840
+ ],
4818
4841
  "appName": "EcommerceApp",
4819
4842
  "children": [
4820
4843
  {
4821
- "type": "container",
4822
- "maxWidth": "lg",
4823
- "padding": "lg",
4824
4844
  "children": [
4825
4845
  {
4826
- "gap": "lg",
4827
- "direction": "vertical",
4828
4846
  "type": "stack",
4847
+ "direction": "vertical",
4848
+ "gap": "lg",
4829
4849
  "children": [
4830
4850
  {
4831
- "type": "stack",
4851
+ "align": "center",
4832
4852
  "children": [
4833
4853
  {
4834
- "type": "icon",
4835
- "name": "credit-card"
4854
+ "name": "credit-card",
4855
+ "type": "icon"
4836
4856
  },
4837
4857
  {
4858
+ "type": "typography",
4838
4859
  "variant": "h2",
4839
- "content": "Checkout",
4840
- "type": "typography"
4860
+ "content": "Checkout"
4841
4861
  }
4842
4862
  ],
4843
- "align": "center",
4844
- "direction": "horizontal",
4845
- "gap": "sm"
4863
+ "gap": "sm",
4864
+ "type": "stack",
4865
+ "direction": "horizontal"
4846
4866
  },
4847
4867
  {
4868
+ "type": "progress-dots",
4848
4869
  "count": 3.0,
4849
- "currentIndex": 0.0,
4850
- "type": "progress-dots"
4870
+ "currentIndex": 0.0
4851
4871
  },
4852
4872
  {
4853
- "currentStep": 0.0,
4873
+ "type": "wizard-progress",
4854
4874
  "steps": [
4855
4875
  "Customer Info",
4856
4876
  "Shipping",
4857
4877
  "Payment"
4858
4878
  ],
4859
- "type": "wizard-progress"
4879
+ "currentStep": 0.0
4860
4880
  },
4861
4881
  {
4862
4882
  "type": "divider"
4863
4883
  },
4864
4884
  {
4885
+ "variant": "h3",
4865
4886
  "type": "typography",
4866
- "content": "Customer Info",
4867
- "variant": "h3"
4887
+ "content": "Customer Info"
4868
4888
  },
4869
4889
  {
4870
- "submitEvent": "NEXT",
4871
4890
  "type": "form-section",
4872
- "cancelEvent": "INIT",
4873
4891
  "fields": [
4874
4892
  "customerName",
4875
4893
  "email"
4876
4894
  ],
4877
- "mode": "create"
4895
+ "cancelEvent": "INIT",
4896
+ "mode": "create",
4897
+ "submitEvent": "NEXT"
4878
4898
  },
4879
4899
  {
4880
4900
  "children": [
4881
4901
  {
4882
- "label": "Next",
4883
4902
  "action": "NEXT",
4884
- "type": "button",
4903
+ "label": "Next",
4885
4904
  "variant": "primary",
4905
+ "type": "button",
4886
4906
  "icon": "arrow-right"
4887
4907
  }
4888
4908
  ],
4909
+ "direction": "horizontal",
4889
4910
  "justify": "end",
4890
- "type": "stack",
4891
4911
  "gap": "sm",
4892
- "direction": "horizontal"
4912
+ "type": "stack"
4893
4913
  }
4894
4914
  ]
4895
4915
  }
4896
- ]
4897
- }
4898
- ],
4899
- "type": "dashboard-layout",
4900
- "navItems": [
4901
- {
4902
- "href": "/products",
4903
- "icon": "package",
4904
- "label": "Products"
4905
- },
4906
- {
4907
- "icon": "shopping-cart",
4908
- "href": "/cart",
4909
- "label": "Cart"
4910
- },
4911
- {
4912
- "label": "Checkout",
4913
- "icon": "credit-card",
4914
- "href": "/checkout"
4915
- },
4916
- {
4917
- "label": "Orders",
4918
- "href": "/orders",
4919
- "icon": "clipboard-list"
4916
+ ],
4917
+ "maxWidth": "lg",
4918
+ "type": "container",
4919
+ "padding": "lg"
4920
4920
  }
4921
4921
  ]
4922
4922
  }
@@ -5101,8 +5101,8 @@
5101
5101
  "OrderRecord",
5102
5102
  {
5103
5103
  "emit": {
5104
- "success": "OrderRecordLoaded",
5105
- "failure": "OrderRecordLoadFailed"
5104
+ "failure": "OrderRecordLoadFailed",
5105
+ "success": "OrderRecordLoaded"
5106
5106
  }
5107
5107
  }
5108
5108
  ],
@@ -5110,9 +5110,7 @@
5110
5110
  "render-ui",
5111
5111
  "main",
5112
5112
  {
5113
- "gap": "md",
5114
- "direction": "vertical",
5115
- "align": "center",
5113
+ "type": "stack",
5116
5114
  "className": "py-12",
5117
5115
  "children": [
5118
5116
  {
@@ -5120,12 +5118,14 @@
5120
5118
  },
5121
5119
  {
5122
5120
  "type": "typography",
5123
- "variant": "caption",
5124
5121
  "color": "muted",
5125
- "content": "Loading…"
5122
+ "content": "Loading…",
5123
+ "variant": "caption"
5126
5124
  }
5127
5125
  ],
5128
- "type": "stack"
5126
+ "direction": "vertical",
5127
+ "align": "center",
5128
+ "gap": "md"
5129
5129
  }
5130
5130
  ]
5131
5131
  ]
@@ -5142,8 +5142,8 @@
5142
5142
  "navItems": [
5143
5143
  {
5144
5144
  "label": "Products",
5145
- "href": "/products",
5146
- "icon": "package"
5145
+ "icon": "package",
5146
+ "href": "/products"
5147
5147
  },
5148
5148
  {
5149
5149
  "label": "Cart",
@@ -5152,121 +5152,121 @@
5152
5152
  },
5153
5153
  {
5154
5154
  "label": "Checkout",
5155
- "href": "/checkout",
5156
- "icon": "credit-card"
5155
+ "icon": "credit-card",
5156
+ "href": "/checkout"
5157
5157
  },
5158
5158
  {
5159
- "icon": "clipboard-list",
5160
- "label": "Orders",
5161
- "href": "/orders"
5159
+ "href": "/orders",
5160
+ "icon": "clipboard-list",
5161
+ "label": "Orders"
5162
5162
  }
5163
5163
  ],
5164
+ "type": "dashboard-layout",
5164
5165
  "appName": "EcommerceApp",
5165
5166
  "children": [
5166
5167
  {
5167
5168
  "direction": "vertical",
5168
5169
  "type": "stack",
5169
5170
  "gap": "lg",
5170
- "className": "max-w-5xl mx-auto w-full",
5171
5171
  "children": [
5172
5172
  {
5173
+ "justify": "between",
5174
+ "type": "stack",
5175
+ "gap": "md",
5176
+ "direction": "horizontal",
5173
5177
  "children": [
5174
5178
  {
5175
- "direction": "horizontal",
5176
- "type": "stack",
5179
+ "gap": "sm",
5177
5180
  "align": "center",
5181
+ "direction": "horizontal",
5178
5182
  "children": [
5179
5183
  {
5180
5184
  "name": "clipboard-list",
5181
5185
  "type": "icon"
5182
5186
  },
5183
5187
  {
5184
- "content": "Order History",
5188
+ "type": "typography",
5185
5189
  "variant": "h2",
5186
- "type": "typography"
5190
+ "content": "Order History"
5187
5191
  }
5188
5192
  ],
5189
- "gap": "sm"
5193
+ "type": "stack"
5190
5194
  },
5191
5195
  {
5196
+ "gap": "sm",
5192
5197
  "children": [
5193
5198
  {
5194
- "label": "Create OrderRecord",
5195
- "variant": "primary",
5196
5199
  "type": "button",
5197
5200
  "icon": "plus",
5201
+ "variant": "primary",
5202
+ "label": "Create OrderRecord",
5198
5203
  "action": "CREATE"
5199
5204
  }
5200
5205
  ],
5201
5206
  "type": "stack",
5202
- "direction": "horizontal",
5203
- "gap": "sm"
5207
+ "direction": "horizontal"
5204
5208
  }
5205
5209
  ],
5206
- "direction": "horizontal",
5207
- "gap": "md",
5208
- "justify": "between",
5209
- "type": "stack",
5210
5210
  "align": "center"
5211
5211
  },
5212
5212
  {
5213
5213
  "type": "divider"
5214
5214
  },
5215
5215
  {
5216
- "itemActions": [
5217
- {
5218
- "event": "VIEW",
5219
- "variant": "ghost",
5220
- "label": "View"
5221
- },
5222
- {
5223
- "event": "EDIT",
5224
- "label": "Edit",
5225
- "variant": "ghost"
5226
- },
5227
- {
5228
- "event": "DELETE",
5229
- "label": "Delete",
5230
- "variant": "danger"
5231
- }
5232
- ],
5233
5216
  "columns": [
5234
5217
  {
5235
5218
  "label": "Customer",
5219
+ "variant": "h3",
5236
5220
  "name": "customerName",
5237
- "icon": "clipboard-list",
5238
- "variant": "h3"
5221
+ "icon": "clipboard-list"
5239
5222
  },
5240
5223
  {
5241
5224
  "name": "status",
5242
5225
  "variant": "badge"
5243
5226
  },
5244
5227
  {
5245
- "variant": "h4",
5246
- "name": "orderTotal",
5247
5228
  "label": "Total",
5229
+ "name": "orderTotal",
5230
+ "variant": "h4",
5248
5231
  "format": "currency"
5249
5232
  },
5250
5233
  {
5251
- "variant": "caption",
5252
- "name": "email"
5234
+ "name": "email",
5235
+ "variant": "caption"
5253
5236
  },
5254
5237
  {
5255
- "name": "shippingAddress",
5238
+ "variant": "caption",
5256
5239
  "label": "Address",
5257
- "variant": "caption"
5240
+ "name": "shippingAddress"
5258
5241
  }
5259
5242
  ],
5260
5243
  "fields": [],
5261
- "variant": "card",
5262
5244
  "type": "data-list",
5263
5245
  "entity": "@payload.data",
5246
+ "itemActions": [
5247
+ {
5248
+ "event": "VIEW",
5249
+ "label": "View",
5250
+ "variant": "ghost"
5251
+ },
5252
+ {
5253
+ "label": "Edit",
5254
+ "event": "EDIT",
5255
+ "variant": "ghost"
5256
+ },
5257
+ {
5258
+ "label": "Delete",
5259
+ "variant": "danger",
5260
+ "event": "DELETE"
5261
+ }
5262
+ ],
5263
+ "variant": "card",
5264
5264
  "gap": "sm"
5265
5265
  }
5266
- ]
5266
+ ],
5267
+ "className": "max-w-5xl mx-auto w-full"
5267
5268
  }
5268
- ],
5269
- "type": "dashboard-layout"
5269
+ ]
5270
5270
  }
5271
5271
  ]
5272
5272
  ]
@@ -5280,36 +5280,36 @@
5280
5280
  "render-ui",
5281
5281
  "main",
5282
5282
  {
5283
- "direction": "vertical",
5284
- "type": "stack",
5285
- "gap": "md",
5286
- "className": "py-12",
5287
5283
  "children": [
5288
5284
  {
5289
- "name": "alert-triangle",
5290
5285
  "color": "destructive",
5291
- "type": "icon"
5286
+ "type": "icon",
5287
+ "name": "alert-triangle"
5292
5288
  },
5293
5289
  {
5290
+ "variant": "h3",
5294
5291
  "type": "typography",
5295
- "content": "Failed to load orderrecord",
5296
- "variant": "h3"
5292
+ "content": "Failed to load orderrecord"
5297
5293
  },
5298
5294
  {
5295
+ "content": "@payload.error",
5299
5296
  "color": "muted",
5300
- "type": "typography",
5301
5297
  "variant": "body",
5302
- "content": "@payload.error"
5298
+ "type": "typography"
5303
5299
  },
5304
5300
  {
5305
- "icon": "rotate-ccw",
5306
5301
  "action": "INIT",
5302
+ "type": "button",
5307
5303
  "variant": "primary",
5308
- "label": "Retry",
5309
- "type": "button"
5304
+ "icon": "rotate-ccw",
5305
+ "label": "Retry"
5310
5306
  }
5311
5307
  ],
5312
- "align": "center"
5308
+ "direction": "vertical",
5309
+ "type": "stack",
5310
+ "align": "center",
5311
+ "className": "py-12",
5312
+ "gap": "md"
5313
5313
  }
5314
5314
  ]
5315
5315
  ]
@@ -5485,8 +5485,8 @@
5485
5485
  "OrderRecord",
5486
5486
  {
5487
5487
  "emit": {
5488
- "failure": "OrderRecordLoadFailed",
5489
- "success": "OrderRecordLoaded"
5488
+ "success": "OrderRecordLoaded",
5489
+ "failure": "OrderRecordLoadFailed"
5490
5490
  }
5491
5491
  }
5492
5492
  ],
@@ -5494,15 +5494,16 @@
5494
5494
  "render-ui",
5495
5495
  "modal",
5496
5496
  {
5497
- "type": "stack",
5498
5497
  "gap": "md",
5499
- "direction": "vertical",
5498
+ "type": "stack",
5500
5499
  "children": [
5501
5500
  {
5501
+ "type": "stack",
5502
+ "direction": "horizontal",
5502
5503
  "children": [
5503
5504
  {
5504
- "name": "plus-circle",
5505
- "type": "icon"
5505
+ "type": "icon",
5506
+ "name": "plus-circle"
5506
5507
  },
5507
5508
  {
5508
5509
  "variant": "h3",
@@ -5510,8 +5511,6 @@
5510
5511
  "content": "Create OrderRecord"
5511
5512
  }
5512
5513
  ],
5513
- "type": "stack",
5514
- "direction": "horizontal",
5515
5514
  "gap": "sm"
5516
5515
  },
5517
5516
  {
@@ -5519,8 +5518,6 @@
5519
5518
  },
5520
5519
  {
5521
5520
  "mode": "create",
5522
- "type": "form-section",
5523
- "submitEvent": "SAVE",
5524
5521
  "fields": [
5525
5522
  "customerName",
5526
5523
  "email",
@@ -5529,9 +5526,12 @@
5529
5526
  "orderTotal",
5530
5527
  "status"
5531
5528
  ],
5529
+ "submitEvent": "SAVE",
5530
+ "type": "form-section",
5532
5531
  "cancelEvent": "CLOSE"
5533
5532
  }
5534
- ]
5533
+ ],
5534
+ "direction": "vertical"
5535
5535
  }
5536
5536
  ]
5537
5537
  ]
@@ -5777,8 +5777,8 @@
5777
5777
  {
5778
5778
  "id": "@payload.id",
5779
5779
  "emit": {
5780
- "failure": "OrderRecordLoadFailed",
5781
- "success": "OrderRecordLoaded"
5780
+ "success": "OrderRecordLoaded",
5781
+ "failure": "OrderRecordLoadFailed"
5782
5782
  }
5783
5783
  }
5784
5784
  ],
@@ -5786,31 +5786,29 @@
5786
5786
  "render-ui",
5787
5787
  "modal",
5788
5788
  {
5789
- "gap": "md",
5790
5789
  "children": [
5791
5790
  {
5792
- "direction": "horizontal",
5793
- "gap": "sm",
5791
+ "type": "stack",
5794
5792
  "children": [
5795
5793
  {
5796
- "type": "icon",
5797
- "name": "edit"
5794
+ "name": "edit",
5795
+ "type": "icon"
5798
5796
  },
5799
5797
  {
5800
- "variant": "h3",
5798
+ "type": "typography",
5801
5799
  "content": "Edit OrderRecord",
5802
- "type": "typography"
5800
+ "variant": "h3"
5803
5801
  }
5804
5802
  ],
5805
- "type": "stack"
5803
+ "direction": "horizontal",
5804
+ "gap": "sm"
5806
5805
  },
5807
5806
  {
5808
5807
  "type": "divider"
5809
5808
  },
5810
5809
  {
5811
5810
  "mode": "edit",
5812
- "cancelEvent": "CLOSE",
5813
- "submitEvent": "SAVE",
5811
+ "type": "form-section",
5814
5812
  "fields": [
5815
5813
  "customerName",
5816
5814
  "email",
@@ -5819,12 +5817,14 @@
5819
5817
  "orderTotal",
5820
5818
  "status"
5821
5819
  ],
5822
- "entity": "@payload.row",
5823
- "type": "form-section"
5820
+ "submitEvent": "SAVE",
5821
+ "cancelEvent": "CLOSE",
5822
+ "entity": "@payload.row"
5824
5823
  }
5825
5824
  ],
5826
- "type": "stack",
5827
- "direction": "vertical"
5825
+ "direction": "vertical",
5826
+ "gap": "md",
5827
+ "type": "stack"
5828
5828
  }
5829
5829
  ]
5830
5830
  ]
@@ -6003,21 +6003,23 @@
6003
6003
  "fetch",
6004
6004
  "OrderRecord",
6005
6005
  {
6006
+ "id": "@payload.id",
6006
6007
  "emit": {
6007
6008
  "success": "OrderRecordLoaded",
6008
6009
  "failure": "OrderRecordLoadFailed"
6009
- },
6010
- "id": "@payload.id"
6010
+ }
6011
6011
  }
6012
6012
  ],
6013
6013
  [
6014
6014
  "render-ui",
6015
6015
  "modal",
6016
6016
  {
6017
+ "type": "stack",
6017
6018
  "direction": "vertical",
6018
6019
  "children": [
6019
6020
  {
6020
- "gap": "sm",
6021
+ "direction": "horizontal",
6022
+ "align": "center",
6021
6023
  "children": [
6022
6024
  {
6023
6025
  "name": "eye",
@@ -6025,29 +6027,28 @@
6025
6027
  },
6026
6028
  {
6027
6029
  "variant": "h3",
6028
- "content": "@entity.customerName",
6029
- "type": "typography"
6030
+ "type": "typography",
6031
+ "content": "@entity.customerName"
6030
6032
  }
6031
6033
  ],
6032
- "type": "stack",
6033
- "direction": "horizontal",
6034
- "align": "center"
6034
+ "gap": "sm",
6035
+ "type": "stack"
6035
6036
  },
6036
6037
  {
6037
6038
  "type": "divider"
6038
6039
  },
6039
6040
  {
6040
- "gap": "md",
6041
6041
  "type": "stack",
6042
+ "gap": "md",
6042
6043
  "children": [
6043
6044
  {
6044
- "type": "typography",
6045
+ "content": "Customer Name",
6045
6046
  "variant": "caption",
6046
- "content": "Customer Name"
6047
+ "type": "typography"
6047
6048
  },
6048
6049
  {
6049
- "variant": "body",
6050
6050
  "content": "@entity.customerName",
6051
+ "variant": "body",
6051
6052
  "type": "typography"
6052
6053
  }
6053
6054
  ],
@@ -6059,41 +6060,41 @@
6059
6060
  "gap": "md",
6060
6061
  "children": [
6061
6062
  {
6063
+ "variant": "caption",
6062
6064
  "content": "Email",
6063
- "type": "typography",
6064
- "variant": "caption"
6065
+ "type": "typography"
6065
6066
  },
6066
6067
  {
6068
+ "variant": "body",
6067
6069
  "content": "@entity.email",
6068
- "type": "typography",
6069
- "variant": "body"
6070
+ "type": "typography"
6070
6071
  }
6071
6072
  ]
6072
6073
  },
6073
6074
  {
6074
6075
  "direction": "horizontal",
6076
+ "type": "stack",
6077
+ "gap": "md",
6075
6078
  "children": [
6076
6079
  {
6077
- "type": "typography",
6080
+ "variant": "caption",
6078
6081
  "content": "Shipping Address",
6079
- "variant": "caption"
6082
+ "type": "typography"
6080
6083
  },
6081
6084
  {
6082
- "type": "typography",
6083
6085
  "variant": "body",
6084
- "content": "@entity.shippingAddress"
6086
+ "content": "@entity.shippingAddress",
6087
+ "type": "typography"
6085
6088
  }
6086
- ],
6087
- "gap": "md",
6088
- "type": "stack"
6089
+ ]
6089
6090
  },
6090
6091
  {
6091
- "direction": "horizontal",
6092
6092
  "type": "stack",
6093
+ "direction": "horizontal",
6093
6094
  "children": [
6094
6095
  {
6095
- "type": "typography",
6096
6096
  "content": "Payment Method",
6097
+ "type": "typography",
6097
6098
  "variant": "caption"
6098
6099
  },
6099
6100
  {
@@ -6105,65 +6106,64 @@
6105
6106
  "gap": "md"
6106
6107
  },
6107
6108
  {
6108
- "gap": "md",
6109
+ "type": "stack",
6110
+ "direction": "horizontal",
6109
6111
  "children": [
6110
6112
  {
6111
- "content": "Order Total",
6113
+ "variant": "caption",
6112
6114
  "type": "typography",
6113
- "variant": "caption"
6115
+ "content": "Order Total"
6114
6116
  },
6115
6117
  {
6116
6118
  "type": "typography",
6117
- "variant": "body",
6118
- "content": "@entity.orderTotal"
6119
+ "content": "@entity.orderTotal",
6120
+ "variant": "body"
6119
6121
  }
6120
6122
  ],
6121
- "direction": "horizontal",
6122
- "type": "stack"
6123
+ "gap": "md"
6123
6124
  },
6124
6125
  {
6125
6126
  "direction": "horizontal",
6126
- "gap": "md",
6127
6127
  "children": [
6128
6128
  {
6129
- "type": "typography",
6130
6129
  "variant": "caption",
6131
- "content": "Status"
6130
+ "content": "Status",
6131
+ "type": "typography"
6132
6132
  },
6133
6133
  {
6134
6134
  "type": "typography",
6135
- "content": "@entity.status",
6136
- "variant": "body"
6135
+ "variant": "body",
6136
+ "content": "@entity.status"
6137
6137
  }
6138
6138
  ],
6139
+ "gap": "md",
6139
6140
  "type": "stack"
6140
6141
  },
6141
6142
  {
6142
6143
  "type": "divider"
6143
6144
  },
6144
6145
  {
6146
+ "type": "stack",
6147
+ "gap": "sm",
6148
+ "justify": "end",
6149
+ "direction": "horizontal",
6145
6150
  "children": [
6146
6151
  {
6147
6152
  "type": "button",
6148
- "variant": "primary",
6149
6153
  "action": "EDIT",
6150
6154
  "icon": "edit",
6151
- "label": "Edit"
6155
+ "label": "Edit",
6156
+ "variant": "primary"
6152
6157
  },
6153
6158
  {
6154
- "label": "Close",
6155
6159
  "type": "button",
6160
+ "label": "Close",
6156
6161
  "variant": "ghost",
6157
6162
  "action": "CLOSE"
6158
6163
  }
6159
- ],
6160
- "justify": "end",
6161
- "direction": "horizontal",
6162
- "gap": "sm",
6163
- "type": "stack"
6164
+ ]
6164
6165
  }
6165
6166
  ],
6166
- "type": "stack",
6167
6167
  "gap": "md"
6168
6168
  }
6169
6169
  ]
@@ -6402,25 +6402,25 @@
6402
6402
  "render-ui",
6403
6403
  "modal",
6404
6404
  {
6405
- "type": "stack",
6405
+ "gap": "md",
6406
6406
  "direction": "vertical",
6407
6407
  "children": [
6408
6408
  {
6409
+ "align": "center",
6409
6410
  "children": [
6410
6411
  {
6411
6412
  "name": "alert-triangle",
6412
6413
  "type": "icon"
6413
6414
  },
6414
6415
  {
6416
+ "content": "Delete OrderRecord",
6415
6417
  "type": "typography",
6416
- "variant": "h3",
6417
- "content": "Delete OrderRecord"
6418
+ "variant": "h3"
6418
6419
  }
6419
6420
  ],
6420
6421
  "type": "stack",
6421
- "gap": "sm",
6422
- "align": "center",
6423
- "direction": "horizontal"
6422
+ "direction": "horizontal",
6423
+ "gap": "sm"
6424
6424
  },
6425
6425
  {
6426
6426
  "type": "divider"
@@ -6431,28 +6431,28 @@
6431
6431
  "message": "This action cannot be undone."
6432
6432
  },
6433
6433
  {
6434
+ "type": "stack",
6435
+ "direction": "horizontal",
6436
+ "justify": "end",
6434
6437
  "children": [
6435
6438
  {
6436
6439
  "label": "Cancel",
6437
- "variant": "ghost",
6438
6440
  "action": "CANCEL",
6441
+ "variant": "ghost",
6439
6442
  "type": "button"
6440
6443
  },
6441
6444
  {
6442
- "type": "button",
6443
- "label": "Delete",
6444
6445
  "action": "CONFIRM_DELETE",
6446
+ "variant": "danger",
6447
+ "label": "Delete",
6445
6448
  "icon": "check",
6446
- "variant": "danger"
6449
+ "type": "button"
6447
6450
  }
6448
6451
  ],
6449
- "gap": "sm",
6450
- "type": "stack",
6451
- "direction": "horizontal",
6452
- "justify": "end"
6452
+ "gap": "sm"
6453
6453
  }
6454
6454
  ],
6455
- "gap": "md"
6455
+ "type": "stack"
6456
6456
  }
6457
6457
  ]
6458
6458
  ]
@@ -6572,4 +6572,4 @@
6572
6572
  ]
6573
6573
  }
6574
6574
  ]
6575
- }
6575
+ }