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