@almadar/std 3.2.1 → 3.2.3

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 (295) hide show
  1. package/behaviors/exports/atoms/std-async.orb +41 -24
  2. package/behaviors/exports/atoms/std-browse.orb +44 -44
  3. package/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  4. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  5. package/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  6. package/behaviors/exports/atoms/std-collision.orb +278 -206
  7. package/behaviors/exports/atoms/std-combat-log.orb +6 -1
  8. package/behaviors/exports/atoms/std-combat.orb +6 -1
  9. package/behaviors/exports/atoms/std-confirmation.orb +212 -7
  10. package/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  11. package/behaviors/exports/atoms/std-display.orb +1186 -376
  12. package/behaviors/exports/atoms/std-drawer.orb +307 -101
  13. package/behaviors/exports/atoms/std-filter.orb +211 -18
  14. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  15. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  16. package/behaviors/exports/atoms/std-game-audio.orb +6 -1
  17. package/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  18. package/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  19. package/behaviors/exports/atoms/std-game-hud.orb +6 -1
  20. package/behaviors/exports/atoms/std-game-menu.orb +6 -1
  21. package/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  22. package/behaviors/exports/atoms/std-gameflow.orb +100 -5
  23. package/behaviors/exports/atoms/std-input.orb +142 -137
  24. package/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  25. package/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  26. package/behaviors/exports/atoms/std-loading.orb +149 -170
  27. package/behaviors/exports/atoms/std-modal.orb +159 -94
  28. package/behaviors/exports/atoms/std-movement.orb +401 -31
  29. package/behaviors/exports/atoms/std-notification.orb +117 -95
  30. package/behaviors/exports/atoms/std-overworld.orb +44 -16
  31. package/behaviors/exports/atoms/std-pagination.orb +44 -115
  32. package/behaviors/exports/atoms/std-physics2d.orb +6 -1
  33. package/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  34. package/behaviors/exports/atoms/std-quest.orb +309 -34
  35. package/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  36. package/behaviors/exports/atoms/std-rating.orb +328 -0
  37. package/behaviors/exports/atoms/std-score-board.orb +6 -1
  38. package/behaviors/exports/atoms/std-score.orb +252 -11
  39. package/behaviors/exports/atoms/std-search.orb +62 -47
  40. package/behaviors/exports/atoms/std-selection.orb +180 -149
  41. package/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  42. package/behaviors/exports/atoms/std-sort.orb +192 -60
  43. package/behaviors/exports/atoms/std-sprite.orb +6 -1
  44. package/behaviors/exports/atoms/std-tabs.orb +25 -15
  45. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  46. package/behaviors/exports/atoms/std-theme.orb +573 -0
  47. package/behaviors/exports/atoms/std-timer.orb +483 -91
  48. package/behaviors/exports/atoms/std-undo.orb +211 -81
  49. package/behaviors/exports/atoms/std-upload.orb +535 -0
  50. package/behaviors/exports/atoms/std-wizard.orb +677 -240
  51. package/behaviors/exports/molecules/std-builder-game.orb +49 -4
  52. package/behaviors/exports/molecules/std-cart.orb +325 -102
  53. package/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  54. package/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  55. package/behaviors/exports/molecules/std-detail.orb +52 -48
  56. package/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  57. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  58. package/behaviors/exports/molecules/std-geospatial.orb +70 -51
  59. package/behaviors/exports/molecules/std-inventory.orb +92 -53
  60. package/behaviors/exports/molecules/std-list.orb +416 -52
  61. package/behaviors/exports/molecules/std-messaging.orb +41 -49
  62. package/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  63. package/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  64. package/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  65. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  66. package/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  67. package/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  68. package/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  69. package/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  70. package/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  71. package/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  72. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  73. package/behaviors/exports/organisms/std-cms.orb +1150 -277
  74. package/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  75. package/behaviors/exports/organisms/std-crm.orb +2357 -821
  76. package/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  77. package/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  78. package/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  79. package/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  80. package/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  81. package/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  82. package/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  83. package/behaviors/exports/organisms/std-lms.orb +2548 -1192
  84. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  85. package/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  86. package/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  87. package/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  88. package/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  89. package/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  90. package/behaviors/exports/organisms/std-social-feed.orb +184 -168
  91. package/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  92. package/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  93. package/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  94. package/behaviors/exports/validation-report.json +3 -750
  95. package/behaviors/exports/verify-results.json +13 -0
  96. package/dist/behaviors/exports/atoms/std-async.orb +41 -24
  97. package/dist/behaviors/exports/atoms/std-browse.orb +44 -44
  98. package/dist/behaviors/exports/atoms/std-cache-aside.orb +256 -42
  99. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  100. package/dist/behaviors/exports/atoms/std-circuit-breaker.orb +577 -97
  101. package/dist/behaviors/exports/atoms/std-collision.orb +278 -206
  102. package/dist/behaviors/exports/atoms/std-combat-log.orb +6 -1
  103. package/dist/behaviors/exports/atoms/std-combat.orb +6 -1
  104. package/dist/behaviors/exports/atoms/std-confirmation.orb +212 -7
  105. package/dist/behaviors/exports/atoms/std-dialogue-box.orb +6 -1
  106. package/dist/behaviors/exports/atoms/std-display.orb +1186 -376
  107. package/dist/behaviors/exports/atoms/std-drawer.orb +307 -101
  108. package/dist/behaviors/exports/atoms/std-filter.orb +211 -18
  109. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  110. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  111. package/dist/behaviors/exports/atoms/std-game-audio.orb +6 -1
  112. package/dist/behaviors/exports/atoms/std-game-canvas2d.orb +6 -1
  113. package/dist/behaviors/exports/atoms/std-game-canvas3d.orb +6 -1
  114. package/dist/behaviors/exports/atoms/std-game-hud.orb +6 -1
  115. package/dist/behaviors/exports/atoms/std-game-menu.orb +6 -1
  116. package/dist/behaviors/exports/atoms/std-game-over-screen.orb +6 -1
  117. package/dist/behaviors/exports/atoms/std-gameflow.orb +100 -5
  118. package/dist/behaviors/exports/atoms/std-input.orb +142 -137
  119. package/dist/behaviors/exports/atoms/std-inventory-panel.orb +6 -1
  120. package/dist/behaviors/exports/atoms/std-isometric-canvas.orb +6 -1
  121. package/dist/behaviors/exports/atoms/std-loading.orb +149 -170
  122. package/dist/behaviors/exports/atoms/std-modal.orb +159 -94
  123. package/dist/behaviors/exports/atoms/std-movement.orb +401 -31
  124. package/dist/behaviors/exports/atoms/std-notification.orb +117 -95
  125. package/dist/behaviors/exports/atoms/std-overworld.orb +44 -16
  126. package/dist/behaviors/exports/atoms/std-pagination.orb +44 -115
  127. package/dist/behaviors/exports/atoms/std-physics2d.orb +6 -1
  128. package/dist/behaviors/exports/atoms/std-platformer-canvas.orb +6 -1
  129. package/dist/behaviors/exports/atoms/std-quest.orb +309 -34
  130. package/dist/behaviors/exports/atoms/std-rate-limiter.orb +410 -157
  131. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  132. package/dist/behaviors/exports/atoms/std-score-board.orb +6 -1
  133. package/dist/behaviors/exports/atoms/std-score.orb +252 -11
  134. package/dist/behaviors/exports/atoms/std-search.orb +62 -47
  135. package/dist/behaviors/exports/atoms/std-selection.orb +180 -149
  136. package/dist/behaviors/exports/atoms/std-simulation-canvas.orb +6 -1
  137. package/dist/behaviors/exports/atoms/std-sort.orb +192 -60
  138. package/dist/behaviors/exports/atoms/std-sprite.orb +6 -1
  139. package/dist/behaviors/exports/atoms/std-tabs.orb +25 -15
  140. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  141. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  142. package/dist/behaviors/exports/atoms/std-timer.orb +483 -91
  143. package/dist/behaviors/exports/atoms/std-undo.orb +211 -81
  144. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  145. package/dist/behaviors/exports/atoms/std-wizard.orb +677 -240
  146. package/dist/behaviors/exports/molecules/std-builder-game.orb +49 -4
  147. package/dist/behaviors/exports/molecules/std-cart.orb +325 -102
  148. package/dist/behaviors/exports/molecules/std-classifier-game.orb +49 -4
  149. package/dist/behaviors/exports/molecules/std-debugger-game.orb +49 -4
  150. package/dist/behaviors/exports/molecules/std-detail.orb +52 -48
  151. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +49 -4
  152. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  153. package/dist/behaviors/exports/molecules/std-geospatial.orb +70 -51
  154. package/dist/behaviors/exports/molecules/std-inventory.orb +92 -53
  155. package/dist/behaviors/exports/molecules/std-list.orb +416 -52
  156. package/dist/behaviors/exports/molecules/std-messaging.orb +41 -49
  157. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +49 -4
  158. package/dist/behaviors/exports/molecules/std-platformer-game.orb +58 -3
  159. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +58 -7
  160. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  161. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +49 -4
  162. package/dist/behaviors/exports/molecules/std-simulator-game.orb +49 -4
  163. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +66 -1
  164. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2615 -867
  165. package/dist/behaviors/exports/organisms/std-arcade-game.orb +399 -197
  166. package/dist/behaviors/exports/organisms/std-booking-system.orb +3154 -1305
  167. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2298 -779
  168. package/dist/behaviors/exports/organisms/std-cms.orb +1150 -277
  169. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1222 -533
  170. package/dist/behaviors/exports/organisms/std-crm.orb +2357 -821
  171. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +4230 -1281
  172. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2660 -1098
  173. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1749 -737
  174. package/dist/behaviors/exports/organisms/std-healthcare.orb +3593 -1478
  175. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1870 -738
  176. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3290 -1385
  177. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2704 -788
  178. package/dist/behaviors/exports/organisms/std-lms.orb +2548 -1192
  179. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  180. package/dist/behaviors/exports/organisms/std-platformer-app.orb +373 -194
  181. package/dist/behaviors/exports/organisms/std-project-manager.orb +2347 -806
  182. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +240 -95
  183. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +2020 -660
  184. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1303 -740
  185. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -168
  186. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1223 -512
  187. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1412 -731
  188. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1869 -695
  189. package/dist/behaviors/exports/validation-report.json +3 -750
  190. package/dist/behaviors/exports/verify-results.json +13 -0
  191. package/dist/behaviors/functions/index.d.ts +270 -1
  192. package/dist/behaviors/functions/index.js +3811 -1333
  193. package/dist/behaviors/functions/index.js.map +1 -1
  194. package/dist/behaviors/index.d.ts +1 -1
  195. package/dist/behaviors/index.js +3811 -1333
  196. package/dist/behaviors/index.js.map +1 -1
  197. package/dist/exports/atoms/std-async.orb +41 -24
  198. package/dist/exports/atoms/std-browse.orb +44 -44
  199. package/dist/exports/atoms/std-cache-aside.orb +256 -42
  200. package/dist/exports/atoms/std-calendar.orb +770 -0
  201. package/dist/exports/atoms/std-circuit-breaker.orb +577 -97
  202. package/dist/exports/atoms/std-collision.orb +278 -206
  203. package/dist/exports/atoms/std-combat-log.orb +6 -1
  204. package/dist/exports/atoms/std-combat.orb +6 -1
  205. package/dist/exports/atoms/std-confirmation.orb +212 -7
  206. package/dist/exports/atoms/std-dialogue-box.orb +6 -1
  207. package/dist/exports/atoms/std-display.orb +1186 -376
  208. package/dist/exports/atoms/std-drawer.orb +307 -101
  209. package/dist/exports/atoms/std-filter.orb +211 -18
  210. package/dist/exports/atoms/std-flip-card.orb +596 -0
  211. package/dist/exports/atoms/std-gallery.orb +382 -0
  212. package/dist/exports/atoms/std-game-audio.orb +6 -1
  213. package/dist/exports/atoms/std-game-canvas2d.orb +6 -1
  214. package/dist/exports/atoms/std-game-canvas3d.orb +6 -1
  215. package/dist/exports/atoms/std-game-hud.orb +6 -1
  216. package/dist/exports/atoms/std-game-menu.orb +6 -1
  217. package/dist/exports/atoms/std-game-over-screen.orb +6 -1
  218. package/dist/exports/atoms/std-gameflow.orb +100 -5
  219. package/dist/exports/atoms/std-input.orb +142 -137
  220. package/dist/exports/atoms/std-inventory-panel.orb +6 -1
  221. package/dist/exports/atoms/std-isometric-canvas.orb +6 -1
  222. package/dist/exports/atoms/std-loading.orb +149 -170
  223. package/dist/exports/atoms/std-modal.orb +159 -94
  224. package/dist/exports/atoms/std-movement.orb +401 -31
  225. package/dist/exports/atoms/std-notification.orb +117 -95
  226. package/dist/exports/atoms/std-overworld.orb +44 -16
  227. package/dist/exports/atoms/std-pagination.orb +44 -115
  228. package/dist/exports/atoms/std-physics2d.orb +6 -1
  229. package/dist/exports/atoms/std-platformer-canvas.orb +6 -1
  230. package/dist/exports/atoms/std-quest.orb +309 -34
  231. package/dist/exports/atoms/std-rate-limiter.orb +410 -157
  232. package/dist/exports/atoms/std-rating.orb +328 -0
  233. package/dist/exports/atoms/std-score-board.orb +6 -1
  234. package/dist/exports/atoms/std-score.orb +252 -11
  235. package/dist/exports/atoms/std-search.orb +62 -47
  236. package/dist/exports/atoms/std-selection.orb +180 -149
  237. package/dist/exports/atoms/std-simulation-canvas.orb +6 -1
  238. package/dist/exports/atoms/std-sort.orb +192 -60
  239. package/dist/exports/atoms/std-sprite.orb +6 -1
  240. package/dist/exports/atoms/std-tabs.orb +25 -15
  241. package/dist/exports/atoms/std-text-effects.orb +658 -0
  242. package/dist/exports/atoms/std-theme.orb +573 -0
  243. package/dist/exports/atoms/std-timer.orb +483 -91
  244. package/dist/exports/atoms/std-undo.orb +211 -81
  245. package/dist/exports/atoms/std-upload.orb +535 -0
  246. package/dist/exports/atoms/std-wizard.orb +677 -240
  247. package/dist/exports/molecules/std-builder-game.orb +49 -4
  248. package/dist/exports/molecules/std-cart.orb +325 -102
  249. package/dist/exports/molecules/std-classifier-game.orb +49 -4
  250. package/dist/exports/molecules/std-debugger-game.orb +49 -4
  251. package/dist/exports/molecules/std-detail.orb +52 -48
  252. package/dist/exports/molecules/std-event-handler-game.orb +49 -4
  253. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  254. package/dist/exports/molecules/std-geospatial.orb +70 -51
  255. package/dist/exports/molecules/std-inventory.orb +92 -53
  256. package/dist/exports/molecules/std-list.orb +416 -52
  257. package/dist/exports/molecules/std-messaging.orb +41 -49
  258. package/dist/exports/molecules/std-negotiator-game.orb +49 -4
  259. package/dist/exports/molecules/std-platformer-game.orb +58 -3
  260. package/dist/exports/molecules/std-puzzle-game.orb +58 -7
  261. package/dist/exports/molecules/std-quiz.orb +1045 -0
  262. package/dist/exports/molecules/std-sequencer-game.orb +49 -4
  263. package/dist/exports/molecules/std-simulator-game.orb +49 -4
  264. package/dist/exports/molecules/std-turn-based-battle.orb +66 -1
  265. package/dist/exports/organisms/std-api-gateway.orb +2615 -867
  266. package/dist/exports/organisms/std-arcade-game.orb +399 -197
  267. package/dist/exports/organisms/std-booking-system.orb +3154 -1305
  268. package/dist/exports/organisms/std-cicd-pipeline.orb +2298 -779
  269. package/dist/exports/organisms/std-cms.orb +1150 -277
  270. package/dist/exports/organisms/std-coding-academy.orb +1222 -533
  271. package/dist/exports/organisms/std-crm.orb +2357 -821
  272. package/dist/exports/organisms/std-devops-dashboard.orb +4230 -1281
  273. package/dist/exports/organisms/std-ecommerce.orb +2660 -1098
  274. package/dist/exports/organisms/std-finance-tracker.orb +1749 -737
  275. package/dist/exports/organisms/std-healthcare.orb +3593 -1478
  276. package/dist/exports/organisms/std-helpdesk.orb +1870 -738
  277. package/dist/exports/organisms/std-hr-portal.orb +3290 -1385
  278. package/dist/exports/organisms/std-iot-dashboard.orb +2704 -788
  279. package/dist/exports/organisms/std-lms.orb +2548 -1192
  280. package/dist/exports/organisms/std-logic-training.orb +220 -66
  281. package/dist/exports/organisms/std-platformer-app.orb +373 -194
  282. package/dist/exports/organisms/std-project-manager.orb +2347 -806
  283. package/dist/exports/organisms/std-puzzle-app.orb +240 -95
  284. package/dist/exports/organisms/std-realtime-chat.orb +2020 -660
  285. package/dist/exports/organisms/std-rpg-game.orb +1303 -740
  286. package/dist/exports/organisms/std-social-feed.orb +184 -168
  287. package/dist/exports/organisms/std-stem-lab.orb +1223 -512
  288. package/dist/exports/organisms/std-strategy-game.orb +1412 -731
  289. package/dist/exports/organisms/std-trading-dashboard.orb +1869 -695
  290. package/dist/exports/validation-report.json +3 -750
  291. package/dist/exports/verify-results.json +13 -0
  292. package/dist/index.d.ts +1 -1
  293. package/dist/index.js +3808 -1330
  294. package/dist/index.js.map +1 -1
  295. package/package.json +1 -1
package/behaviors/exports/organisms/std-ecommerce.orb CHANGED
@@ -159,118 +159,135 @@
159
159
  "render-ui",
160
160
  "main",
161
161
  {
162
- "type": "stack",
163
- "direction": "vertical",
164
- "gap": "lg",
165
- "children": [
162
+ "type": "dashboard-layout",
163
+ "appName": "EcommerceApp",
164
+ "navItems": [
166
165
  {
167
- "type": "stack",
168
- "direction": "horizontal",
169
- "gap": "md",
170
- "justify": "space-between",
171
- "children": [
172
- {
173
- "type": "stack",
174
- "direction": "horizontal",
175
- "gap": "sm",
176
- "align": "center",
177
- "children": [
178
- {
179
- "type": "icon",
180
- "name": "package",
181
- "size": "lg"
182
- },
183
- {
184
- "type": "typography",
185
- "content": "Products",
186
- "variant": "h2"
187
- }
188
- ]
189
- },
190
- {
191
- "type": "stack",
192
- "direction": "horizontal",
193
- "gap": "sm",
194
- "children": [
195
- {
196
- "type": "button",
197
- "label": "Create Product",
198
- "event": "CREATE",
199
- "variant": "primary",
200
- "icon": "plus"
201
- }
202
- ]
203
- }
204
- ]
166
+ "label": "Products",
167
+ "href": "/products",
168
+ "icon": "package"
205
169
  },
206
170
  {
207
- "type": "divider"
171
+ "label": "Cart",
172
+ "href": "/cart",
173
+ "icon": "shopping-cart"
208
174
  },
209
175
  {
210
- "type": "data-grid",
211
- "entity": "Product",
212
- "emptyIcon": "inbox",
213
- "emptyTitle": "No products yet",
214
- "emptyDescription": "Create your first product to get started.",
215
- "itemActions": [
216
- {
217
- "label": "View",
218
- "event": "VIEW"
219
- },
220
- {
221
- "label": "Edit",
222
- "event": "EDIT"
223
- },
224
- {
225
- "label": "Delete",
226
- "event": "DELETE",
227
- "variant": "danger"
228
- }
229
- ],
230
- "className": "transition-shadow hover:shadow-md cursor-pointer",
176
+ "label": "Checkout",
177
+ "href": "/checkout",
178
+ "icon": "credit-card"
179
+ },
180
+ {
181
+ "label": "Orders",
182
+ "href": "/orders",
183
+ "icon": "clipboard-list"
184
+ }
185
+ ],
186
+ "children": [
187
+ {
188
+ "type": "stack",
189
+ "direction": "vertical",
190
+ "gap": "lg",
191
+ "className": "max-w-5xl mx-auto w-full",
231
192
  "children": [
232
193
  {
233
194
  "type": "stack",
234
- "direction": "vertical",
235
- "gap": "sm",
195
+ "direction": "horizontal",
196
+ "gap": "md",
197
+ "justify": "space-between",
198
+ "align": "center",
236
199
  "children": [
237
200
  {
238
201
  "type": "stack",
239
202
  "direction": "horizontal",
240
- "justify": "space-between",
203
+ "gap": "sm",
241
204
  "align": "center",
242
205
  "children": [
243
206
  {
244
- "type": "stack",
245
- "direction": "horizontal",
246
- "gap": "sm",
247
- "align": "center",
248
- "children": [
249
- {
250
- "type": "icon",
251
- "name": "package",
252
- "size": "sm"
253
- },
254
- {
255
- "type": "typography",
256
- "variant": "h4",
257
- "content": "@entity.name"
258
- }
259
- ]
207
+ "type": "icon",
208
+ "name": "package",
209
+ "size": "lg"
260
210
  },
261
211
  {
262
- "type": "badge",
263
- "label": "@entity.description"
212
+ "type": "typography",
213
+ "content": "Products",
214
+ "variant": "h2"
264
215
  }
265
216
  ]
266
217
  },
267
218
  {
268
- "type": "typography",
269
- "variant": "caption",
270
- "color": "muted",
271
- "content": "@entity.price"
219
+ "type": "stack",
220
+ "direction": "horizontal",
221
+ "gap": "sm",
222
+ "children": [
223
+ {
224
+ "type": "button",
225
+ "label": "Create Product",
226
+ "event": "CREATE",
227
+ "variant": "primary",
228
+ "icon": "plus"
229
+ }
230
+ ]
272
231
  }
273
232
  ]
233
+ },
234
+ {
235
+ "type": "divider"
236
+ },
237
+ {
238
+ "type": "data-grid",
239
+ "entity": "Product",
240
+ "emptyIcon": "inbox",
241
+ "emptyTitle": "No products yet",
242
+ "emptyDescription": "Add products to build your catalog.",
243
+ "itemActions": [
244
+ {
245
+ "label": "View",
246
+ "event": "VIEW",
247
+ "variant": "ghost",
248
+ "size": "sm"
249
+ },
250
+ {
251
+ "label": "Edit",
252
+ "event": "EDIT",
253
+ "variant": "ghost",
254
+ "size": "sm"
255
+ },
256
+ {
257
+ "label": "Delete",
258
+ "event": "DELETE",
259
+ "variant": "danger",
260
+ "size": "sm"
261
+ }
262
+ ],
263
+ "columns": [
264
+ {
265
+ "name": "name",
266
+ "variant": "h3",
267
+ "icon": "package"
268
+ },
269
+ {
270
+ "name": "category",
271
+ "variant": "badge"
272
+ },
273
+ {
274
+ "name": "price",
275
+ "variant": "h4",
276
+ "format": "currency"
277
+ },
278
+ {
279
+ "name": "sku",
280
+ "variant": "caption"
281
+ },
282
+ {
283
+ "name": "inStock",
284
+ "label": "In Stock",
285
+ "variant": "body",
286
+ "format": "boolean"
287
+ }
288
+ ],
289
+ "cols": 3,
290
+ "gap": "md"
274
291
  }
275
292
  ]
276
293
  }
@@ -390,6 +407,145 @@
390
407
  "fetch",
391
408
  "Product"
392
409
  ],
410
+ [
411
+ "render-ui",
412
+ "main",
413
+ {
414
+ "type": "dashboard-layout",
415
+ "appName": "EcommerceApp",
416
+ "navItems": [
417
+ {
418
+ "label": "Products",
419
+ "href": "/products",
420
+ "icon": "package"
421
+ },
422
+ {
423
+ "label": "Cart",
424
+ "href": "/cart",
425
+ "icon": "shopping-cart"
426
+ },
427
+ {
428
+ "label": "Checkout",
429
+ "href": "/checkout",
430
+ "icon": "credit-card"
431
+ },
432
+ {
433
+ "label": "Orders",
434
+ "href": "/orders",
435
+ "icon": "clipboard-list"
436
+ }
437
+ ],
438
+ "children": [
439
+ {
440
+ "type": "stack",
441
+ "direction": "vertical",
442
+ "gap": "lg",
443
+ "className": "max-w-5xl mx-auto w-full",
444
+ "children": [
445
+ {
446
+ "type": "stack",
447
+ "direction": "horizontal",
448
+ "gap": "md",
449
+ "justify": "space-between",
450
+ "align": "center",
451
+ "children": [
452
+ {
453
+ "type": "stack",
454
+ "direction": "horizontal",
455
+ "gap": "sm",
456
+ "align": "center",
457
+ "children": [
458
+ {
459
+ "type": "icon",
460
+ "name": "package",
461
+ "size": "lg"
462
+ },
463
+ {
464
+ "type": "typography",
465
+ "content": "Products",
466
+ "variant": "h2"
467
+ }
468
+ ]
469
+ },
470
+ {
471
+ "type": "stack",
472
+ "direction": "horizontal",
473
+ "gap": "sm",
474
+ "children": [
475
+ {
476
+ "type": "button",
477
+ "label": "Create Product",
478
+ "event": "CREATE",
479
+ "variant": "primary",
480
+ "icon": "plus"
481
+ }
482
+ ]
483
+ }
484
+ ]
485
+ },
486
+ {
487
+ "type": "divider"
488
+ },
489
+ {
490
+ "type": "data-grid",
491
+ "entity": "Product",
492
+ "emptyIcon": "inbox",
493
+ "emptyTitle": "No products yet",
494
+ "emptyDescription": "Add products to build your catalog.",
495
+ "itemActions": [
496
+ {
497
+ "label": "View",
498
+ "event": "VIEW",
499
+ "variant": "ghost",
500
+ "size": "sm"
501
+ },
502
+ {
503
+ "label": "Edit",
504
+ "event": "EDIT",
505
+ "variant": "ghost",
506
+ "size": "sm"
507
+ },
508
+ {
509
+ "label": "Delete",
510
+ "event": "DELETE",
511
+ "variant": "danger",
512
+ "size": "sm"
513
+ }
514
+ ],
515
+ "columns": [
516
+ {
517
+ "name": "name",
518
+ "variant": "h3",
519
+ "icon": "package"
520
+ },
521
+ {
522
+ "name": "category",
523
+ "variant": "badge"
524
+ },
525
+ {
526
+ "name": "price",
527
+ "variant": "h4",
528
+ "format": "currency"
529
+ },
530
+ {
531
+ "name": "sku",
532
+ "variant": "caption"
533
+ },
534
+ {
535
+ "name": "inStock",
536
+ "label": "In Stock",
537
+ "variant": "body",
538
+ "format": "boolean"
539
+ }
540
+ ],
541
+ "cols": 3,
542
+ "gap": "md"
543
+ }
544
+ ]
545
+ }
546
+ ]
547
+ }
548
+ ],
393
549
  [
394
550
  "notify",
395
551
  "Product deleted successfully"
@@ -405,6 +561,149 @@
405
561
  "render-ui",
406
562
  "modal",
407
563
  null
564
+ ],
565
+ [
566
+ "fetch",
567
+ "Product"
568
+ ],
569
+ [
570
+ "render-ui",
571
+ "main",
572
+ {
573
+ "type": "dashboard-layout",
574
+ "appName": "EcommerceApp",
575
+ "navItems": [
576
+ {
577
+ "label": "Products",
578
+ "href": "/products",
579
+ "icon": "package"
580
+ },
581
+ {
582
+ "label": "Cart",
583
+ "href": "/cart",
584
+ "icon": "shopping-cart"
585
+ },
586
+ {
587
+ "label": "Checkout",
588
+ "href": "/checkout",
589
+ "icon": "credit-card"
590
+ },
591
+ {
592
+ "label": "Orders",
593
+ "href": "/orders",
594
+ "icon": "clipboard-list"
595
+ }
596
+ ],
597
+ "children": [
598
+ {
599
+ "type": "stack",
600
+ "direction": "vertical",
601
+ "gap": "lg",
602
+ "className": "max-w-5xl mx-auto w-full",
603
+ "children": [
604
+ {
605
+ "type": "stack",
606
+ "direction": "horizontal",
607
+ "gap": "md",
608
+ "justify": "space-between",
609
+ "align": "center",
610
+ "children": [
611
+ {
612
+ "type": "stack",
613
+ "direction": "horizontal",
614
+ "gap": "sm",
615
+ "align": "center",
616
+ "children": [
617
+ {
618
+ "type": "icon",
619
+ "name": "package",
620
+ "size": "lg"
621
+ },
622
+ {
623
+ "type": "typography",
624
+ "content": "Products",
625
+ "variant": "h2"
626
+ }
627
+ ]
628
+ },
629
+ {
630
+ "type": "stack",
631
+ "direction": "horizontal",
632
+ "gap": "sm",
633
+ "children": [
634
+ {
635
+ "type": "button",
636
+ "label": "Create Product",
637
+ "event": "CREATE",
638
+ "variant": "primary",
639
+ "icon": "plus"
640
+ }
641
+ ]
642
+ }
643
+ ]
644
+ },
645
+ {
646
+ "type": "divider"
647
+ },
648
+ {
649
+ "type": "data-grid",
650
+ "entity": "Product",
651
+ "emptyIcon": "inbox",
652
+ "emptyTitle": "No products yet",
653
+ "emptyDescription": "Add products to build your catalog.",
654
+ "itemActions": [
655
+ {
656
+ "label": "View",
657
+ "event": "VIEW",
658
+ "variant": "ghost",
659
+ "size": "sm"
660
+ },
661
+ {
662
+ "label": "Edit",
663
+ "event": "EDIT",
664
+ "variant": "ghost",
665
+ "size": "sm"
666
+ },
667
+ {
668
+ "label": "Delete",
669
+ "event": "DELETE",
670
+ "variant": "danger",
671
+ "size": "sm"
672
+ }
673
+ ],
674
+ "columns": [
675
+ {
676
+ "name": "name",
677
+ "variant": "h3",
678
+ "icon": "package"
679
+ },
680
+ {
681
+ "name": "category",
682
+ "variant": "badge"
683
+ },
684
+ {
685
+ "name": "price",
686
+ "variant": "h4",
687
+ "format": "currency"
688
+ },
689
+ {
690
+ "name": "sku",
691
+ "variant": "caption"
692
+ },
693
+ {
694
+ "name": "inStock",
695
+ "label": "In Stock",
696
+ "variant": "body",
697
+ "format": "boolean"
698
+ }
699
+ ],
700
+ "cols": 3,
701
+ "gap": "md"
702
+ }
703
+ ]
704
+ }
705
+ ]
706
+ }
408
707
  ]
409
708
  ]
410
709
  },
@@ -417,24 +716,167 @@
417
716
  "render-ui",
418
717
  "modal",
419
718
  null
420
- ]
421
- ]
422
- }
423
- ]
424
- },
425
- "emits": [
426
- {
427
- "event": "ADD_TO_CART",
428
- "payload": [
429
- {
430
- "name": "id",
431
- "type": "string",
432
- "required": true
433
- }
434
- ],
435
- "scope": "external"
436
- }
437
- ]
719
+ ],
720
+ [
721
+ "fetch",
722
+ "Product"
723
+ ],
724
+ [
725
+ "render-ui",
726
+ "main",
727
+ {
728
+ "type": "dashboard-layout",
729
+ "appName": "EcommerceApp",
730
+ "navItems": [
731
+ {
732
+ "label": "Products",
733
+ "href": "/products",
734
+ "icon": "package"
735
+ },
736
+ {
737
+ "label": "Cart",
738
+ "href": "/cart",
739
+ "icon": "shopping-cart"
740
+ },
741
+ {
742
+ "label": "Checkout",
743
+ "href": "/checkout",
744
+ "icon": "credit-card"
745
+ },
746
+ {
747
+ "label": "Orders",
748
+ "href": "/orders",
749
+ "icon": "clipboard-list"
750
+ }
751
+ ],
752
+ "children": [
753
+ {
754
+ "type": "stack",
755
+ "direction": "vertical",
756
+ "gap": "lg",
757
+ "className": "max-w-5xl mx-auto w-full",
758
+ "children": [
759
+ {
760
+ "type": "stack",
761
+ "direction": "horizontal",
762
+ "gap": "md",
763
+ "justify": "space-between",
764
+ "align": "center",
765
+ "children": [
766
+ {
767
+ "type": "stack",
768
+ "direction": "horizontal",
769
+ "gap": "sm",
770
+ "align": "center",
771
+ "children": [
772
+ {
773
+ "type": "icon",
774
+ "name": "package",
775
+ "size": "lg"
776
+ },
777
+ {
778
+ "type": "typography",
779
+ "content": "Products",
780
+ "variant": "h2"
781
+ }
782
+ ]
783
+ },
784
+ {
785
+ "type": "stack",
786
+ "direction": "horizontal",
787
+ "gap": "sm",
788
+ "children": [
789
+ {
790
+ "type": "button",
791
+ "label": "Create Product",
792
+ "event": "CREATE",
793
+ "variant": "primary",
794
+ "icon": "plus"
795
+ }
796
+ ]
797
+ }
798
+ ]
799
+ },
800
+ {
801
+ "type": "divider"
802
+ },
803
+ {
804
+ "type": "data-grid",
805
+ "entity": "Product",
806
+ "emptyIcon": "inbox",
807
+ "emptyTitle": "No products yet",
808
+ "emptyDescription": "Add products to build your catalog.",
809
+ "itemActions": [
810
+ {
811
+ "label": "View",
812
+ "event": "VIEW",
813
+ "variant": "ghost",
814
+ "size": "sm"
815
+ },
816
+ {
817
+ "label": "Edit",
818
+ "event": "EDIT",
819
+ "variant": "ghost",
820
+ "size": "sm"
821
+ },
822
+ {
823
+ "label": "Delete",
824
+ "event": "DELETE",
825
+ "variant": "danger",
826
+ "size": "sm"
827
+ }
828
+ ],
829
+ "columns": [
830
+ {
831
+ "name": "name",
832
+ "variant": "h3",
833
+ "icon": "package"
834
+ },
835
+ {
836
+ "name": "category",
837
+ "variant": "badge"
838
+ },
839
+ {
840
+ "name": "price",
841
+ "variant": "h4",
842
+ "format": "currency"
843
+ },
844
+ {
845
+ "name": "sku",
846
+ "variant": "caption"
847
+ },
848
+ {
849
+ "name": "inStock",
850
+ "label": "In Stock",
851
+ "variant": "body",
852
+ "format": "boolean"
853
+ }
854
+ ],
855
+ "cols": 3,
856
+ "gap": "md"
857
+ }
858
+ ]
859
+ }
860
+ ]
861
+ }
862
+ ]
863
+ ]
864
+ }
865
+ ]
866
+ },
867
+ "emits": [
868
+ {
869
+ "event": "ADD_TO_CART",
870
+ "payload": [
871
+ {
872
+ "name": "id",
873
+ "type": "string",
874
+ "required": true
875
+ }
876
+ ],
877
+ "scope": "external"
878
+ }
879
+ ]
438
880
  },
439
881
  {
440
882
  "name": "ProductCreate",
@@ -558,6 +1000,11 @@
558
1000
  "render-ui",
559
1001
  "modal",
560
1002
  null
1003
+ ],
1004
+ [
1005
+ "notify",
1006
+ "Cancelled",
1007
+ "info"
561
1008
  ]
562
1009
  ]
563
1010
  },
@@ -725,6 +1172,11 @@
725
1172
  "render-ui",
726
1173
  "modal",
727
1174
  null
1175
+ ],
1176
+ [
1177
+ "notify",
1178
+ "Cancelled",
1179
+ "info"
728
1180
  ]
729
1181
  ]
730
1182
  },
@@ -940,7 +1392,7 @@
940
1392
  {
941
1393
  "type": "typography",
942
1394
  "variant": "caption",
943
- "content": "InStock"
1395
+ "content": "In Stock"
944
1396
  },
945
1397
  {
946
1398
  "type": "typography",
@@ -987,6 +1439,11 @@
987
1439
  "render-ui",
988
1440
  "modal",
989
1441
  null
1442
+ ],
1443
+ [
1444
+ "notify",
1445
+ "Cancelled",
1446
+ "info"
990
1447
  ]
991
1448
  ]
992
1449
  }
@@ -1047,6 +1504,11 @@
1047
1504
  {
1048
1505
  "name": "totalPrice",
1049
1506
  "type": "number"
1507
+ },
1508
+ {
1509
+ "name": "pendingId",
1510
+ "type": "string",
1511
+ "default": ""
1050
1512
  }
1051
1513
  ]
1052
1514
  },
@@ -1055,6 +1517,17 @@
1055
1517
  "name": "CartItemCartBrowse",
1056
1518
  "linkedEntity": "CartItem",
1057
1519
  "category": "interaction",
1520
+ "listens": [
1521
+ {
1522
+ "event": "CONFIRM_REMOVE",
1523
+ "triggers": "CONFIRM_REMOVE"
1524
+ },
1525
+ {
1526
+ "event": "ADD_TO_CART",
1527
+ "triggers": "INIT",
1528
+ "scope": "external"
1529
+ }
1530
+ ],
1058
1531
  "stateMachine": {
1059
1532
  "states": [
1060
1533
  {
@@ -1086,8 +1559,8 @@
1086
1559
  ]
1087
1560
  },
1088
1561
  {
1089
- "key": "REMOVE_ITEM",
1090
- "name": "Remove Item",
1562
+ "key": "REQUEST_REMOVE",
1563
+ "name": "Request Remove",
1091
1564
  "payload": [
1092
1565
  {
1093
1566
  "name": "id",
@@ -1096,6 +1569,17 @@
1096
1569
  }
1097
1570
  ]
1098
1571
  },
1572
+ {
1573
+ "key": "CONFIRM_REMOVE",
1574
+ "name": "Confirm Remove",
1575
+ "payload": [
1576
+ {
1577
+ "name": "data",
1578
+ "type": "object",
1579
+ "required": true
1580
+ }
1581
+ ]
1582
+ },
1099
1583
  {
1100
1584
  "key": "PROCEED_CHECKOUT",
1101
1585
  "name": "Proceed to Checkout"
@@ -1123,109 +1607,149 @@
1123
1607
  "render-ui",
1124
1608
  "main",
1125
1609
  {
1126
- "type": "stack",
1127
- "direction": "vertical",
1128
- "gap": "lg",
1610
+ "type": "dashboard-layout",
1611
+ "appName": "EcommerceApp",
1612
+ "navItems": [
1613
+ {
1614
+ "label": "Products",
1615
+ "href": "/products",
1616
+ "icon": "package"
1617
+ },
1618
+ {
1619
+ "label": "Cart",
1620
+ "href": "/cart",
1621
+ "icon": "shopping-cart"
1622
+ },
1623
+ {
1624
+ "label": "Checkout",
1625
+ "href": "/checkout",
1626
+ "icon": "credit-card"
1627
+ },
1628
+ {
1629
+ "label": "Orders",
1630
+ "href": "/orders",
1631
+ "icon": "clipboard-list"
1632
+ }
1633
+ ],
1129
1634
  "children": [
1130
1635
  {
1131
1636
  "type": "stack",
1132
- "direction": "horizontal",
1133
- "gap": "md",
1134
- "justify": "space-between",
1637
+ "direction": "vertical",
1638
+ "gap": "lg",
1135
1639
  "children": [
1136
1640
  {
1137
1641
  "type": "stack",
1138
1642
  "direction": "horizontal",
1139
1643
  "gap": "md",
1644
+ "justify": "space-between",
1140
1645
  "children": [
1141
1646
  {
1142
- "type": "icon",
1143
- "name": "shopping-cart",
1144
- "size": "lg"
1647
+ "type": "stack",
1648
+ "direction": "horizontal",
1649
+ "gap": "md",
1650
+ "children": [
1651
+ {
1652
+ "type": "icon",
1653
+ "name": "shopping-cart",
1654
+ "size": "lg"
1655
+ },
1656
+ {
1657
+ "type": "typography",
1658
+ "content": "Shopping Cart",
1659
+ "variant": "h2"
1660
+ }
1661
+ ]
1145
1662
  },
1146
1663
  {
1147
- "type": "typography",
1148
- "content": "Shopping Cart",
1149
- "variant": "h2"
1664
+ "type": "button",
1665
+ "label": "Add Item",
1666
+ "event": "ADD_ITEM",
1667
+ "variant": "primary",
1668
+ "icon": "plus"
1150
1669
  }
1151
1670
  ]
1152
1671
  },
1153
1672
  {
1154
- "type": "button",
1155
- "label": "Add Item",
1156
- "event": "ADD_ITEM",
1157
- "variant": "primary",
1158
- "icon": "plus"
1159
- }
1160
- ]
1161
- },
1162
- {
1163
- "type": "divider"
1164
- },
1165
- {
1166
- "type": "data-grid",
1167
- "entity": "CartItem",
1168
- "emptyIcon": "inbox",
1169
- "emptyTitle": "Your cart is empty",
1170
- "emptyDescription": "Add items to get started.",
1171
- "itemActions": [
1172
- {
1173
- "label": "Remove",
1174
- "event": "REMOVE_ITEM",
1175
- "variant": "danger"
1176
- }
1177
- ],
1178
- "children": [
1673
+ "type": "divider"
1674
+ },
1179
1675
  {
1180
- "type": "stack",
1181
- "direction": "vertical",
1182
- "gap": "sm",
1676
+ "type": "simple-grid",
1677
+ "columns": 3,
1183
1678
  "children": [
1184
1679
  {
1185
- "type": "stack",
1186
- "direction": "horizontal",
1187
- "justify": "space-between",
1188
- "align": "center",
1189
- "children": [
1190
- {
1191
- "type": "stack",
1192
- "direction": "horizontal",
1193
- "gap": "sm",
1194
- "align": "center",
1195
- "children": [
1196
- {
1197
- "type": "icon",
1198
- "name": "shopping-cart",
1199
- "size": "sm"
1200
- },
1201
- {
1202
- "type": "typography",
1203
- "variant": "h4",
1204
- "content": "@entity.productName"
1205
- }
1206
- ]
1207
- },
1208
- {
1209
- "type": "badge",
1210
- "label": "@entity.quantity"
1211
- }
1212
- ]
1680
+ "type": "stat-display",
1681
+ "label": "Items",
1682
+ "value": [
1683
+ "array/len",
1684
+ "@entity"
1685
+ ],
1686
+ "icon": "package"
1213
1687
  },
1214
1688
  {
1215
- "type": "typography",
1689
+ "type": "stat-display",
1690
+ "label": "Subtotal",
1691
+ "value": [
1692
+ "array/len",
1693
+ "@entity"
1694
+ ],
1695
+ "icon": "dollar-sign"
1696
+ },
1697
+ {
1698
+ "type": "stat-display",
1699
+ "label": "Total",
1700
+ "value": [
1701
+ "array/len",
1702
+ "@entity"
1703
+ ],
1704
+ "icon": "receipt"
1705
+ }
1706
+ ]
1707
+ },
1708
+ {
1709
+ "type": "divider"
1710
+ },
1711
+ {
1712
+ "type": "data-grid",
1713
+ "entity": "CartItem",
1714
+ "emptyIcon": "inbox",
1715
+ "emptyTitle": "Your cart is empty",
1716
+ "emptyDescription": "Add items to get started.",
1717
+ "itemActions": [
1718
+ {
1719
+ "label": "Remove",
1720
+ "event": "REQUEST_REMOVE",
1721
+ "variant": "danger",
1722
+ "size": "sm"
1723
+ }
1724
+ ],
1725
+ "columns": [
1726
+ {
1727
+ "name": "productName",
1728
+ "label": "Product Name",
1729
+ "variant": "h4",
1730
+ "icon": "shopping-cart"
1731
+ },
1732
+ {
1733
+ "name": "quantity",
1734
+ "label": "Quantity",
1216
1735
  "variant": "caption",
1217
- "content": "@entity.unitPrice"
1736
+ "format": "currency"
1737
+ },
1738
+ {
1739
+ "name": "unitPrice",
1740
+ "label": "Unit Price",
1741
+ "variant": "badge"
1218
1742
  }
1219
1743
  ]
1744
+ },
1745
+ {
1746
+ "type": "button",
1747
+ "label": "Proceed to Checkout",
1748
+ "event": "PROCEED_CHECKOUT",
1749
+ "variant": "primary",
1750
+ "icon": "arrow-right"
1220
1751
  }
1221
1752
  ]
1222
- },
1223
- {
1224
- "type": "button",
1225
- "label": "Proceed to Checkout",
1226
- "event": "PROCEED_CHECKOUT",
1227
- "variant": "primary",
1228
- "icon": "arrow-right"
1229
1753
  }
1230
1754
  ]
1231
1755
  }
@@ -1246,21 +1770,11 @@
1246
1770
  {
1247
1771
  "from": "browsing",
1248
1772
  "to": "browsing",
1249
- "event": "REMOVE_ITEM",
1773
+ "event": "CONFIRM_REMOVE",
1250
1774
  "effects": [
1251
- [
1252
- "persist",
1253
- "delete",
1254
- "CartItem",
1255
- "@payload.id"
1256
- ],
1257
1775
  [
1258
1776
  "fetch",
1259
1777
  "CartItem"
1260
- ],
1261
- [
1262
- "notify",
1263
- "CartItem deleted successfully"
1264
1778
  ]
1265
1779
  ]
1266
1780
  },
@@ -1277,107 +1791,111 @@
1277
1791
  "render-ui",
1278
1792
  "main",
1279
1793
  {
1280
- "type": "stack",
1281
- "direction": "vertical",
1282
- "gap": "lg",
1283
- "children": [
1794
+ "type": "dashboard-layout",
1795
+ "appName": "EcommerceApp",
1796
+ "navItems": [
1284
1797
  {
1285
- "type": "stack",
1286
- "direction": "horizontal",
1287
- "gap": "sm",
1288
- "children": [
1289
- {
1290
- "type": "icon",
1291
- "name": "clipboard",
1292
- "size": "lg"
1293
- },
1294
- {
1295
- "type": "typography",
1296
- "content": "Checkout",
1297
- "variant": "h2"
1298
- }
1299
- ]
1798
+ "label": "Products",
1799
+ "href": "/products",
1800
+ "icon": "package"
1300
1801
  },
1301
1802
  {
1302
- "type": "divider"
1803
+ "label": "Cart",
1804
+ "href": "/cart",
1805
+ "icon": "shopping-cart"
1303
1806
  },
1304
1807
  {
1305
- "type": "data-grid",
1306
- "entity": "CartItem",
1307
- "emptyIcon": "inbox",
1308
- "emptyTitle": "Your cart is empty",
1309
- "emptyDescription": "Add items to get started.",
1310
- "itemActions": [
1311
- {
1312
- "label": "Remove",
1313
- "event": "REMOVE_ITEM",
1314
- "variant": "danger"
1315
- }
1316
- ],
1808
+ "label": "Checkout",
1809
+ "href": "/checkout",
1810
+ "icon": "credit-card"
1811
+ },
1812
+ {
1813
+ "label": "Orders",
1814
+ "href": "/orders",
1815
+ "icon": "clipboard-list"
1816
+ }
1817
+ ],
1818
+ "children": [
1819
+ {
1820
+ "type": "stack",
1821
+ "direction": "vertical",
1822
+ "gap": "lg",
1317
1823
  "children": [
1318
1824
  {
1319
1825
  "type": "stack",
1320
- "direction": "vertical",
1826
+ "direction": "horizontal",
1321
1827
  "gap": "sm",
1322
1828
  "children": [
1323
1829
  {
1324
- "type": "stack",
1325
- "direction": "horizontal",
1326
- "justify": "space-between",
1327
- "align": "center",
1328
- "children": [
1329
- {
1330
- "type": "stack",
1331
- "direction": "horizontal",
1332
- "gap": "sm",
1333
- "align": "center",
1334
- "children": [
1335
- {
1336
- "type": "icon",
1337
- "name": "shopping-cart",
1338
- "size": "sm"
1339
- },
1340
- {
1341
- "type": "typography",
1342
- "variant": "h4",
1343
- "content": "@entity.productName"
1344
- }
1345
- ]
1346
- },
1347
- {
1348
- "type": "badge",
1349
- "label": "@entity.quantity"
1350
- }
1351
- ]
1830
+ "type": "icon",
1831
+ "name": "clipboard",
1832
+ "size": "lg"
1352
1833
  },
1353
1834
  {
1354
1835
  "type": "typography",
1355
- "variant": "caption",
1356
- "content": "@entity.unitPrice"
1836
+ "content": "Checkout",
1837
+ "variant": "h2"
1357
1838
  }
1358
1839
  ]
1359
- }
1360
- ]
1361
- },
1362
- {
1363
- "type": "stack",
1364
- "direction": "horizontal",
1365
- "gap": "sm",
1366
- "justify": "end",
1367
- "children": [
1840
+ },
1368
1841
  {
1369
- "type": "button",
1370
- "label": "Back to Cart",
1371
- "event": "BACK_TO_CART",
1372
- "variant": "ghost",
1373
- "icon": "arrow-left"
1842
+ "type": "divider"
1374
1843
  },
1375
1844
  {
1376
- "type": "button",
1377
- "label": "Confirm Order",
1378
- "event": "CONFIRM_ORDER",
1379
- "variant": "primary",
1380
- "icon": "check"
1845
+ "type": "data-grid",
1846
+ "entity": "CartItem",
1847
+ "emptyIcon": "inbox",
1848
+ "emptyTitle": "Your cart is empty",
1849
+ "emptyDescription": "Add items to get started.",
1850
+ "itemActions": [
1851
+ {
1852
+ "label": "Remove",
1853
+ "event": "REQUEST_REMOVE",
1854
+ "variant": "danger",
1855
+ "size": "sm"
1856
+ }
1857
+ ],
1858
+ "columns": [
1859
+ {
1860
+ "name": "productName",
1861
+ "label": "Product Name",
1862
+ "variant": "h4",
1863
+ "icon": "shopping-cart"
1864
+ },
1865
+ {
1866
+ "name": "quantity",
1867
+ "label": "Quantity",
1868
+ "variant": "caption",
1869
+ "format": "currency"
1870
+ },
1871
+ {
1872
+ "name": "unitPrice",
1873
+ "label": "Unit Price",
1874
+ "variant": "badge"
1875
+ }
1876
+ ]
1877
+ },
1878
+ {
1879
+ "type": "stack",
1880
+ "direction": "horizontal",
1881
+ "gap": "sm",
1882
+ "justify": "end",
1883
+ "children": [
1884
+ {
1885
+ "type": "button",
1886
+ "label": "Back to Cart",
1887
+ "event": "BACK_TO_CART",
1888
+ "variant": "ghost",
1889
+ "icon": "arrow-left"
1890
+ },
1891
+ {
1892
+ "type": "button",
1893
+ "label": "Confirm Order",
1894
+ "event": "CONFIRM_ORDER",
1895
+ "variant": "primary",
1896
+ "icon": "check"
1897
+ }
1898
+ ]
1381
1899
  }
1382
1900
  ]
1383
1901
  }
@@ -1410,31 +1928,59 @@
1410
1928
  "render-ui",
1411
1929
  "main",
1412
1930
  {
1413
- "type": "stack",
1414
- "direction": "vertical",
1415
- "gap": "lg",
1416
- "align": "center",
1417
- "children": [
1931
+ "type": "dashboard-layout",
1932
+ "appName": "EcommerceApp",
1933
+ "navItems": [
1418
1934
  {
1419
- "type": "icon",
1420
- "name": "check-circle",
1421
- "size": "lg"
1935
+ "label": "Products",
1936
+ "href": "/products",
1937
+ "icon": "package"
1422
1938
  },
1423
1939
  {
1424
- "type": "typography",
1425
- "content": "Order Confirmed",
1426
- "variant": "h2"
1940
+ "label": "Cart",
1941
+ "href": "/cart",
1942
+ "icon": "shopping-cart"
1427
1943
  },
1428
1944
  {
1429
- "type": "typography",
1430
- "content": "Your order has been placed successfully.",
1431
- "variant": "body"
1945
+ "label": "Checkout",
1946
+ "href": "/checkout",
1947
+ "icon": "credit-card"
1432
1948
  },
1433
1949
  {
1434
- "type": "button",
1435
- "label": "Continue Shopping",
1436
- "event": "INIT",
1437
- "variant": "primary"
1950
+ "label": "Orders",
1951
+ "href": "/orders",
1952
+ "icon": "clipboard-list"
1953
+ }
1954
+ ],
1955
+ "children": [
1956
+ {
1957
+ "type": "stack",
1958
+ "direction": "vertical",
1959
+ "gap": "lg",
1960
+ "align": "center",
1961
+ "children": [
1962
+ {
1963
+ "type": "icon",
1964
+ "name": "check-circle",
1965
+ "size": "lg"
1966
+ },
1967
+ {
1968
+ "type": "typography",
1969
+ "content": "Order Confirmed",
1970
+ "variant": "h2"
1971
+ },
1972
+ {
1973
+ "type": "typography",
1974
+ "content": "Your order has been placed successfully.",
1975
+ "variant": "body"
1976
+ },
1977
+ {
1978
+ "type": "button",
1979
+ "label": "Continue Shopping",
1980
+ "event": "INIT",
1981
+ "variant": "primary"
1982
+ }
1983
+ ]
1438
1984
  }
1439
1985
  ]
1440
1986
  }
@@ -1443,13 +1989,6 @@
1443
1989
  }
1444
1990
  ]
1445
1991
  },
1446
- "listens": [
1447
- {
1448
- "event": "ADD_TO_CART",
1449
- "triggers": "INIT",
1450
- "scope": "external"
1451
- }
1452
- ],
1453
1992
  "emits": [
1454
1993
  {
1455
1994
  "event": "CHECKOUT_STARTED",
@@ -1579,6 +2118,11 @@
1579
2118
  "render-ui",
1580
2119
  "modal",
1581
2120
  null
2121
+ ],
2122
+ [
2123
+ "notify",
2124
+ "Cancelled",
2125
+ "info"
1582
2126
  ]
1583
2127
  ]
1584
2128
  },
@@ -1610,87 +2154,24 @@
1610
2154
  }
1611
2155
  ]
1612
2156
  }
1613
- }
1614
- ],
1615
- "pages": [
2157
+ },
1616
2158
  {
1617
- "name": "CartPage",
1618
- "path": "/cart",
1619
- "traits": [
1620
- {
1621
- "ref": "CartItemCartBrowse"
1622
- },
2159
+ "name": "CartItemRemoveConfirm",
2160
+ "linkedEntity": "CartItem",
2161
+ "category": "interaction",
2162
+ "emits": [
1623
2163
  {
1624
- "ref": "CartItemAddItem"
2164
+ "event": "CONFIRM_REMOVE"
1625
2165
  }
1626
- ]
1627
- }
1628
- ]
1629
- },
1630
- {
1631
- "name": "CheckoutOrbital",
1632
- "entity": {
1633
- "name": "Checkout",
1634
- "persistence": "runtime",
1635
- "fields": [
1636
- {
1637
- "name": "id",
1638
- "type": "string",
1639
- "required": true
1640
- },
1641
- {
1642
- "name": "customerName",
1643
- "type": "string",
1644
- "required": true
1645
- },
1646
- {
1647
- "name": "email",
1648
- "type": "string",
1649
- "required": true
1650
- },
1651
- {
1652
- "name": "shippingAddress",
1653
- "type": "string",
1654
- "required": true
1655
- },
1656
- {
1657
- "name": "paymentMethod",
1658
- "type": "string",
1659
- "required": true
1660
- },
1661
- {
1662
- "name": "orderTotal",
1663
- "type": "number"
1664
- },
1665
- {
1666
- "name": "status",
1667
- "type": "string",
1668
- "default": "pending"
1669
- }
1670
- ]
1671
- },
1672
- "traits": [
1673
- {
1674
- "name": "CheckoutWizard",
1675
- "linkedEntity": "Checkout",
1676
- "category": "interaction",
2166
+ ],
1677
2167
  "stateMachine": {
1678
2168
  "states": [
1679
2169
  {
1680
- "name": "step1",
2170
+ "name": "idle",
1681
2171
  "isInitial": true
1682
2172
  },
1683
2173
  {
1684
- "name": "step2"
1685
- },
1686
- {
1687
- "name": "step3"
1688
- },
1689
- {
1690
- "name": "review"
1691
- },
1692
- {
1693
- "name": "complete"
2174
+ "name": "confirming"
1694
2175
  }
1695
2176
  ],
1696
2177
  "events": [
@@ -1699,53 +2180,70 @@
1699
2180
  "name": "Initialize"
1700
2181
  },
1701
2182
  {
1702
- "key": "NEXT",
1703
- "name": "Next Step",
2183
+ "key": "REQUEST_REMOVE",
2184
+ "name": "Request Confirmation",
1704
2185
  "payload": [
1705
2186
  {
1706
- "name": "data",
1707
- "type": "object",
2187
+ "name": "id",
2188
+ "type": "string",
1708
2189
  "required": true
1709
2190
  }
1710
2191
  ]
1711
2192
  },
1712
2193
  {
1713
- "key": "PREV",
1714
- "name": "Previous Step"
1715
- },
1716
- {
1717
- "key": "COMPLETE",
1718
- "name": "Complete Wizard",
2194
+ "key": "CONFIRM_REMOVE",
2195
+ "name": "Confirm",
1719
2196
  "payload": [
1720
2197
  {
1721
- "name": "data",
1722
- "type": "object",
2198
+ "name": "id",
2199
+ "type": "string",
1723
2200
  "required": true
1724
2201
  }
1725
2202
  ]
1726
2203
  },
1727
2204
  {
1728
- "key": "RESTART",
1729
- "name": "Restart Wizard"
2205
+ "key": "CANCEL",
2206
+ "name": "Cancel"
2207
+ },
2208
+ {
2209
+ "key": "CLOSE",
2210
+ "name": "Close"
1730
2211
  }
1731
2212
  ],
1732
2213
  "transitions": [
1733
2214
  {
1734
- "from": "step1",
1735
- "to": "step1",
2215
+ "from": "idle",
2216
+ "to": "idle",
1736
2217
  "event": "INIT",
1737
2218
  "effects": [
1738
2219
  [
1739
2220
  "fetch",
1740
- "Checkout"
2221
+ "CartItem"
2222
+ ]
2223
+ ]
2224
+ },
2225
+ {
2226
+ "from": "idle",
2227
+ "to": "confirming",
2228
+ "event": "REQUEST_REMOVE",
2229
+ "effects": [
2230
+ [
2231
+ "set",
2232
+ "@entity.pendingId",
2233
+ "@payload.id"
2234
+ ],
2235
+ [
2236
+ "fetch",
2237
+ "CartItem",
2238
+ "@payload.id"
1741
2239
  ],
1742
2240
  [
1743
2241
  "render-ui",
1744
- "main",
2242
+ "modal",
1745
2243
  {
1746
2244
  "type": "stack",
1747
2245
  "direction": "vertical",
1748
- "gap": "lg",
2246
+ "gap": "md",
1749
2247
  "children": [
1750
2248
  {
1751
2249
  "type": "stack",
@@ -1755,47 +2253,23 @@
1755
2253
  "children": [
1756
2254
  {
1757
2255
  "type": "icon",
1758
- "name": "credit-card",
1759
- "size": "lg"
2256
+ "name": "alert-triangle",
2257
+ "size": "md"
1760
2258
  },
1761
2259
  {
1762
2260
  "type": "typography",
1763
- "content": "Checkout",
1764
- "variant": "h2"
2261
+ "content": "Remove Item",
2262
+ "variant": "h3"
1765
2263
  }
1766
2264
  ]
1767
2265
  },
1768
- {
1769
- "type": "badge",
1770
- "label": "Step 1 of 3"
1771
- },
1772
- {
1773
- "type": "wizard-progress",
1774
- "steps": [
1775
- "Customer Info",
1776
- "Shipping",
1777
- "Payment"
1778
- ],
1779
- "currentStep": 0
1780
- },
1781
2266
  {
1782
2267
  "type": "divider"
1783
2268
  },
1784
2269
  {
1785
- "type": "typography",
1786
- "content": "Customer Info",
1787
- "variant": "h3"
1788
- },
1789
- {
1790
- "type": "form-section",
1791
- "entity": "Checkout",
1792
- "mode": "create",
1793
- "submitEvent": "NEXT",
1794
- "cancelEvent": "INIT",
1795
- "fields": [
1796
- "customerName",
1797
- "email"
1798
- ]
2270
+ "type": "alert",
2271
+ "variant": "danger",
2272
+ "message": "Are you sure you want to remove this item from your cart?"
1799
2273
  },
1800
2274
  {
1801
2275
  "type": "stack",
@@ -1805,10 +2279,16 @@
1805
2279
  "children": [
1806
2280
  {
1807
2281
  "type": "button",
1808
- "label": "Next",
1809
- "event": "NEXT",
1810
- "variant": "primary",
1811
- "icon": "arrow-right"
2282
+ "label": "Cancel",
2283
+ "event": "CANCEL",
2284
+ "variant": "ghost"
2285
+ },
2286
+ {
2287
+ "type": "button",
2288
+ "label": "Remove",
2289
+ "event": "CONFIRM_REMOVE",
2290
+ "variant": "danger",
2291
+ "icon": "check"
1812
2292
  }
1813
2293
  ]
1814
2294
  }
@@ -1818,102 +2298,204 @@
1818
2298
  ]
1819
2299
  },
1820
2300
  {
1821
- "from": "step1",
1822
- "to": "step2",
1823
- "event": "NEXT",
2301
+ "from": "confirming",
2302
+ "to": "idle",
2303
+ "event": "CONFIRM_REMOVE",
1824
2304
  "effects": [
2305
+ [
2306
+ "persist",
2307
+ "delete",
2308
+ "CartItem",
2309
+ "@payload.id"
2310
+ ],
1825
2311
  [
1826
2312
  "fetch",
1827
- "Checkout"
2313
+ "CartItem"
1828
2314
  ],
1829
2315
  [
1830
2316
  "render-ui",
1831
- "main",
1832
- {
1833
- "type": "stack",
1834
- "direction": "vertical",
1835
- "gap": "lg",
1836
- "children": [
1837
- {
1838
- "type": "stack",
1839
- "direction": "horizontal",
1840
- "gap": "sm",
1841
- "align": "center",
1842
- "children": [
1843
- {
1844
- "type": "icon",
1845
- "name": "credit-card",
1846
- "size": "lg"
1847
- },
1848
- {
1849
- "type": "typography",
1850
- "content": "Checkout",
1851
- "variant": "h2"
1852
- }
1853
- ]
1854
- },
1855
- {
1856
- "type": "badge",
1857
- "label": "Step 2 of 3"
1858
- },
1859
- {
1860
- "type": "wizard-progress",
1861
- "steps": [
1862
- "Customer Info",
1863
- "Shipping",
1864
- "Payment"
1865
- ],
1866
- "currentStep": 1
1867
- },
1868
- {
1869
- "type": "divider"
1870
- },
1871
- {
1872
- "type": "typography",
1873
- "content": "Shipping",
1874
- "variant": "h3"
1875
- },
1876
- {
1877
- "type": "form-section",
1878
- "entity": "Checkout",
1879
- "mode": "create",
1880
- "submitEvent": "NEXT",
1881
- "cancelEvent": "PREV",
1882
- "fields": [
1883
- "shippingAddress"
1884
- ]
1885
- },
1886
- {
1887
- "type": "stack",
1888
- "direction": "horizontal",
1889
- "gap": "sm",
1890
- "justify": "end",
1891
- "children": [
1892
- {
1893
- "type": "button",
1894
- "label": "Back",
1895
- "event": "PREV",
1896
- "variant": "ghost",
1897
- "icon": "arrow-left"
1898
- },
1899
- {
1900
- "type": "button",
1901
- "label": "Next",
1902
- "event": "NEXT",
1903
- "variant": "primary",
1904
- "icon": "arrow-right"
1905
- }
1906
- ]
1907
- }
1908
- ]
1909
- }
2317
+ "modal",
2318
+ null
2319
+ ],
2320
+ [
2321
+ "fetch",
2322
+ "CartItem"
2323
+ ],
2324
+ [
2325
+ "emit",
2326
+ "CONFIRM_REMOVE"
2327
+ ],
2328
+ [
2329
+ "notify",
2330
+ "CartItem deleted successfully"
1910
2331
  ]
1911
2332
  ]
1912
2333
  },
1913
2334
  {
1914
- "from": "step2",
1915
- "to": "step3",
1916
- "event": "NEXT",
2335
+ "from": "confirming",
2336
+ "to": "idle",
2337
+ "event": "CANCEL",
2338
+ "effects": [
2339
+ [
2340
+ "render-ui",
2341
+ "modal",
2342
+ null
2343
+ ],
2344
+ [
2345
+ "fetch",
2346
+ "CartItem"
2347
+ ]
2348
+ ]
2349
+ },
2350
+ {
2351
+ "from": "confirming",
2352
+ "to": "idle",
2353
+ "event": "CLOSE",
2354
+ "effects": [
2355
+ [
2356
+ "render-ui",
2357
+ "modal",
2358
+ null
2359
+ ],
2360
+ [
2361
+ "fetch",
2362
+ "CartItem"
2363
+ ]
2364
+ ]
2365
+ }
2366
+ ]
2367
+ }
2368
+ }
2369
+ ],
2370
+ "pages": [
2371
+ {
2372
+ "name": "CartPage",
2373
+ "path": "/cart",
2374
+ "traits": [
2375
+ {
2376
+ "ref": "CartItemCartBrowse"
2377
+ },
2378
+ {
2379
+ "ref": "CartItemAddItem"
2380
+ }
2381
+ ]
2382
+ }
2383
+ ]
2384
+ },
2385
+ {
2386
+ "name": "CheckoutOrbital",
2387
+ "entity": {
2388
+ "name": "Checkout",
2389
+ "persistence": "runtime",
2390
+ "fields": [
2391
+ {
2392
+ "name": "id",
2393
+ "type": "string",
2394
+ "required": true
2395
+ },
2396
+ {
2397
+ "name": "customerName",
2398
+ "type": "string",
2399
+ "required": true
2400
+ },
2401
+ {
2402
+ "name": "email",
2403
+ "type": "string",
2404
+ "required": true
2405
+ },
2406
+ {
2407
+ "name": "shippingAddress",
2408
+ "type": "string",
2409
+ "required": true
2410
+ },
2411
+ {
2412
+ "name": "paymentMethod",
2413
+ "type": "string",
2414
+ "required": true
2415
+ },
2416
+ {
2417
+ "name": "orderTotal",
2418
+ "type": "number"
2419
+ },
2420
+ {
2421
+ "name": "status",
2422
+ "type": "string",
2423
+ "default": "pending",
2424
+ "values": [
2425
+ "pending",
2426
+ "processing",
2427
+ "shipped",
2428
+ "delivered",
2429
+ "cancelled"
2430
+ ]
2431
+ }
2432
+ ]
2433
+ },
2434
+ "traits": [
2435
+ {
2436
+ "name": "CheckoutWizard",
2437
+ "linkedEntity": "Checkout",
2438
+ "category": "interaction",
2439
+ "stateMachine": {
2440
+ "states": [
2441
+ {
2442
+ "name": "step1",
2443
+ "isInitial": true
2444
+ },
2445
+ {
2446
+ "name": "step2"
2447
+ },
2448
+ {
2449
+ "name": "step3"
2450
+ },
2451
+ {
2452
+ "name": "review"
2453
+ },
2454
+ {
2455
+ "name": "complete"
2456
+ }
2457
+ ],
2458
+ "events": [
2459
+ {
2460
+ "key": "INIT",
2461
+ "name": "Initialize"
2462
+ },
2463
+ {
2464
+ "key": "NEXT",
2465
+ "name": "Next Step",
2466
+ "payload": [
2467
+ {
2468
+ "name": "data",
2469
+ "type": "object",
2470
+ "required": true
2471
+ }
2472
+ ]
2473
+ },
2474
+ {
2475
+ "key": "PREV",
2476
+ "name": "Previous Step"
2477
+ },
2478
+ {
2479
+ "key": "COMPLETE",
2480
+ "name": "Complete Wizard",
2481
+ "payload": [
2482
+ {
2483
+ "name": "data",
2484
+ "type": "object",
2485
+ "required": true
2486
+ }
2487
+ ]
2488
+ },
2489
+ {
2490
+ "key": "RESTART",
2491
+ "name": "Restart Wizard"
2492
+ }
2493
+ ],
2494
+ "transitions": [
2495
+ {
2496
+ "from": "step1",
2497
+ "to": "step1",
2498
+ "event": "INIT",
1917
2499
  "effects": [
1918
2500
  [
1919
2501
  "fetch",
@@ -1923,78 +2505,108 @@
1923
2505
  "render-ui",
1924
2506
  "main",
1925
2507
  {
1926
- "type": "stack",
1927
- "direction": "vertical",
1928
- "gap": "lg",
1929
- "children": [
2508
+ "type": "dashboard-layout",
2509
+ "appName": "EcommerceApp",
2510
+ "navItems": [
1930
2511
  {
1931
- "type": "stack",
1932
- "direction": "horizontal",
1933
- "gap": "sm",
1934
- "align": "center",
1935
- "children": [
1936
- {
1937
- "type": "icon",
1938
- "name": "credit-card",
1939
- "size": "lg"
1940
- },
1941
- {
1942
- "type": "typography",
1943
- "content": "Checkout",
1944
- "variant": "h2"
1945
- }
1946
- ]
1947
- },
1948
- {
1949
- "type": "badge",
1950
- "label": "Step 3 of 3"
2512
+ "label": "Products",
2513
+ "href": "/products",
2514
+ "icon": "package"
1951
2515
  },
1952
2516
  {
1953
- "type": "wizard-progress",
1954
- "steps": [
1955
- "Customer Info",
1956
- "Shipping",
1957
- "Payment"
1958
- ],
1959
- "currentStep": 2
1960
- },
1961
- {
1962
- "type": "divider"
2517
+ "label": "Cart",
2518
+ "href": "/cart",
2519
+ "icon": "shopping-cart"
1963
2520
  },
1964
2521
  {
1965
- "type": "typography",
1966
- "content": "Payment",
1967
- "variant": "h3"
2522
+ "label": "Checkout",
2523
+ "href": "/checkout",
2524
+ "icon": "credit-card"
1968
2525
  },
1969
2526
  {
1970
- "type": "form-section",
1971
- "entity": "Checkout",
1972
- "mode": "create",
1973
- "submitEvent": "NEXT",
1974
- "cancelEvent": "PREV",
1975
- "fields": [
1976
- "paymentMethod"
1977
- ]
1978
- },
2527
+ "label": "Orders",
2528
+ "href": "/orders",
2529
+ "icon": "clipboard-list"
2530
+ }
2531
+ ],
2532
+ "children": [
1979
2533
  {
1980
- "type": "stack",
1981
- "direction": "horizontal",
1982
- "gap": "sm",
1983
- "justify": "end",
2534
+ "type": "container",
2535
+ "maxWidth": "lg",
2536
+ "padding": "lg",
1984
2537
  "children": [
1985
2538
  {
1986
- "type": "button",
1987
- "label": "Back",
1988
- "event": "PREV",
1989
- "variant": "ghost",
1990
- "icon": "arrow-left"
1991
- },
1992
- {
1993
- "type": "button",
1994
- "label": "Next",
1995
- "event": "NEXT",
1996
- "variant": "primary",
1997
- "icon": "arrow-right"
2539
+ "type": "stack",
2540
+ "direction": "vertical",
2541
+ "gap": "lg",
2542
+ "children": [
2543
+ {
2544
+ "type": "stack",
2545
+ "direction": "horizontal",
2546
+ "gap": "sm",
2547
+ "align": "center",
2548
+ "children": [
2549
+ {
2550
+ "type": "icon",
2551
+ "name": "credit-card",
2552
+ "size": "lg"
2553
+ },
2554
+ {
2555
+ "type": "typography",
2556
+ "content": "Checkout",
2557
+ "variant": "h2"
2558
+ }
2559
+ ]
2560
+ },
2561
+ {
2562
+ "type": "progress-dots",
2563
+ "count": 3,
2564
+ "currentIndex": 0
2565
+ },
2566
+ {
2567
+ "type": "wizard-progress",
2568
+ "steps": [
2569
+ "Customer Info",
2570
+ "Shipping",
2571
+ "Payment"
2572
+ ],
2573
+ "currentStep": 0
2574
+ },
2575
+ {
2576
+ "type": "divider"
2577
+ },
2578
+ {
2579
+ "type": "typography",
2580
+ "content": "Customer Info",
2581
+ "variant": "h3"
2582
+ },
2583
+ {
2584
+ "type": "form-section",
2585
+ "entity": "Checkout",
2586
+ "mode": "create",
2587
+ "submitEvent": "NEXT",
2588
+ "cancelEvent": "INIT",
2589
+ "fields": [
2590
+ "customerName",
2591
+ "email"
2592
+ ]
2593
+ },
2594
+ {
2595
+ "type": "stack",
2596
+ "direction": "horizontal",
2597
+ "gap": "sm",
2598
+ "justify": "end",
2599
+ "children": [
2600
+ {
2601
+ "type": "button",
2602
+ "label": "Next",
2603
+ "event": "NEXT",
2604
+ "variant": "primary",
2605
+ "icon": "arrow-right"
2606
+ }
2607
+ ]
2608
+ }
2609
+ ]
1998
2610
  }
1999
2611
  ]
2000
2612
  }
@@ -2004,8 +2616,8 @@
2004
2616
  ]
2005
2617
  },
2006
2618
  {
2007
- "from": "step3",
2008
- "to": "review",
2619
+ "from": "step1",
2620
+ "to": "step2",
2009
2621
  "event": "NEXT",
2010
2622
  "effects": [
2011
2623
  [
@@ -2016,184 +2628,458 @@
2016
2628
  "render-ui",
2017
2629
  "main",
2018
2630
  {
2019
- "type": "stack",
2020
- "direction": "vertical",
2021
- "gap": "lg",
2022
- "children": [
2631
+ "type": "dashboard-layout",
2632
+ "appName": "EcommerceApp",
2633
+ "navItems": [
2023
2634
  {
2024
- "type": "stack",
2025
- "direction": "horizontal",
2026
- "gap": "sm",
2027
- "align": "center",
2028
- "children": [
2029
- {
2030
- "type": "icon",
2031
- "name": "credit-card",
2032
- "size": "lg"
2033
- },
2034
- {
2035
- "type": "typography",
2036
- "content": "Checkout",
2037
- "variant": "h2"
2038
- }
2039
- ]
2635
+ "label": "Products",
2636
+ "href": "/products",
2637
+ "icon": "package"
2040
2638
  },
2041
2639
  {
2042
- "type": "badge",
2043
- "label": "Review"
2640
+ "label": "Cart",
2641
+ "href": "/cart",
2642
+ "icon": "shopping-cart"
2044
2643
  },
2045
2644
  {
2046
- "type": "wizard-progress",
2047
- "steps": [
2048
- "Customer Info",
2049
- "Shipping",
2050
- "Payment"
2051
- ],
2052
- "currentStep": 3
2645
+ "label": "Checkout",
2646
+ "href": "/checkout",
2647
+ "icon": "credit-card"
2053
2648
  },
2054
2649
  {
2055
- "type": "divider"
2056
- },
2650
+ "label": "Orders",
2651
+ "href": "/orders",
2652
+ "icon": "clipboard-list"
2653
+ }
2654
+ ],
2655
+ "children": [
2057
2656
  {
2058
- "type": "data-list",
2059
- "entity": "Checkout",
2657
+ "type": "container",
2658
+ "maxWidth": "lg",
2659
+ "padding": "lg",
2060
2660
  "children": [
2061
2661
  {
2062
2662
  "type": "stack",
2063
2663
  "direction": "vertical",
2064
- "gap": "sm",
2664
+ "gap": "lg",
2065
2665
  "children": [
2066
2666
  {
2067
2667
  "type": "stack",
2068
2668
  "direction": "horizontal",
2069
- "gap": "md",
2070
- "justify": "space-between",
2669
+ "gap": "sm",
2670
+ "align": "center",
2071
2671
  "children": [
2072
2672
  {
2073
- "type": "typography",
2074
- "variant": "caption",
2075
- "content": "CustomerName"
2673
+ "type": "icon",
2674
+ "name": "credit-card",
2675
+ "size": "lg"
2076
2676
  },
2077
2677
  {
2078
2678
  "type": "typography",
2079
- "variant": "body",
2080
- "content": "@entity.customerName"
2679
+ "content": "Checkout",
2680
+ "variant": "h2"
2081
2681
  }
2082
2682
  ]
2083
2683
  },
2084
2684
  {
2085
- "type": "stack",
2086
- "direction": "horizontal",
2087
- "gap": "md",
2088
- "justify": "space-between",
2089
- "children": [
2090
- {
2091
- "type": "typography",
2092
- "variant": "caption",
2093
- "content": "Email"
2094
- },
2095
- {
2096
- "type": "typography",
2097
- "variant": "body",
2098
- "content": "@entity.email"
2099
- }
2685
+ "type": "progress-dots",
2686
+ "count": 3,
2687
+ "currentIndex": 1
2688
+ },
2689
+ {
2690
+ "type": "wizard-progress",
2691
+ "steps": [
2692
+ "Customer Info",
2693
+ "Shipping",
2694
+ "Payment"
2695
+ ],
2696
+ "currentStep": 1
2697
+ },
2698
+ {
2699
+ "type": "divider"
2700
+ },
2701
+ {
2702
+ "type": "typography",
2703
+ "content": "Shipping",
2704
+ "variant": "h3"
2705
+ },
2706
+ {
2707
+ "type": "form-section",
2708
+ "entity": "Checkout",
2709
+ "mode": "create",
2710
+ "submitEvent": "NEXT",
2711
+ "cancelEvent": "PREV",
2712
+ "fields": [
2713
+ "shippingAddress"
2100
2714
  ]
2101
2715
  },
2102
2716
  {
2103
2717
  "type": "stack",
2104
2718
  "direction": "horizontal",
2105
- "gap": "md",
2106
- "justify": "space-between",
2719
+ "gap": "sm",
2720
+ "justify": "end",
2107
2721
  "children": [
2108
2722
  {
2109
- "type": "typography",
2110
- "variant": "caption",
2111
- "content": "ShippingAddress"
2723
+ "type": "button",
2724
+ "label": "Back",
2725
+ "event": "PREV",
2726
+ "variant": "ghost",
2727
+ "icon": "arrow-left"
2112
2728
  },
2113
2729
  {
2114
- "type": "typography",
2115
- "variant": "body",
2116
- "content": "@entity.shippingAddress"
2730
+ "type": "button",
2731
+ "label": "Next",
2732
+ "event": "NEXT",
2733
+ "variant": "primary",
2734
+ "icon": "arrow-right"
2117
2735
  }
2118
2736
  ]
2119
- },
2737
+ }
2738
+ ]
2739
+ }
2740
+ ]
2741
+ }
2742
+ ]
2743
+ }
2744
+ ]
2745
+ ]
2746
+ },
2747
+ {
2748
+ "from": "step2",
2749
+ "to": "step3",
2750
+ "event": "NEXT",
2751
+ "effects": [
2752
+ [
2753
+ "fetch",
2754
+ "Checkout"
2755
+ ],
2756
+ [
2757
+ "render-ui",
2758
+ "main",
2759
+ {
2760
+ "type": "dashboard-layout",
2761
+ "appName": "EcommerceApp",
2762
+ "navItems": [
2763
+ {
2764
+ "label": "Products",
2765
+ "href": "/products",
2766
+ "icon": "package"
2767
+ },
2768
+ {
2769
+ "label": "Cart",
2770
+ "href": "/cart",
2771
+ "icon": "shopping-cart"
2772
+ },
2773
+ {
2774
+ "label": "Checkout",
2775
+ "href": "/checkout",
2776
+ "icon": "credit-card"
2777
+ },
2778
+ {
2779
+ "label": "Orders",
2780
+ "href": "/orders",
2781
+ "icon": "clipboard-list"
2782
+ }
2783
+ ],
2784
+ "children": [
2785
+ {
2786
+ "type": "container",
2787
+ "maxWidth": "lg",
2788
+ "padding": "lg",
2789
+ "children": [
2790
+ {
2791
+ "type": "stack",
2792
+ "direction": "vertical",
2793
+ "gap": "lg",
2794
+ "children": [
2120
2795
  {
2121
2796
  "type": "stack",
2122
2797
  "direction": "horizontal",
2123
- "gap": "md",
2124
- "justify": "space-between",
2798
+ "gap": "sm",
2799
+ "align": "center",
2125
2800
  "children": [
2126
2801
  {
2127
- "type": "typography",
2128
- "variant": "caption",
2129
- "content": "PaymentMethod"
2802
+ "type": "icon",
2803
+ "name": "credit-card",
2804
+ "size": "lg"
2130
2805
  },
2131
2806
  {
2132
2807
  "type": "typography",
2133
- "variant": "body",
2134
- "content": "@entity.paymentMethod"
2808
+ "content": "Checkout",
2809
+ "variant": "h2"
2135
2810
  }
2136
2811
  ]
2137
2812
  },
2813
+ {
2814
+ "type": "progress-dots",
2815
+ "count": 3,
2816
+ "currentIndex": 2
2817
+ },
2818
+ {
2819
+ "type": "wizard-progress",
2820
+ "steps": [
2821
+ "Customer Info",
2822
+ "Shipping",
2823
+ "Payment"
2824
+ ],
2825
+ "currentStep": 2
2826
+ },
2827
+ {
2828
+ "type": "divider"
2829
+ },
2830
+ {
2831
+ "type": "typography",
2832
+ "content": "Payment",
2833
+ "variant": "h3"
2834
+ },
2835
+ {
2836
+ "type": "form-section",
2837
+ "entity": "Checkout",
2838
+ "mode": "create",
2839
+ "submitEvent": "NEXT",
2840
+ "cancelEvent": "PREV",
2841
+ "fields": [
2842
+ "paymentMethod"
2843
+ ]
2844
+ },
2138
2845
  {
2139
2846
  "type": "stack",
2140
2847
  "direction": "horizontal",
2141
- "gap": "md",
2142
- "justify": "space-between",
2848
+ "gap": "sm",
2849
+ "justify": "end",
2143
2850
  "children": [
2144
2851
  {
2145
- "type": "typography",
2146
- "variant": "caption",
2147
- "content": "OrderTotal"
2852
+ "type": "button",
2853
+ "label": "Back",
2854
+ "event": "PREV",
2855
+ "variant": "ghost",
2856
+ "icon": "arrow-left"
2148
2857
  },
2149
2858
  {
2150
- "type": "typography",
2151
- "variant": "body",
2152
- "content": "@entity.orderTotal"
2859
+ "type": "button",
2860
+ "label": "Next",
2861
+ "event": "NEXT",
2862
+ "variant": "primary",
2863
+ "icon": "arrow-right"
2153
2864
  }
2154
2865
  ]
2866
+ }
2867
+ ]
2868
+ }
2869
+ ]
2870
+ }
2871
+ ]
2872
+ }
2873
+ ]
2874
+ ]
2875
+ },
2876
+ {
2877
+ "from": "step3",
2878
+ "to": "review",
2879
+ "event": "NEXT",
2880
+ "effects": [
2881
+ [
2882
+ "fetch",
2883
+ "Checkout"
2884
+ ],
2885
+ [
2886
+ "render-ui",
2887
+ "main",
2888
+ {
2889
+ "type": "dashboard-layout",
2890
+ "appName": "EcommerceApp",
2891
+ "navItems": [
2892
+ {
2893
+ "label": "Products",
2894
+ "href": "/products",
2895
+ "icon": "package"
2896
+ },
2897
+ {
2898
+ "label": "Cart",
2899
+ "href": "/cart",
2900
+ "icon": "shopping-cart"
2901
+ },
2902
+ {
2903
+ "label": "Checkout",
2904
+ "href": "/checkout",
2905
+ "icon": "credit-card"
2906
+ },
2907
+ {
2908
+ "label": "Orders",
2909
+ "href": "/orders",
2910
+ "icon": "clipboard-list"
2911
+ }
2912
+ ],
2913
+ "children": [
2914
+ {
2915
+ "type": "stack",
2916
+ "direction": "vertical",
2917
+ "gap": "lg",
2918
+ "children": [
2919
+ {
2920
+ "type": "stack",
2921
+ "direction": "horizontal",
2922
+ "gap": "sm",
2923
+ "align": "center",
2924
+ "children": [
2925
+ {
2926
+ "type": "icon",
2927
+ "name": "credit-card",
2928
+ "size": "lg"
2155
2929
  },
2930
+ {
2931
+ "type": "typography",
2932
+ "content": "Checkout",
2933
+ "variant": "h2"
2934
+ }
2935
+ ]
2936
+ },
2937
+ {
2938
+ "type": "badge",
2939
+ "label": "Review"
2940
+ },
2941
+ {
2942
+ "type": "wizard-progress",
2943
+ "steps": [
2944
+ "Customer Info",
2945
+ "Shipping",
2946
+ "Payment"
2947
+ ],
2948
+ "currentStep": 3
2949
+ },
2950
+ {
2951
+ "type": "divider"
2952
+ },
2953
+ {
2954
+ "type": "data-list",
2955
+ "entity": "Checkout",
2956
+ "renderItem": [
2957
+ "fn",
2958
+ "item",
2156
2959
  {
2157
2960
  "type": "stack",
2158
- "direction": "horizontal",
2159
- "gap": "md",
2160
- "justify": "space-between",
2961
+ "direction": "vertical",
2962
+ "gap": "sm",
2161
2963
  "children": [
2162
2964
  {
2163
- "type": "typography",
2164
- "variant": "caption",
2165
- "content": "Status"
2965
+ "type": "stack",
2966
+ "direction": "horizontal",
2967
+ "gap": "md",
2968
+ "justify": "space-between",
2969
+ "children": [
2970
+ {
2971
+ "type": "typography",
2972
+ "variant": "caption",
2973
+ "content": "CustomerName"
2974
+ },
2975
+ {
2976
+ "type": "typography",
2977
+ "variant": "body",
2978
+ "content": "@item.customerName"
2979
+ }
2980
+ ]
2981
+ },
2982
+ {
2983
+ "type": "stack",
2984
+ "direction": "horizontal",
2985
+ "gap": "md",
2986
+ "justify": "space-between",
2987
+ "children": [
2988
+ {
2989
+ "type": "typography",
2990
+ "variant": "caption",
2991
+ "content": "Email"
2992
+ },
2993
+ {
2994
+ "type": "typography",
2995
+ "variant": "body",
2996
+ "content": "@item.email"
2997
+ }
2998
+ ]
2999
+ },
3000
+ {
3001
+ "type": "stack",
3002
+ "direction": "horizontal",
3003
+ "gap": "md",
3004
+ "justify": "space-between",
3005
+ "children": [
3006
+ {
3007
+ "type": "typography",
3008
+ "variant": "caption",
3009
+ "content": "ShippingAddress"
3010
+ },
3011
+ {
3012
+ "type": "typography",
3013
+ "variant": "body",
3014
+ "content": "@item.shippingAddress"
3015
+ }
3016
+ ]
3017
+ },
3018
+ {
3019
+ "type": "stack",
3020
+ "direction": "horizontal",
3021
+ "gap": "md",
3022
+ "justify": "space-between",
3023
+ "children": [
3024
+ {
3025
+ "type": "typography",
3026
+ "variant": "caption",
3027
+ "content": "PaymentMethod"
3028
+ },
3029
+ {
3030
+ "type": "typography",
3031
+ "variant": "body",
3032
+ "content": "@item.paymentMethod"
3033
+ }
3034
+ ]
3035
+ },
3036
+ {
3037
+ "type": "stack",
3038
+ "direction": "horizontal",
3039
+ "gap": "md",
3040
+ "justify": "space-between",
3041
+ "children": [
3042
+ {
3043
+ "type": "typography",
3044
+ "variant": "caption",
3045
+ "content": "OrderTotal"
3046
+ },
3047
+ {
3048
+ "type": "typography",
3049
+ "variant": "body",
3050
+ "content": "@item.orderTotal"
3051
+ }
3052
+ ]
2166
3053
  },
2167
3054
  {
2168
- "type": "typography",
2169
- "variant": "body",
2170
- "content": "@entity.status"
3055
+ "type": "stack",
3056
+ "direction": "horizontal",
3057
+ "gap": "md",
3058
+ "justify": "space-between",
3059
+ "children": [
3060
+ {
3061
+ "type": "typography",
3062
+ "variant": "caption",
3063
+ "content": "Status"
3064
+ },
3065
+ {
3066
+ "type": "typography",
3067
+ "variant": "body",
3068
+ "content": "@item.status"
3069
+ }
3070
+ ]
2171
3071
  }
2172
3072
  ]
2173
3073
  }
2174
3074
  ]
2175
- }
2176
- ]
2177
- },
2178
- {
2179
- "type": "stack",
2180
- "direction": "horizontal",
2181
- "gap": "sm",
2182
- "justify": "end",
2183
- "children": [
2184
- {
2185
- "type": "button",
2186
- "label": "Back",
2187
- "event": "PREV",
2188
- "variant": "ghost",
2189
- "icon": "arrow-left"
2190
3075
  },
2191
3076
  {
2192
- "type": "button",
2193
- "label": "Place Order",
2194
- "event": "COMPLETE",
2195
- "variant": "primary",
2196
- "icon": "check"
3077
+ "type": "wizard-navigation",
3078
+ "currentStep": 3,
3079
+ "totalSteps": 4,
3080
+ "showBack": true,
3081
+ "showComplete": true,
3082
+ "showNext": false
2197
3083
  }
2198
3084
  ]
2199
3085
  }
@@ -2215,72 +3101,108 @@
2215
3101
  "render-ui",
2216
3102
  "main",
2217
3103
  {
2218
- "type": "stack",
2219
- "direction": "vertical",
2220
- "gap": "lg",
2221
- "children": [
2222
- {
2223
- "type": "stack",
2224
- "direction": "horizontal",
2225
- "gap": "sm",
2226
- "align": "center",
2227
- "children": [
2228
- {
2229
- "type": "icon",
2230
- "name": "credit-card",
2231
- "size": "lg"
2232
- },
2233
- {
2234
- "type": "typography",
2235
- "content": "Checkout",
2236
- "variant": "h2"
2237
- }
2238
- ]
2239
- },
2240
- {
2241
- "type": "badge",
2242
- "label": "Step 1 of 3"
2243
- },
3104
+ "type": "dashboard-layout",
3105
+ "appName": "EcommerceApp",
3106
+ "navItems": [
2244
3107
  {
2245
- "type": "wizard-progress",
2246
- "steps": [
2247
- "Customer Info",
2248
- "Shipping",
2249
- "Payment"
2250
- ],
2251
- "currentStep": 0
3108
+ "label": "Products",
3109
+ "href": "/products",
3110
+ "icon": "package"
2252
3111
  },
2253
3112
  {
2254
- "type": "divider"
3113
+ "label": "Cart",
3114
+ "href": "/cart",
3115
+ "icon": "shopping-cart"
2255
3116
  },
2256
3117
  {
2257
- "type": "typography",
2258
- "content": "Customer Info",
2259
- "variant": "h3"
3118
+ "label": "Checkout",
3119
+ "href": "/checkout",
3120
+ "icon": "credit-card"
2260
3121
  },
2261
3122
  {
2262
- "type": "form-section",
2263
- "entity": "Checkout",
2264
- "mode": "create",
2265
- "submitEvent": "NEXT",
2266
- "cancelEvent": "INIT",
2267
- "fields": [
2268
- "customerName",
2269
- "email"
2270
- ]
2271
- },
3123
+ "label": "Orders",
3124
+ "href": "/orders",
3125
+ "icon": "clipboard-list"
3126
+ }
3127
+ ],
3128
+ "children": [
2272
3129
  {
2273
- "type": "stack",
2274
- "direction": "horizontal",
2275
- "gap": "sm",
2276
- "justify": "end",
3130
+ "type": "container",
3131
+ "maxWidth": "lg",
3132
+ "padding": "lg",
2277
3133
  "children": [
2278
3134
  {
2279
- "type": "button",
2280
- "label": "Next",
2281
- "event": "NEXT",
2282
- "variant": "primary",
2283
- "icon": "arrow-right"
3135
+ "type": "stack",
3136
+ "direction": "vertical",
3137
+ "gap": "lg",
3138
+ "children": [
3139
+ {
3140
+ "type": "stack",
3141
+ "direction": "horizontal",
3142
+ "gap": "sm",
3143
+ "align": "center",
3144
+ "children": [
3145
+ {
3146
+ "type": "icon",
3147
+ "name": "credit-card",
3148
+ "size": "lg"
3149
+ },
3150
+ {
3151
+ "type": "typography",
3152
+ "content": "Checkout",
3153
+ "variant": "h2"
3154
+ }
3155
+ ]
3156
+ },
3157
+ {
3158
+ "type": "progress-dots",
3159
+ "count": 3,
3160
+ "currentIndex": 0
3161
+ },
3162
+ {
3163
+ "type": "wizard-progress",
3164
+ "steps": [
3165
+ "Customer Info",
3166
+ "Shipping",
3167
+ "Payment"
3168
+ ],
3169
+ "currentStep": 0
3170
+ },
3171
+ {
3172
+ "type": "divider"
3173
+ },
3174
+ {
3175
+ "type": "typography",
3176
+ "content": "Customer Info",
3177
+ "variant": "h3"
3178
+ },
3179
+ {
3180
+ "type": "form-section",
3181
+ "entity": "Checkout",
3182
+ "mode": "create",
3183
+ "submitEvent": "NEXT",
3184
+ "cancelEvent": "INIT",
3185
+ "fields": [
3186
+ "customerName",
3187
+ "email"
3188
+ ]
3189
+ },
3190
+ {
3191
+ "type": "stack",
3192
+ "direction": "horizontal",
3193
+ "gap": "sm",
3194
+ "justify": "end",
3195
+ "children": [
3196
+ {
3197
+ "type": "button",
3198
+ "label": "Next",
3199
+ "event": "NEXT",
3200
+ "variant": "primary",
3201
+ "icon": "arrow-right"
3202
+ }
3203
+ ]
3204
+ }
3205
+ ]
2284
3206
  }
2285
3207
  ]
2286
3208
  }
@@ -2302,78 +3224,114 @@
2302
3224
  "render-ui",
2303
3225
  "main",
2304
3226
  {
2305
- "type": "stack",
2306
- "direction": "vertical",
2307
- "gap": "lg",
2308
- "children": [
2309
- {
2310
- "type": "stack",
2311
- "direction": "horizontal",
2312
- "gap": "sm",
2313
- "align": "center",
2314
- "children": [
2315
- {
2316
- "type": "icon",
2317
- "name": "credit-card",
2318
- "size": "lg"
2319
- },
2320
- {
2321
- "type": "typography",
2322
- "content": "Checkout",
2323
- "variant": "h2"
2324
- }
2325
- ]
2326
- },
3227
+ "type": "dashboard-layout",
3228
+ "appName": "EcommerceApp",
3229
+ "navItems": [
2327
3230
  {
2328
- "type": "badge",
2329
- "label": "Step 2 of 3"
3231
+ "label": "Products",
3232
+ "href": "/products",
3233
+ "icon": "package"
2330
3234
  },
2331
3235
  {
2332
- "type": "wizard-progress",
2333
- "steps": [
2334
- "Customer Info",
2335
- "Shipping",
2336
- "Payment"
2337
- ],
2338
- "currentStep": 1
2339
- },
2340
- {
2341
- "type": "divider"
3236
+ "label": "Cart",
3237
+ "href": "/cart",
3238
+ "icon": "shopping-cart"
2342
3239
  },
2343
3240
  {
2344
- "type": "typography",
2345
- "content": "Shipping",
2346
- "variant": "h3"
3241
+ "label": "Checkout",
3242
+ "href": "/checkout",
3243
+ "icon": "credit-card"
2347
3244
  },
2348
3245
  {
2349
- "type": "form-section",
2350
- "entity": "Checkout",
2351
- "mode": "create",
2352
- "submitEvent": "NEXT",
2353
- "cancelEvent": "PREV",
2354
- "fields": [
2355
- "shippingAddress"
2356
- ]
2357
- },
3246
+ "label": "Orders",
3247
+ "href": "/orders",
3248
+ "icon": "clipboard-list"
3249
+ }
3250
+ ],
3251
+ "children": [
2358
3252
  {
2359
- "type": "stack",
2360
- "direction": "horizontal",
2361
- "gap": "sm",
2362
- "justify": "end",
3253
+ "type": "container",
3254
+ "maxWidth": "lg",
3255
+ "padding": "lg",
2363
3256
  "children": [
2364
3257
  {
2365
- "type": "button",
2366
- "label": "Back",
2367
- "event": "PREV",
2368
- "variant": "ghost",
2369
- "icon": "arrow-left"
2370
- },
2371
- {
2372
- "type": "button",
2373
- "label": "Next",
2374
- "event": "NEXT",
2375
- "variant": "primary",
2376
- "icon": "arrow-right"
3258
+ "type": "stack",
3259
+ "direction": "vertical",
3260
+ "gap": "lg",
3261
+ "children": [
3262
+ {
3263
+ "type": "stack",
3264
+ "direction": "horizontal",
3265
+ "gap": "sm",
3266
+ "align": "center",
3267
+ "children": [
3268
+ {
3269
+ "type": "icon",
3270
+ "name": "credit-card",
3271
+ "size": "lg"
3272
+ },
3273
+ {
3274
+ "type": "typography",
3275
+ "content": "Checkout",
3276
+ "variant": "h2"
3277
+ }
3278
+ ]
3279
+ },
3280
+ {
3281
+ "type": "progress-dots",
3282
+ "count": 3,
3283
+ "currentIndex": 1
3284
+ },
3285
+ {
3286
+ "type": "wizard-progress",
3287
+ "steps": [
3288
+ "Customer Info",
3289
+ "Shipping",
3290
+ "Payment"
3291
+ ],
3292
+ "currentStep": 1
3293
+ },
3294
+ {
3295
+ "type": "divider"
3296
+ },
3297
+ {
3298
+ "type": "typography",
3299
+ "content": "Shipping",
3300
+ "variant": "h3"
3301
+ },
3302
+ {
3303
+ "type": "form-section",
3304
+ "entity": "Checkout",
3305
+ "mode": "create",
3306
+ "submitEvent": "NEXT",
3307
+ "cancelEvent": "PREV",
3308
+ "fields": [
3309
+ "shippingAddress"
3310
+ ]
3311
+ },
3312
+ {
3313
+ "type": "stack",
3314
+ "direction": "horizontal",
3315
+ "gap": "sm",
3316
+ "justify": "end",
3317
+ "children": [
3318
+ {
3319
+ "type": "button",
3320
+ "label": "Back",
3321
+ "event": "PREV",
3322
+ "variant": "ghost",
3323
+ "icon": "arrow-left"
3324
+ },
3325
+ {
3326
+ "type": "button",
3327
+ "label": "Next",
3328
+ "event": "NEXT",
3329
+ "variant": "primary",
3330
+ "icon": "arrow-right"
3331
+ }
3332
+ ]
3333
+ }
3334
+ ]
2377
3335
  }
2378
3336
  ]
2379
3337
  }
@@ -2395,78 +3353,114 @@
2395
3353
  "render-ui",
2396
3354
  "main",
2397
3355
  {
2398
- "type": "stack",
2399
- "direction": "vertical",
2400
- "gap": "lg",
2401
- "children": [
2402
- {
2403
- "type": "stack",
2404
- "direction": "horizontal",
2405
- "gap": "sm",
2406
- "align": "center",
2407
- "children": [
2408
- {
2409
- "type": "icon",
2410
- "name": "credit-card",
2411
- "size": "lg"
2412
- },
2413
- {
2414
- "type": "typography",
2415
- "content": "Checkout",
2416
- "variant": "h2"
2417
- }
2418
- ]
2419
- },
2420
- {
2421
- "type": "badge",
2422
- "label": "Step 3 of 3"
2423
- },
3356
+ "type": "dashboard-layout",
3357
+ "appName": "EcommerceApp",
3358
+ "navItems": [
2424
3359
  {
2425
- "type": "wizard-progress",
2426
- "steps": [
2427
- "Customer Info",
2428
- "Shipping",
2429
- "Payment"
2430
- ],
2431
- "currentStep": 2
3360
+ "label": "Products",
3361
+ "href": "/products",
3362
+ "icon": "package"
2432
3363
  },
2433
3364
  {
2434
- "type": "divider"
3365
+ "label": "Cart",
3366
+ "href": "/cart",
3367
+ "icon": "shopping-cart"
2435
3368
  },
2436
3369
  {
2437
- "type": "typography",
2438
- "content": "Payment",
2439
- "variant": "h3"
3370
+ "label": "Checkout",
3371
+ "href": "/checkout",
3372
+ "icon": "credit-card"
2440
3373
  },
2441
3374
  {
2442
- "type": "form-section",
2443
- "entity": "Checkout",
2444
- "mode": "create",
2445
- "submitEvent": "NEXT",
2446
- "cancelEvent": "PREV",
2447
- "fields": [
2448
- "paymentMethod"
2449
- ]
2450
- },
3375
+ "label": "Orders",
3376
+ "href": "/orders",
3377
+ "icon": "clipboard-list"
3378
+ }
3379
+ ],
3380
+ "children": [
2451
3381
  {
2452
- "type": "stack",
2453
- "direction": "horizontal",
2454
- "gap": "sm",
2455
- "justify": "end",
3382
+ "type": "container",
3383
+ "maxWidth": "lg",
3384
+ "padding": "lg",
2456
3385
  "children": [
2457
3386
  {
2458
- "type": "button",
2459
- "label": "Back",
2460
- "event": "PREV",
2461
- "variant": "ghost",
2462
- "icon": "arrow-left"
2463
- },
2464
- {
2465
- "type": "button",
2466
- "label": "Next",
2467
- "event": "NEXT",
2468
- "variant": "primary",
2469
- "icon": "arrow-right"
3387
+ "type": "stack",
3388
+ "direction": "vertical",
3389
+ "gap": "lg",
3390
+ "children": [
3391
+ {
3392
+ "type": "stack",
3393
+ "direction": "horizontal",
3394
+ "gap": "sm",
3395
+ "align": "center",
3396
+ "children": [
3397
+ {
3398
+ "type": "icon",
3399
+ "name": "credit-card",
3400
+ "size": "lg"
3401
+ },
3402
+ {
3403
+ "type": "typography",
3404
+ "content": "Checkout",
3405
+ "variant": "h2"
3406
+ }
3407
+ ]
3408
+ },
3409
+ {
3410
+ "type": "progress-dots",
3411
+ "count": 3,
3412
+ "currentIndex": 2
3413
+ },
3414
+ {
3415
+ "type": "wizard-progress",
3416
+ "steps": [
3417
+ "Customer Info",
3418
+ "Shipping",
3419
+ "Payment"
3420
+ ],
3421
+ "currentStep": 2
3422
+ },
3423
+ {
3424
+ "type": "divider"
3425
+ },
3426
+ {
3427
+ "type": "typography",
3428
+ "content": "Payment",
3429
+ "variant": "h3"
3430
+ },
3431
+ {
3432
+ "type": "form-section",
3433
+ "entity": "Checkout",
3434
+ "mode": "create",
3435
+ "submitEvent": "NEXT",
3436
+ "cancelEvent": "PREV",
3437
+ "fields": [
3438
+ "paymentMethod"
3439
+ ]
3440
+ },
3441
+ {
3442
+ "type": "stack",
3443
+ "direction": "horizontal",
3444
+ "gap": "sm",
3445
+ "justify": "end",
3446
+ "children": [
3447
+ {
3448
+ "type": "button",
3449
+ "label": "Back",
3450
+ "event": "PREV",
3451
+ "variant": "ghost",
3452
+ "icon": "arrow-left"
3453
+ },
3454
+ {
3455
+ "type": "button",
3456
+ "label": "Next",
3457
+ "event": "NEXT",
3458
+ "variant": "primary",
3459
+ "icon": "arrow-right"
3460
+ }
3461
+ ]
3462
+ }
3463
+ ]
2470
3464
  }
2471
3465
  ]
2472
3466
  }
@@ -2495,32 +3489,60 @@
2495
3489
  "render-ui",
2496
3490
  "main",
2497
3491
  {
2498
- "type": "stack",
2499
- "direction": "vertical",
2500
- "gap": "lg",
2501
- "align": "center",
2502
- "children": [
3492
+ "type": "dashboard-layout",
3493
+ "appName": "EcommerceApp",
3494
+ "navItems": [
2503
3495
  {
2504
- "type": "icon",
2505
- "name": "check-circle",
2506
- "size": "lg"
3496
+ "label": "Products",
3497
+ "href": "/products",
3498
+ "icon": "package"
2507
3499
  },
2508
3500
  {
2509
- "type": "typography",
2510
- "content": "Order Placed",
2511
- "variant": "h2"
3501
+ "label": "Cart",
3502
+ "href": "/cart",
3503
+ "icon": "shopping-cart"
2512
3504
  },
2513
3505
  {
2514
- "type": "typography",
2515
- "content": "Your order has been placed successfully.",
2516
- "variant": "body"
3506
+ "label": "Checkout",
3507
+ "href": "/checkout",
3508
+ "icon": "credit-card"
2517
3509
  },
2518
3510
  {
2519
- "type": "button",
2520
- "label": "Start New",
2521
- "event": "RESTART",
2522
- "variant": "primary",
2523
- "icon": "refresh-cw"
3511
+ "label": "Orders",
3512
+ "href": "/orders",
3513
+ "icon": "clipboard-list"
3514
+ }
3515
+ ],
3516
+ "children": [
3517
+ {
3518
+ "type": "stack",
3519
+ "direction": "vertical",
3520
+ "gap": "lg",
3521
+ "align": "center",
3522
+ "children": [
3523
+ {
3524
+ "type": "icon",
3525
+ "name": "check-circle",
3526
+ "size": "lg"
3527
+ },
3528
+ {
3529
+ "type": "typography",
3530
+ "content": "Order Placed",
3531
+ "variant": "h2"
3532
+ },
3533
+ {
3534
+ "type": "typography",
3535
+ "content": "Your order has been placed successfully.",
3536
+ "variant": "body"
3537
+ },
3538
+ {
3539
+ "type": "button",
3540
+ "label": "Start New",
3541
+ "event": "RESTART",
3542
+ "variant": "primary",
3543
+ "icon": "refresh-cw"
3544
+ }
3545
+ ]
2524
3546
  }
2525
3547
  ]
2526
3548
  }
@@ -2540,72 +3562,108 @@
2540
3562
  "render-ui",
2541
3563
  "main",
2542
3564
  {
2543
- "type": "stack",
2544
- "direction": "vertical",
2545
- "gap": "lg",
2546
- "children": [
2547
- {
2548
- "type": "stack",
2549
- "direction": "horizontal",
2550
- "gap": "sm",
2551
- "align": "center",
2552
- "children": [
2553
- {
2554
- "type": "icon",
2555
- "name": "credit-card",
2556
- "size": "lg"
2557
- },
2558
- {
2559
- "type": "typography",
2560
- "content": "Checkout",
2561
- "variant": "h2"
2562
- }
2563
- ]
2564
- },
2565
- {
2566
- "type": "badge",
2567
- "label": "Step 1 of 3"
2568
- },
3565
+ "type": "dashboard-layout",
3566
+ "appName": "EcommerceApp",
3567
+ "navItems": [
2569
3568
  {
2570
- "type": "wizard-progress",
2571
- "steps": [
2572
- "Customer Info",
2573
- "Shipping",
2574
- "Payment"
2575
- ],
2576
- "currentStep": 0
3569
+ "label": "Products",
3570
+ "href": "/products",
3571
+ "icon": "package"
2577
3572
  },
2578
3573
  {
2579
- "type": "divider"
3574
+ "label": "Cart",
3575
+ "href": "/cart",
3576
+ "icon": "shopping-cart"
2580
3577
  },
2581
3578
  {
2582
- "type": "typography",
2583
- "content": "Customer Info",
2584
- "variant": "h3"
3579
+ "label": "Checkout",
3580
+ "href": "/checkout",
3581
+ "icon": "credit-card"
2585
3582
  },
2586
3583
  {
2587
- "type": "form-section",
2588
- "entity": "Checkout",
2589
- "mode": "create",
2590
- "submitEvent": "NEXT",
2591
- "cancelEvent": "INIT",
2592
- "fields": [
2593
- "customerName",
2594
- "email"
2595
- ]
2596
- },
3584
+ "label": "Orders",
3585
+ "href": "/orders",
3586
+ "icon": "clipboard-list"
3587
+ }
3588
+ ],
3589
+ "children": [
2597
3590
  {
2598
- "type": "stack",
2599
- "direction": "horizontal",
2600
- "gap": "sm",
2601
- "justify": "end",
3591
+ "type": "container",
3592
+ "maxWidth": "lg",
3593
+ "padding": "lg",
2602
3594
  "children": [
2603
3595
  {
2604
- "type": "button",
2605
- "label": "Next",
2606
- "event": "NEXT",
2607
- "variant": "primary",
2608
- "icon": "arrow-right"
3596
+ "type": "stack",
3597
+ "direction": "vertical",
3598
+ "gap": "lg",
3599
+ "children": [
3600
+ {
3601
+ "type": "stack",
3602
+ "direction": "horizontal",
3603
+ "gap": "sm",
3604
+ "align": "center",
3605
+ "children": [
3606
+ {
3607
+ "type": "icon",
3608
+ "name": "credit-card",
3609
+ "size": "lg"
3610
+ },
3611
+ {
3612
+ "type": "typography",
3613
+ "content": "Checkout",
3614
+ "variant": "h2"
3615
+ }
3616
+ ]
3617
+ },
3618
+ {
3619
+ "type": "progress-dots",
3620
+ "count": 3,
3621
+ "currentIndex": 0
3622
+ },
3623
+ {
3624
+ "type": "wizard-progress",
3625
+ "steps": [
3626
+ "Customer Info",
3627
+ "Shipping",
3628
+ "Payment"
3629
+ ],
3630
+ "currentStep": 0
3631
+ },
3632
+ {
3633
+ "type": "divider"
3634
+ },
3635
+ {
3636
+ "type": "typography",
3637
+ "content": "Customer Info",
3638
+ "variant": "h3"
3639
+ },
3640
+ {
3641
+ "type": "form-section",
3642
+ "entity": "Checkout",
3643
+ "mode": "create",
3644
+ "submitEvent": "NEXT",
3645
+ "cancelEvent": "INIT",
3646
+ "fields": [
3647
+ "customerName",
3648
+ "email"
3649
+ ]
3650
+ },
3651
+ {
3652
+ "type": "stack",
3653
+ "direction": "horizontal",
3654
+ "gap": "sm",
3655
+ "justify": "end",
3656
+ "children": [
3657
+ {
3658
+ "type": "button",
3659
+ "label": "Next",
3660
+ "event": "NEXT",
3661
+ "variant": "primary",
3662
+ "icon": "arrow-right"
3663
+ }
3664
+ ]
3665
+ }
3666
+ ]
2609
3667
  }
2610
3668
  ]
2611
3669
  }
@@ -2627,72 +3685,108 @@
2627
3685
  "render-ui",
2628
3686
  "main",
2629
3687
  {
2630
- "type": "stack",
2631
- "direction": "vertical",
2632
- "gap": "lg",
2633
- "children": [
2634
- {
2635
- "type": "stack",
2636
- "direction": "horizontal",
2637
- "gap": "sm",
2638
- "align": "center",
2639
- "children": [
2640
- {
2641
- "type": "icon",
2642
- "name": "credit-card",
2643
- "size": "lg"
2644
- },
2645
- {
2646
- "type": "typography",
2647
- "content": "Checkout",
2648
- "variant": "h2"
2649
- }
2650
- ]
2651
- },
2652
- {
2653
- "type": "badge",
2654
- "label": "Step 1 of 3"
2655
- },
3688
+ "type": "dashboard-layout",
3689
+ "appName": "EcommerceApp",
3690
+ "navItems": [
2656
3691
  {
2657
- "type": "wizard-progress",
2658
- "steps": [
2659
- "Customer Info",
2660
- "Shipping",
2661
- "Payment"
2662
- ],
2663
- "currentStep": 0
3692
+ "label": "Products",
3693
+ "href": "/products",
3694
+ "icon": "package"
2664
3695
  },
2665
3696
  {
2666
- "type": "divider"
3697
+ "label": "Cart",
3698
+ "href": "/cart",
3699
+ "icon": "shopping-cart"
2667
3700
  },
2668
3701
  {
2669
- "type": "typography",
2670
- "content": "Customer Info",
2671
- "variant": "h3"
3702
+ "label": "Checkout",
3703
+ "href": "/checkout",
3704
+ "icon": "credit-card"
2672
3705
  },
2673
3706
  {
2674
- "type": "form-section",
2675
- "entity": "Checkout",
2676
- "mode": "create",
2677
- "submitEvent": "NEXT",
2678
- "cancelEvent": "INIT",
2679
- "fields": [
2680
- "customerName",
2681
- "email"
2682
- ]
2683
- },
3707
+ "label": "Orders",
3708
+ "href": "/orders",
3709
+ "icon": "clipboard-list"
3710
+ }
3711
+ ],
3712
+ "children": [
2684
3713
  {
2685
- "type": "stack",
2686
- "direction": "horizontal",
2687
- "gap": "sm",
2688
- "justify": "end",
3714
+ "type": "container",
3715
+ "maxWidth": "lg",
3716
+ "padding": "lg",
2689
3717
  "children": [
2690
3718
  {
2691
- "type": "button",
2692
- "label": "Next",
2693
- "event": "NEXT",
2694
- "variant": "primary",
2695
- "icon": "arrow-right"
3719
+ "type": "stack",
3720
+ "direction": "vertical",
3721
+ "gap": "lg",
3722
+ "children": [
3723
+ {
3724
+ "type": "stack",
3725
+ "direction": "horizontal",
3726
+ "gap": "sm",
3727
+ "align": "center",
3728
+ "children": [
3729
+ {
3730
+ "type": "icon",
3731
+ "name": "credit-card",
3732
+ "size": "lg"
3733
+ },
3734
+ {
3735
+ "type": "typography",
3736
+ "content": "Checkout",
3737
+ "variant": "h2"
3738
+ }
3739
+ ]
3740
+ },
3741
+ {
3742
+ "type": "progress-dots",
3743
+ "count": 3,
3744
+ "currentIndex": 0
3745
+ },
3746
+ {
3747
+ "type": "wizard-progress",
3748
+ "steps": [
3749
+ "Customer Info",
3750
+ "Shipping",
3751
+ "Payment"
3752
+ ],
3753
+ "currentStep": 0
3754
+ },
3755
+ {
3756
+ "type": "divider"
3757
+ },
3758
+ {
3759
+ "type": "typography",
3760
+ "content": "Customer Info",
3761
+ "variant": "h3"
3762
+ },
3763
+ {
3764
+ "type": "form-section",
3765
+ "entity": "Checkout",
3766
+ "mode": "create",
3767
+ "submitEvent": "NEXT",
3768
+ "cancelEvent": "INIT",
3769
+ "fields": [
3770
+ "customerName",
3771
+ "email"
3772
+ ]
3773
+ },
3774
+ {
3775
+ "type": "stack",
3776
+ "direction": "horizontal",
3777
+ "gap": "sm",
3778
+ "justify": "end",
3779
+ "children": [
3780
+ {
3781
+ "type": "button",
3782
+ "label": "Next",
3783
+ "event": "NEXT",
3784
+ "variant": "primary",
3785
+ "icon": "arrow-right"
3786
+ }
3787
+ ]
3788
+ }
3789
+ ]
2696
3790
  }
2697
3791
  ]
2698
3792
  }
@@ -2776,7 +3870,14 @@
2776
3870
  {
2777
3871
  "name": "status",
2778
3872
  "type": "string",
2779
- "default": "pending"
3873
+ "default": "pending",
3874
+ "values": [
3875
+ "pending",
3876
+ "processing",
3877
+ "shipped",
3878
+ "delivered",
3879
+ "cancelled"
3880
+ ]
2780
3881
  }
2781
3882
  ]
2782
3883
  },
@@ -2901,118 +4002,136 @@
2901
4002
  "render-ui",
2902
4003
  "main",
2903
4004
  {
2904
- "type": "stack",
2905
- "direction": "vertical",
2906
- "gap": "lg",
2907
- "children": [
4005
+ "type": "dashboard-layout",
4006
+ "appName": "EcommerceApp",
4007
+ "navItems": [
2908
4008
  {
2909
- "type": "stack",
2910
- "direction": "horizontal",
2911
- "gap": "md",
2912
- "justify": "space-between",
2913
- "children": [
2914
- {
2915
- "type": "stack",
2916
- "direction": "horizontal",
2917
- "gap": "sm",
2918
- "align": "center",
2919
- "children": [
2920
- {
2921
- "type": "icon",
2922
- "name": "clipboard-list",
2923
- "size": "lg"
2924
- },
2925
- {
2926
- "type": "typography",
2927
- "content": "Order History",
2928
- "variant": "h2"
2929
- }
2930
- ]
2931
- },
2932
- {
2933
- "type": "stack",
2934
- "direction": "horizontal",
2935
- "gap": "sm",
2936
- "children": [
2937
- {
2938
- "type": "button",
2939
- "label": "Create OrderRecord",
2940
- "event": "CREATE",
2941
- "variant": "primary",
2942
- "icon": "plus"
2943
- }
2944
- ]
2945
- }
2946
- ]
4009
+ "label": "Products",
4010
+ "href": "/products",
4011
+ "icon": "package"
2947
4012
  },
2948
4013
  {
2949
- "type": "divider"
4014
+ "label": "Cart",
4015
+ "href": "/cart",
4016
+ "icon": "shopping-cart"
2950
4017
  },
2951
4018
  {
2952
- "type": "data-grid",
2953
- "entity": "OrderRecord",
2954
- "emptyIcon": "inbox",
2955
- "emptyTitle": "No orderrecords yet",
2956
- "emptyDescription": "Create your first orderrecord to get started.",
2957
- "itemActions": [
2958
- {
2959
- "label": "View",
2960
- "event": "VIEW"
2961
- },
2962
- {
2963
- "label": "Edit",
2964
- "event": "EDIT"
2965
- },
2966
- {
2967
- "label": "Delete",
2968
- "event": "DELETE",
2969
- "variant": "danger"
2970
- }
2971
- ],
2972
- "className": "transition-shadow hover:shadow-md cursor-pointer",
4019
+ "label": "Checkout",
4020
+ "href": "/checkout",
4021
+ "icon": "credit-card"
4022
+ },
4023
+ {
4024
+ "label": "Orders",
4025
+ "href": "/orders",
4026
+ "icon": "clipboard-list"
4027
+ }
4028
+ ],
4029
+ "children": [
4030
+ {
4031
+ "type": "stack",
4032
+ "direction": "vertical",
4033
+ "gap": "lg",
4034
+ "className": "max-w-5xl mx-auto w-full",
2973
4035
  "children": [
2974
4036
  {
2975
4037
  "type": "stack",
2976
- "direction": "vertical",
2977
- "gap": "sm",
4038
+ "direction": "horizontal",
4039
+ "gap": "md",
4040
+ "justify": "space-between",
4041
+ "align": "center",
2978
4042
  "children": [
2979
4043
  {
2980
4044
  "type": "stack",
2981
4045
  "direction": "horizontal",
2982
- "justify": "space-between",
2983
- "align": "center",
2984
- "children": [
2985
- {
2986
- "type": "stack",
2987
- "direction": "horizontal",
2988
- "gap": "sm",
2989
- "align": "center",
2990
- "children": [
2991
- {
2992
- "type": "icon",
2993
- "name": "clipboard-list",
2994
- "size": "sm"
2995
- },
2996
- {
2997
- "type": "typography",
2998
- "variant": "h4",
2999
- "content": "@entity.customerName"
3000
- }
3001
- ]
4046
+ "gap": "sm",
4047
+ "align": "center",
4048
+ "children": [
4049
+ {
4050
+ "type": "icon",
4051
+ "name": "clipboard-list",
4052
+ "size": "lg"
3002
4053
  },
3003
4054
  {
3004
- "type": "badge",
3005
- "label": "@entity.email"
4055
+ "type": "typography",
4056
+ "content": "Order History",
4057
+ "variant": "h2"
3006
4058
  }
3007
4059
  ]
3008
4060
  },
3009
4061
  {
3010
- "type": "typography",
3011
- "variant": "caption",
3012
- "color": "muted",
3013
- "content": "@entity.shippingAddress"
4062
+ "type": "stack",
4063
+ "direction": "horizontal",
4064
+ "gap": "sm",
4065
+ "children": [
4066
+ {
4067
+ "type": "button",
4068
+ "label": "Create OrderRecord",
4069
+ "event": "CREATE",
4070
+ "variant": "primary",
4071
+ "icon": "plus"
4072
+ }
4073
+ ]
3014
4074
  }
3015
4075
  ]
4076
+ },
4077
+ {
4078
+ "type": "divider"
4079
+ },
4080
+ {
4081
+ "type": "data-list",
4082
+ "entity": "OrderRecord",
4083
+ "emptyIcon": "inbox",
4084
+ "emptyTitle": "No orders yet",
4085
+ "emptyDescription": "Orders will appear here as customers complete checkout.",
4086
+ "itemActions": [
4087
+ {
4088
+ "label": "View",
4089
+ "event": "VIEW",
4090
+ "variant": "ghost",
4091
+ "size": "sm"
4092
+ },
4093
+ {
4094
+ "label": "Edit",
4095
+ "event": "EDIT",
4096
+ "variant": "ghost",
4097
+ "size": "sm"
4098
+ },
4099
+ {
4100
+ "label": "Delete",
4101
+ "event": "DELETE",
4102
+ "variant": "danger",
4103
+ "size": "sm"
4104
+ }
4105
+ ],
4106
+ "columns": [
4107
+ {
4108
+ "name": "customerName",
4109
+ "label": "Customer",
4110
+ "variant": "h3",
4111
+ "icon": "clipboard-list"
4112
+ },
4113
+ {
4114
+ "name": "status",
4115
+ "variant": "badge"
4116
+ },
4117
+ {
4118
+ "name": "orderTotal",
4119
+ "label": "Total",
4120
+ "variant": "h4",
4121
+ "format": "currency"
4122
+ },
4123
+ {
4124
+ "name": "email",
4125
+ "variant": "caption"
4126
+ },
4127
+ {
4128
+ "name": "shippingAddress",
4129
+ "label": "Address",
4130
+ "variant": "caption"
4131
+ }
4132
+ ],
4133
+ "variant": "card",
4134
+ "gap": "sm"
3016
4135
  }
3017
4136
  ]
3018
4137
  }
@@ -3132,6 +4251,146 @@
3132
4251
  "fetch",
3133
4252
  "OrderRecord"
3134
4253
  ],
4254
+ [
4255
+ "render-ui",
4256
+ "main",
4257
+ {
4258
+ "type": "dashboard-layout",
4259
+ "appName": "EcommerceApp",
4260
+ "navItems": [
4261
+ {
4262
+ "label": "Products",
4263
+ "href": "/products",
4264
+ "icon": "package"
4265
+ },
4266
+ {
4267
+ "label": "Cart",
4268
+ "href": "/cart",
4269
+ "icon": "shopping-cart"
4270
+ },
4271
+ {
4272
+ "label": "Checkout",
4273
+ "href": "/checkout",
4274
+ "icon": "credit-card"
4275
+ },
4276
+ {
4277
+ "label": "Orders",
4278
+ "href": "/orders",
4279
+ "icon": "clipboard-list"
4280
+ }
4281
+ ],
4282
+ "children": [
4283
+ {
4284
+ "type": "stack",
4285
+ "direction": "vertical",
4286
+ "gap": "lg",
4287
+ "className": "max-w-5xl mx-auto w-full",
4288
+ "children": [
4289
+ {
4290
+ "type": "stack",
4291
+ "direction": "horizontal",
4292
+ "gap": "md",
4293
+ "justify": "space-between",
4294
+ "align": "center",
4295
+ "children": [
4296
+ {
4297
+ "type": "stack",
4298
+ "direction": "horizontal",
4299
+ "gap": "sm",
4300
+ "align": "center",
4301
+ "children": [
4302
+ {
4303
+ "type": "icon",
4304
+ "name": "clipboard-list",
4305
+ "size": "lg"
4306
+ },
4307
+ {
4308
+ "type": "typography",
4309
+ "content": "Order History",
4310
+ "variant": "h2"
4311
+ }
4312
+ ]
4313
+ },
4314
+ {
4315
+ "type": "stack",
4316
+ "direction": "horizontal",
4317
+ "gap": "sm",
4318
+ "children": [
4319
+ {
4320
+ "type": "button",
4321
+ "label": "Create OrderRecord",
4322
+ "event": "CREATE",
4323
+ "variant": "primary",
4324
+ "icon": "plus"
4325
+ }
4326
+ ]
4327
+ }
4328
+ ]
4329
+ },
4330
+ {
4331
+ "type": "divider"
4332
+ },
4333
+ {
4334
+ "type": "data-list",
4335
+ "entity": "OrderRecord",
4336
+ "emptyIcon": "inbox",
4337
+ "emptyTitle": "No orders yet",
4338
+ "emptyDescription": "Orders will appear here as customers complete checkout.",
4339
+ "itemActions": [
4340
+ {
4341
+ "label": "View",
4342
+ "event": "VIEW",
4343
+ "variant": "ghost",
4344
+ "size": "sm"
4345
+ },
4346
+ {
4347
+ "label": "Edit",
4348
+ "event": "EDIT",
4349
+ "variant": "ghost",
4350
+ "size": "sm"
4351
+ },
4352
+ {
4353
+ "label": "Delete",
4354
+ "event": "DELETE",
4355
+ "variant": "danger",
4356
+ "size": "sm"
4357
+ }
4358
+ ],
4359
+ "columns": [
4360
+ {
4361
+ "name": "customerName",
4362
+ "label": "Customer",
4363
+ "variant": "h3",
4364
+ "icon": "clipboard-list"
4365
+ },
4366
+ {
4367
+ "name": "status",
4368
+ "variant": "badge"
4369
+ },
4370
+ {
4371
+ "name": "orderTotal",
4372
+ "label": "Total",
4373
+ "variant": "h4",
4374
+ "format": "currency"
4375
+ },
4376
+ {
4377
+ "name": "email",
4378
+ "variant": "caption"
4379
+ },
4380
+ {
4381
+ "name": "shippingAddress",
4382
+ "label": "Address",
4383
+ "variant": "caption"
4384
+ }
4385
+ ],
4386
+ "variant": "card",
4387
+ "gap": "sm"
4388
+ }
4389
+ ]
4390
+ }
4391
+ ]
4392
+ }
4393
+ ],
3135
4394
  [
3136
4395
  "notify",
3137
4396
  "OrderRecord deleted successfully"
@@ -3147,6 +4406,150 @@
3147
4406
  "render-ui",
3148
4407
  "modal",
3149
4408
  null
4409
+ ],
4410
+ [
4411
+ "fetch",
4412
+ "OrderRecord"
4413
+ ],
4414
+ [
4415
+ "render-ui",
4416
+ "main",
4417
+ {
4418
+ "type": "dashboard-layout",
4419
+ "appName": "EcommerceApp",
4420
+ "navItems": [
4421
+ {
4422
+ "label": "Products",
4423
+ "href": "/products",
4424
+ "icon": "package"
4425
+ },
4426
+ {
4427
+ "label": "Cart",
4428
+ "href": "/cart",
4429
+ "icon": "shopping-cart"
4430
+ },
4431
+ {
4432
+ "label": "Checkout",
4433
+ "href": "/checkout",
4434
+ "icon": "credit-card"
4435
+ },
4436
+ {
4437
+ "label": "Orders",
4438
+ "href": "/orders",
4439
+ "icon": "clipboard-list"
4440
+ }
4441
+ ],
4442
+ "children": [
4443
+ {
4444
+ "type": "stack",
4445
+ "direction": "vertical",
4446
+ "gap": "lg",
4447
+ "className": "max-w-5xl mx-auto w-full",
4448
+ "children": [
4449
+ {
4450
+ "type": "stack",
4451
+ "direction": "horizontal",
4452
+ "gap": "md",
4453
+ "justify": "space-between",
4454
+ "align": "center",
4455
+ "children": [
4456
+ {
4457
+ "type": "stack",
4458
+ "direction": "horizontal",
4459
+ "gap": "sm",
4460
+ "align": "center",
4461
+ "children": [
4462
+ {
4463
+ "type": "icon",
4464
+ "name": "clipboard-list",
4465
+ "size": "lg"
4466
+ },
4467
+ {
4468
+ "type": "typography",
4469
+ "content": "Order History",
4470
+ "variant": "h2"
4471
+ }
4472
+ ]
4473
+ },
4474
+ {
4475
+ "type": "stack",
4476
+ "direction": "horizontal",
4477
+ "gap": "sm",
4478
+ "children": [
4479
+ {
4480
+ "type": "button",
4481
+ "label": "Create OrderRecord",
4482
+ "event": "CREATE",
4483
+ "variant": "primary",
4484
+ "icon": "plus"
4485
+ }
4486
+ ]
4487
+ }
4488
+ ]
4489
+ },
4490
+ {
4491
+ "type": "divider"
4492
+ },
4493
+ {
4494
+ "type": "data-list",
4495
+ "entity": "OrderRecord",
4496
+ "emptyIcon": "inbox",
4497
+ "emptyTitle": "No orders yet",
4498
+ "emptyDescription": "Orders will appear here as customers complete checkout.",
4499
+ "itemActions": [
4500
+ {
4501
+ "label": "View",
4502
+ "event": "VIEW",
4503
+ "variant": "ghost",
4504
+ "size": "sm"
4505
+ },
4506
+ {
4507
+ "label": "Edit",
4508
+ "event": "EDIT",
4509
+ "variant": "ghost",
4510
+ "size": "sm"
4511
+ },
4512
+ {
4513
+ "label": "Delete",
4514
+ "event": "DELETE",
4515
+ "variant": "danger",
4516
+ "size": "sm"
4517
+ }
4518
+ ],
4519
+ "columns": [
4520
+ {
4521
+ "name": "customerName",
4522
+ "label": "Customer",
4523
+ "variant": "h3",
4524
+ "icon": "clipboard-list"
4525
+ },
4526
+ {
4527
+ "name": "status",
4528
+ "variant": "badge"
4529
+ },
4530
+ {
4531
+ "name": "orderTotal",
4532
+ "label": "Total",
4533
+ "variant": "h4",
4534
+ "format": "currency"
4535
+ },
4536
+ {
4537
+ "name": "email",
4538
+ "variant": "caption"
4539
+ },
4540
+ {
4541
+ "name": "shippingAddress",
4542
+ "label": "Address",
4543
+ "variant": "caption"
4544
+ }
4545
+ ],
4546
+ "variant": "card",
4547
+ "gap": "sm"
4548
+ }
4549
+ ]
4550
+ }
4551
+ ]
4552
+ }
3150
4553
  ]
3151
4554
  ]
3152
4555
  },
@@ -3159,6 +4562,150 @@
3159
4562
  "render-ui",
3160
4563
  "modal",
3161
4564
  null
4565
+ ],
4566
+ [
4567
+ "fetch",
4568
+ "OrderRecord"
4569
+ ],
4570
+ [
4571
+ "render-ui",
4572
+ "main",
4573
+ {
4574
+ "type": "dashboard-layout",
4575
+ "appName": "EcommerceApp",
4576
+ "navItems": [
4577
+ {
4578
+ "label": "Products",
4579
+ "href": "/products",
4580
+ "icon": "package"
4581
+ },
4582
+ {
4583
+ "label": "Cart",
4584
+ "href": "/cart",
4585
+ "icon": "shopping-cart"
4586
+ },
4587
+ {
4588
+ "label": "Checkout",
4589
+ "href": "/checkout",
4590
+ "icon": "credit-card"
4591
+ },
4592
+ {
4593
+ "label": "Orders",
4594
+ "href": "/orders",
4595
+ "icon": "clipboard-list"
4596
+ }
4597
+ ],
4598
+ "children": [
4599
+ {
4600
+ "type": "stack",
4601
+ "direction": "vertical",
4602
+ "gap": "lg",
4603
+ "className": "max-w-5xl mx-auto w-full",
4604
+ "children": [
4605
+ {
4606
+ "type": "stack",
4607
+ "direction": "horizontal",
4608
+ "gap": "md",
4609
+ "justify": "space-between",
4610
+ "align": "center",
4611
+ "children": [
4612
+ {
4613
+ "type": "stack",
4614
+ "direction": "horizontal",
4615
+ "gap": "sm",
4616
+ "align": "center",
4617
+ "children": [
4618
+ {
4619
+ "type": "icon",
4620
+ "name": "clipboard-list",
4621
+ "size": "lg"
4622
+ },
4623
+ {
4624
+ "type": "typography",
4625
+ "content": "Order History",
4626
+ "variant": "h2"
4627
+ }
4628
+ ]
4629
+ },
4630
+ {
4631
+ "type": "stack",
4632
+ "direction": "horizontal",
4633
+ "gap": "sm",
4634
+ "children": [
4635
+ {
4636
+ "type": "button",
4637
+ "label": "Create OrderRecord",
4638
+ "event": "CREATE",
4639
+ "variant": "primary",
4640
+ "icon": "plus"
4641
+ }
4642
+ ]
4643
+ }
4644
+ ]
4645
+ },
4646
+ {
4647
+ "type": "divider"
4648
+ },
4649
+ {
4650
+ "type": "data-list",
4651
+ "entity": "OrderRecord",
4652
+ "emptyIcon": "inbox",
4653
+ "emptyTitle": "No orders yet",
4654
+ "emptyDescription": "Orders will appear here as customers complete checkout.",
4655
+ "itemActions": [
4656
+ {
4657
+ "label": "View",
4658
+ "event": "VIEW",
4659
+ "variant": "ghost",
4660
+ "size": "sm"
4661
+ },
4662
+ {
4663
+ "label": "Edit",
4664
+ "event": "EDIT",
4665
+ "variant": "ghost",
4666
+ "size": "sm"
4667
+ },
4668
+ {
4669
+ "label": "Delete",
4670
+ "event": "DELETE",
4671
+ "variant": "danger",
4672
+ "size": "sm"
4673
+ }
4674
+ ],
4675
+ "columns": [
4676
+ {
4677
+ "name": "customerName",
4678
+ "label": "Customer",
4679
+ "variant": "h3",
4680
+ "icon": "clipboard-list"
4681
+ },
4682
+ {
4683
+ "name": "status",
4684
+ "variant": "badge"
4685
+ },
4686
+ {
4687
+ "name": "orderTotal",
4688
+ "label": "Total",
4689
+ "variant": "h4",
4690
+ "format": "currency"
4691
+ },
4692
+ {
4693
+ "name": "email",
4694
+ "variant": "caption"
4695
+ },
4696
+ {
4697
+ "name": "shippingAddress",
4698
+ "label": "Address",
4699
+ "variant": "caption"
4700
+ }
4701
+ ],
4702
+ "variant": "card",
4703
+ "gap": "sm"
4704
+ }
4705
+ ]
4706
+ }
4707
+ ]
4708
+ }
3162
4709
  ]
3163
4710
  ]
3164
4711
  }
@@ -3287,6 +4834,11 @@
3287
4834
  "render-ui",
3288
4835
  "modal",
3289
4836
  null
4837
+ ],
4838
+ [
4839
+ "notify",
4840
+ "Cancelled",
4841
+ "info"
3290
4842
  ]
3291
4843
  ]
3292
4844
  },
@@ -3454,6 +5006,11 @@
3454
5006
  "render-ui",
3455
5007
  "modal",
3456
5008
  null
5009
+ ],
5010
+ [
5011
+ "notify",
5012
+ "Cancelled",
5013
+ "info"
3457
5014
  ]
3458
5015
  ]
3459
5016
  },
@@ -3584,7 +5141,7 @@
3584
5141
  {
3585
5142
  "type": "typography",
3586
5143
  "variant": "caption",
3587
- "content": "CustomerName"
5144
+ "content": "Customer Name"
3588
5145
  },
3589
5146
  {
3590
5147
  "type": "typography",
@@ -3618,7 +5175,7 @@
3618
5175
  {
3619
5176
  "type": "typography",
3620
5177
  "variant": "caption",
3621
- "content": "ShippingAddress"
5178
+ "content": "Shipping Address"
3622
5179
  },
3623
5180
  {
3624
5181
  "type": "typography",
@@ -3635,7 +5192,7 @@
3635
5192
  {
3636
5193
  "type": "typography",
3637
5194
  "variant": "caption",
3638
- "content": "PaymentMethod"
5195
+ "content": "Payment Method"
3639
5196
  },
3640
5197
  {
3641
5198
  "type": "typography",
@@ -3652,7 +5209,7 @@
3652
5209
  {
3653
5210
  "type": "typography",
3654
5211
  "variant": "caption",
3655
- "content": "OrderTotal"
5212
+ "content": "Order Total"
3656
5213
  },
3657
5214
  {
3658
5215
  "type": "typography",
@@ -3716,6 +5273,11 @@
3716
5273
  "render-ui",
3717
5274
  "modal",
3718
5275
  null
5276
+ ],
5277
+ [
5278
+ "notify",
5279
+ "Cancelled",
5280
+ "info"
3719
5281
  ]
3720
5282
  ]
3721
5283
  }