@almadar/std 3.2.2 → 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 (199) hide show
  1. package/behaviors/exports/atoms/std-browse.orb +38 -45
  2. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  3. package/behaviors/exports/atoms/std-display.orb +1175 -510
  4. package/behaviors/exports/atoms/std-drawer.orb +235 -133
  5. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  6. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  7. package/behaviors/exports/atoms/std-loading.orb +131 -103
  8. package/behaviors/exports/atoms/std-modal.orb +5 -24
  9. package/behaviors/exports/atoms/std-notification.orb +71 -0
  10. package/behaviors/exports/atoms/std-pagination.orb +32 -40
  11. package/behaviors/exports/atoms/std-rating.orb +328 -0
  12. package/behaviors/exports/atoms/std-score.orb +41 -0
  13. package/behaviors/exports/atoms/std-search.orb +44 -30
  14. package/behaviors/exports/atoms/std-selection.orb +26 -34
  15. package/behaviors/exports/atoms/std-sort.orb +82 -60
  16. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  17. package/behaviors/exports/atoms/std-theme.orb +573 -0
  18. package/behaviors/exports/atoms/std-upload.orb +535 -0
  19. package/behaviors/exports/atoms/std-wizard.orb +664 -224
  20. package/behaviors/exports/molecules/std-builder-game.orb +43 -3
  21. package/behaviors/exports/molecules/std-cart.orb +319 -101
  22. package/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  23. package/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  24. package/behaviors/exports/molecules/std-detail.orb +46 -49
  25. package/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  26. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  27. package/behaviors/exports/molecules/std-geospatial.orb +48 -48
  28. package/behaviors/exports/molecules/std-inventory.orb +70 -50
  29. package/behaviors/exports/molecules/std-list.orb +174 -197
  30. package/behaviors/exports/molecules/std-messaging.orb +35 -50
  31. package/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  32. package/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  33. package/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  34. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  35. package/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  36. package/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  37. package/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  38. package/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  39. package/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  40. package/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  41. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  42. package/behaviors/exports/organisms/std-cms.orb +929 -822
  43. package/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  44. package/behaviors/exports/organisms/std-crm.orb +2302 -1282
  45. package/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  46. package/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  47. package/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  48. package/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  49. package/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  50. package/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  51. package/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  52. package/behaviors/exports/organisms/std-lms.orb +2495 -1435
  53. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  54. package/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  55. package/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  56. package/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  57. package/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  58. package/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  59. package/behaviors/exports/organisms/std-social-feed.orb +184 -172
  60. package/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  61. package/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  62. package/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  63. package/behaviors/exports/validation-report.json +0 -747
  64. package/dist/behaviors/exports/atoms/std-browse.orb +38 -45
  65. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  66. package/dist/behaviors/exports/atoms/std-display.orb +1175 -510
  67. package/dist/behaviors/exports/atoms/std-drawer.orb +235 -133
  68. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  69. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  70. package/dist/behaviors/exports/atoms/std-loading.orb +131 -103
  71. package/dist/behaviors/exports/atoms/std-modal.orb +5 -24
  72. package/dist/behaviors/exports/atoms/std-notification.orb +71 -0
  73. package/dist/behaviors/exports/atoms/std-pagination.orb +32 -40
  74. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  75. package/dist/behaviors/exports/atoms/std-score.orb +41 -0
  76. package/dist/behaviors/exports/atoms/std-search.orb +44 -30
  77. package/dist/behaviors/exports/atoms/std-selection.orb +26 -34
  78. package/dist/behaviors/exports/atoms/std-sort.orb +82 -60
  79. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  80. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  81. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  82. package/dist/behaviors/exports/atoms/std-wizard.orb +664 -224
  83. package/dist/behaviors/exports/molecules/std-builder-game.orb +43 -3
  84. package/dist/behaviors/exports/molecules/std-cart.orb +319 -101
  85. package/dist/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  86. package/dist/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  87. package/dist/behaviors/exports/molecules/std-detail.orb +46 -49
  88. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  89. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  90. package/dist/behaviors/exports/molecules/std-geospatial.orb +48 -48
  91. package/dist/behaviors/exports/molecules/std-inventory.orb +70 -50
  92. package/dist/behaviors/exports/molecules/std-list.orb +174 -197
  93. package/dist/behaviors/exports/molecules/std-messaging.orb +35 -50
  94. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  95. package/dist/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  96. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  97. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  98. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  99. package/dist/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  100. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  101. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  102. package/dist/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  103. package/dist/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  104. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  105. package/dist/behaviors/exports/organisms/std-cms.orb +929 -822
  106. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  107. package/dist/behaviors/exports/organisms/std-crm.orb +2302 -1282
  108. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  109. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  110. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  111. package/dist/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  112. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  113. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  114. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  115. package/dist/behaviors/exports/organisms/std-lms.orb +2495 -1435
  116. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  117. package/dist/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  118. package/dist/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  119. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  120. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  121. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  122. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -172
  123. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  124. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  125. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  126. package/dist/behaviors/exports/validation-report.json +0 -747
  127. package/dist/behaviors/functions/index.d.ts +270 -1
  128. package/dist/behaviors/functions/index.js +3163 -807
  129. package/dist/behaviors/functions/index.js.map +1 -1
  130. package/dist/behaviors/index.d.ts +1 -1
  131. package/dist/behaviors/index.js +3164 -808
  132. package/dist/behaviors/index.js.map +1 -1
  133. package/dist/exports/atoms/std-browse.orb +38 -45
  134. package/dist/exports/atoms/std-calendar.orb +770 -0
  135. package/dist/exports/atoms/std-display.orb +1175 -510
  136. package/dist/exports/atoms/std-drawer.orb +235 -133
  137. package/dist/exports/atoms/std-flip-card.orb +596 -0
  138. package/dist/exports/atoms/std-gallery.orb +382 -0
  139. package/dist/exports/atoms/std-loading.orb +131 -103
  140. package/dist/exports/atoms/std-modal.orb +5 -24
  141. package/dist/exports/atoms/std-notification.orb +71 -0
  142. package/dist/exports/atoms/std-pagination.orb +32 -40
  143. package/dist/exports/atoms/std-rating.orb +328 -0
  144. package/dist/exports/atoms/std-score.orb +41 -0
  145. package/dist/exports/atoms/std-search.orb +44 -30
  146. package/dist/exports/atoms/std-selection.orb +26 -34
  147. package/dist/exports/atoms/std-sort.orb +82 -60
  148. package/dist/exports/atoms/std-text-effects.orb +658 -0
  149. package/dist/exports/atoms/std-theme.orb +573 -0
  150. package/dist/exports/atoms/std-upload.orb +535 -0
  151. package/dist/exports/atoms/std-wizard.orb +664 -224
  152. package/dist/exports/molecules/std-builder-game.orb +43 -3
  153. package/dist/exports/molecules/std-cart.orb +319 -101
  154. package/dist/exports/molecules/std-classifier-game.orb +43 -3
  155. package/dist/exports/molecules/std-debugger-game.orb +43 -3
  156. package/dist/exports/molecules/std-detail.orb +46 -49
  157. package/dist/exports/molecules/std-event-handler-game.orb +43 -3
  158. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  159. package/dist/exports/molecules/std-geospatial.orb +48 -48
  160. package/dist/exports/molecules/std-inventory.orb +70 -50
  161. package/dist/exports/molecules/std-list.orb +174 -197
  162. package/dist/exports/molecules/std-messaging.orb +35 -50
  163. package/dist/exports/molecules/std-negotiator-game.orb +43 -3
  164. package/dist/exports/molecules/std-platformer-game.orb +18 -2
  165. package/dist/exports/molecules/std-puzzle-game.orb +32 -6
  166. package/dist/exports/molecules/std-quiz.orb +1045 -0
  167. package/dist/exports/molecules/std-sequencer-game.orb +43 -3
  168. package/dist/exports/molecules/std-simulator-game.orb +43 -3
  169. package/dist/exports/molecules/std-turn-based-battle.orb +26 -0
  170. package/dist/exports/organisms/std-api-gateway.orb +2326 -1320
  171. package/dist/exports/organisms/std-arcade-game.orb +377 -265
  172. package/dist/exports/organisms/std-booking-system.orb +3144 -1855
  173. package/dist/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  174. package/dist/exports/organisms/std-cms.orb +929 -822
  175. package/dist/exports/organisms/std-coding-academy.orb +1347 -458
  176. package/dist/exports/organisms/std-crm.orb +2302 -1282
  177. package/dist/exports/organisms/std-devops-dashboard.orb +3902 -2005
  178. package/dist/exports/organisms/std-ecommerce.orb +2432 -1630
  179. package/dist/exports/organisms/std-finance-tracker.orb +1674 -846
  180. package/dist/exports/organisms/std-healthcare.orb +3545 -1992
  181. package/dist/exports/organisms/std-helpdesk.orb +1853 -940
  182. package/dist/exports/organisms/std-hr-portal.orb +3249 -1939
  183. package/dist/exports/organisms/std-iot-dashboard.orb +2422 -1418
  184. package/dist/exports/organisms/std-lms.orb +2495 -1435
  185. package/dist/exports/organisms/std-logic-training.orb +220 -66
  186. package/dist/exports/organisms/std-platformer-app.orb +345 -214
  187. package/dist/exports/organisms/std-project-manager.orb +2217 -1190
  188. package/dist/exports/organisms/std-puzzle-app.orb +228 -103
  189. package/dist/exports/organisms/std-realtime-chat.orb +1887 -1051
  190. package/dist/exports/organisms/std-rpg-game.orb +1170 -948
  191. package/dist/exports/organisms/std-social-feed.orb +184 -172
  192. package/dist/exports/organisms/std-stem-lab.orb +1308 -482
  193. package/dist/exports/organisms/std-strategy-game.orb +1520 -696
  194. package/dist/exports/organisms/std-trading-dashboard.orb +1884 -904
  195. package/dist/exports/validation-report.json +0 -747
  196. package/dist/index.d.ts +1 -1
  197. package/dist/index.js +3166 -810
  198. package/dist/index.js.map +1 -1
  199. package/package.json +1 -1
package/dist/exports/organisms/std-ecommerce.orb CHANGED
@@ -159,120 +159,135 @@
159
159
  "render-ui",
160
160
  "main",
161
161
  {
162
- "type": "stack",
163
- "direction": "vertical",
164
- "gap": "lg",
162
+ "type": "dashboard-layout",
163
+ "appName": "EcommerceApp",
164
+ "navItems": [
165
+ {
166
+ "label": "Products",
167
+ "href": "/products",
168
+ "icon": "package"
169
+ },
170
+ {
171
+ "label": "Cart",
172
+ "href": "/cart",
173
+ "icon": "shopping-cart"
174
+ },
175
+ {
176
+ "label": "Checkout",
177
+ "href": "/checkout",
178
+ "icon": "credit-card"
179
+ },
180
+ {
181
+ "label": "Orders",
182
+ "href": "/orders",
183
+ "icon": "clipboard-list"
184
+ }
185
+ ],
165
186
  "children": [
166
187
  {
167
188
  "type": "stack",
168
- "direction": "horizontal",
169
- "gap": "md",
170
- "justify": "space-between",
189
+ "direction": "vertical",
190
+ "gap": "lg",
191
+ "className": "max-w-5xl mx-auto w-full",
171
192
  "children": [
172
193
  {
173
194
  "type": "stack",
174
195
  "direction": "horizontal",
175
- "gap": "sm",
196
+ "gap": "md",
197
+ "justify": "space-between",
176
198
  "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
- ]
205
- },
206
- {
207
- "type": "divider"
208
- },
209
- {
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",
231
- "renderItem": [
232
- "fn",
233
- "item",
234
- {
235
- "type": "stack",
236
- "direction": "vertical",
237
- "gap": "sm",
238
199
  "children": [
239
200
  {
240
201
  "type": "stack",
241
202
  "direction": "horizontal",
242
- "justify": "space-between",
203
+ "gap": "sm",
243
204
  "align": "center",
244
205
  "children": [
245
206
  {
246
- "type": "stack",
247
- "direction": "horizontal",
248
- "gap": "sm",
249
- "align": "center",
250
- "children": [
251
- {
252
- "type": "icon",
253
- "name": "package",
254
- "size": "sm"
255
- },
256
- {
257
- "type": "typography",
258
- "variant": "h4",
259
- "content": "@item.name"
260
- }
261
- ]
207
+ "type": "icon",
208
+ "name": "package",
209
+ "size": "lg"
262
210
  },
263
211
  {
264
- "type": "badge",
265
- "label": "@item.description"
212
+ "type": "typography",
213
+ "content": "Products",
214
+ "variant": "h2"
266
215
  }
267
216
  ]
268
217
  },
269
218
  {
270
- "type": "typography",
271
- "variant": "caption",
272
- "color": "muted",
273
- "content": "@item.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
+ ]
274
231
  }
275
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"
276
291
  }
277
292
  ]
278
293
  }
@@ -396,120 +411,135 @@
396
411
  "render-ui",
397
412
  "main",
398
413
  {
399
- "type": "stack",
400
- "direction": "vertical",
401
- "gap": "lg",
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
+ ],
402
438
  "children": [
403
439
  {
404
440
  "type": "stack",
405
- "direction": "horizontal",
406
- "gap": "md",
407
- "justify": "space-between",
441
+ "direction": "vertical",
442
+ "gap": "lg",
443
+ "className": "max-w-5xl mx-auto w-full",
408
444
  "children": [
409
445
  {
410
446
  "type": "stack",
411
447
  "direction": "horizontal",
412
- "gap": "sm",
448
+ "gap": "md",
449
+ "justify": "space-between",
413
450
  "align": "center",
414
- "children": [
415
- {
416
- "type": "icon",
417
- "name": "package",
418
- "size": "lg"
419
- },
420
- {
421
- "type": "typography",
422
- "content": "Products",
423
- "variant": "h2"
424
- }
425
- ]
426
- },
427
- {
428
- "type": "stack",
429
- "direction": "horizontal",
430
- "gap": "sm",
431
- "children": [
432
- {
433
- "type": "button",
434
- "label": "Create Product",
435
- "event": "CREATE",
436
- "variant": "primary",
437
- "icon": "plus"
438
- }
439
- ]
440
- }
441
- ]
442
- },
443
- {
444
- "type": "divider"
445
- },
446
- {
447
- "type": "data-grid",
448
- "entity": "Product",
449
- "emptyIcon": "inbox",
450
- "emptyTitle": "No products yet",
451
- "emptyDescription": "Create your first product to get started.",
452
- "itemActions": [
453
- {
454
- "label": "View",
455
- "event": "VIEW"
456
- },
457
- {
458
- "label": "Edit",
459
- "event": "EDIT"
460
- },
461
- {
462
- "label": "Delete",
463
- "event": "DELETE",
464
- "variant": "danger"
465
- }
466
- ],
467
- "className": "transition-shadow hover:shadow-md cursor-pointer",
468
- "renderItem": [
469
- "fn",
470
- "item",
471
- {
472
- "type": "stack",
473
- "direction": "vertical",
474
- "gap": "sm",
475
451
  "children": [
476
452
  {
477
453
  "type": "stack",
478
454
  "direction": "horizontal",
479
- "justify": "space-between",
455
+ "gap": "sm",
480
456
  "align": "center",
481
457
  "children": [
482
458
  {
483
- "type": "stack",
484
- "direction": "horizontal",
485
- "gap": "sm",
486
- "align": "center",
487
- "children": [
488
- {
489
- "type": "icon",
490
- "name": "package",
491
- "size": "sm"
492
- },
493
- {
494
- "type": "typography",
495
- "variant": "h4",
496
- "content": "@item.name"
497
- }
498
- ]
459
+ "type": "icon",
460
+ "name": "package",
461
+ "size": "lg"
499
462
  },
500
463
  {
501
- "type": "badge",
502
- "label": "@item.description"
464
+ "type": "typography",
465
+ "content": "Products",
466
+ "variant": "h2"
503
467
  }
504
468
  ]
505
469
  },
506
470
  {
507
- "type": "typography",
508
- "variant": "caption",
509
- "color": "muted",
510
- "content": "@item.price"
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
+ ]
511
483
  }
512
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"
513
543
  }
514
544
  ]
515
545
  }
@@ -540,120 +570,135 @@
540
570
  "render-ui",
541
571
  "main",
542
572
  {
543
- "type": "stack",
544
- "direction": "vertical",
545
- "gap": "lg",
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
+ ],
546
597
  "children": [
547
598
  {
548
599
  "type": "stack",
549
- "direction": "horizontal",
550
- "gap": "md",
551
- "justify": "space-between",
600
+ "direction": "vertical",
601
+ "gap": "lg",
602
+ "className": "max-w-5xl mx-auto w-full",
552
603
  "children": [
553
604
  {
554
605
  "type": "stack",
555
606
  "direction": "horizontal",
556
- "gap": "sm",
607
+ "gap": "md",
608
+ "justify": "space-between",
557
609
  "align": "center",
558
610
  "children": [
559
611
  {
560
- "type": "icon",
561
- "name": "package",
562
- "size": "lg"
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
+ ]
563
628
  },
564
629
  {
565
- "type": "typography",
566
- "content": "Products",
567
- "variant": "h2"
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
+ ]
568
642
  }
569
643
  ]
570
644
  },
571
645
  {
572
- "type": "stack",
573
- "direction": "horizontal",
574
- "gap": "sm",
575
- "children": [
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": [
576
655
  {
577
- "type": "button",
578
- "label": "Create Product",
579
- "event": "CREATE",
580
- "variant": "primary",
581
- "icon": "plus"
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"
582
672
  }
583
- ]
584
- }
585
- ]
586
- },
587
- {
588
- "type": "divider"
589
- },
590
- {
591
- "type": "data-grid",
592
- "entity": "Product",
593
- "emptyIcon": "inbox",
594
- "emptyTitle": "No products yet",
595
- "emptyDescription": "Create your first product to get started.",
596
- "itemActions": [
597
- {
598
- "label": "View",
599
- "event": "VIEW"
600
- },
601
- {
602
- "label": "Edit",
603
- "event": "EDIT"
604
- },
605
- {
606
- "label": "Delete",
607
- "event": "DELETE",
608
- "variant": "danger"
609
- }
610
- ],
611
- "className": "transition-shadow hover:shadow-md cursor-pointer",
612
- "renderItem": [
613
- "fn",
614
- "item",
615
- {
616
- "type": "stack",
617
- "direction": "vertical",
618
- "gap": "sm",
619
- "children": [
620
- {
621
- "type": "stack",
622
- "direction": "horizontal",
623
- "justify": "space-between",
624
- "align": "center",
625
- "children": [
626
- {
627
- "type": "stack",
628
- "direction": "horizontal",
629
- "gap": "sm",
630
- "align": "center",
631
- "children": [
632
- {
633
- "type": "icon",
634
- "name": "package",
635
- "size": "sm"
636
- },
637
- {
638
- "type": "typography",
639
- "variant": "h4",
640
- "content": "@item.name"
641
- }
642
- ]
643
- },
644
- {
645
- "type": "badge",
646
- "label": "@item.description"
647
- }
648
- ]
649
- },
650
- {
651
- "type": "typography",
652
- "variant": "caption",
653
- "color": "muted",
654
- "content": "@item.price"
655
- }
656
- ]
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"
657
702
  }
658
703
  ]
659
704
  }
@@ -680,120 +725,135 @@
680
725
  "render-ui",
681
726
  "main",
682
727
  {
683
- "type": "stack",
684
- "direction": "vertical",
685
- "gap": "lg",
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
+ ],
686
752
  "children": [
687
753
  {
688
754
  "type": "stack",
689
- "direction": "horizontal",
690
- "gap": "md",
691
- "justify": "space-between",
755
+ "direction": "vertical",
756
+ "gap": "lg",
757
+ "className": "max-w-5xl mx-auto w-full",
692
758
  "children": [
693
759
  {
694
760
  "type": "stack",
695
761
  "direction": "horizontal",
696
- "gap": "sm",
762
+ "gap": "md",
763
+ "justify": "space-between",
697
764
  "align": "center",
698
- "children": [
699
- {
700
- "type": "icon",
701
- "name": "package",
702
- "size": "lg"
703
- },
704
- {
705
- "type": "typography",
706
- "content": "Products",
707
- "variant": "h2"
708
- }
709
- ]
710
- },
711
- {
712
- "type": "stack",
713
- "direction": "horizontal",
714
- "gap": "sm",
715
- "children": [
716
- {
717
- "type": "button",
718
- "label": "Create Product",
719
- "event": "CREATE",
720
- "variant": "primary",
721
- "icon": "plus"
722
- }
723
- ]
724
- }
725
- ]
726
- },
727
- {
728
- "type": "divider"
729
- },
730
- {
731
- "type": "data-grid",
732
- "entity": "Product",
733
- "emptyIcon": "inbox",
734
- "emptyTitle": "No products yet",
735
- "emptyDescription": "Create your first product to get started.",
736
- "itemActions": [
737
- {
738
- "label": "View",
739
- "event": "VIEW"
740
- },
741
- {
742
- "label": "Edit",
743
- "event": "EDIT"
744
- },
745
- {
746
- "label": "Delete",
747
- "event": "DELETE",
748
- "variant": "danger"
749
- }
750
- ],
751
- "className": "transition-shadow hover:shadow-md cursor-pointer",
752
- "renderItem": [
753
- "fn",
754
- "item",
755
- {
756
- "type": "stack",
757
- "direction": "vertical",
758
- "gap": "sm",
759
765
  "children": [
760
766
  {
761
767
  "type": "stack",
762
768
  "direction": "horizontal",
763
- "justify": "space-between",
769
+ "gap": "sm",
764
770
  "align": "center",
765
771
  "children": [
766
772
  {
767
- "type": "stack",
768
- "direction": "horizontal",
769
- "gap": "sm",
770
- "align": "center",
771
- "children": [
772
- {
773
- "type": "icon",
774
- "name": "package",
775
- "size": "sm"
776
- },
777
- {
778
- "type": "typography",
779
- "variant": "h4",
780
- "content": "@item.name"
781
- }
782
- ]
773
+ "type": "icon",
774
+ "name": "package",
775
+ "size": "lg"
783
776
  },
784
777
  {
785
- "type": "badge",
786
- "label": "@item.description"
778
+ "type": "typography",
779
+ "content": "Products",
780
+ "variant": "h2"
787
781
  }
788
782
  ]
789
783
  },
790
784
  {
791
- "type": "typography",
792
- "variant": "caption",
793
- "color": "muted",
794
- "content": "@item.price"
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
+ ]
795
797
  }
796
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"
797
857
  }
798
858
  ]
799
859
  }
@@ -940,6 +1000,11 @@
940
1000
  "render-ui",
941
1001
  "modal",
942
1002
  null
1003
+ ],
1004
+ [
1005
+ "notify",
1006
+ "Cancelled",
1007
+ "info"
943
1008
  ]
944
1009
  ]
945
1010
  },
@@ -1107,6 +1172,11 @@
1107
1172
  "render-ui",
1108
1173
  "modal",
1109
1174
  null
1175
+ ],
1176
+ [
1177
+ "notify",
1178
+ "Cancelled",
1179
+ "info"
1110
1180
  ]
1111
1181
  ]
1112
1182
  },
@@ -1322,7 +1392,7 @@
1322
1392
  {
1323
1393
  "type": "typography",
1324
1394
  "variant": "caption",
1325
- "content": "InStock"
1395
+ "content": "In Stock"
1326
1396
  },
1327
1397
  {
1328
1398
  "type": "typography",
@@ -1369,6 +1439,11 @@
1369
1439
  "render-ui",
1370
1440
  "modal",
1371
1441
  null
1442
+ ],
1443
+ [
1444
+ "notify",
1445
+ "Cancelled",
1446
+ "info"
1372
1447
  ]
1373
1448
  ]
1374
1449
  }
@@ -1429,6 +1504,11 @@
1429
1504
  {
1430
1505
  "name": "totalPrice",
1431
1506
  "type": "number"
1507
+ },
1508
+ {
1509
+ "name": "pendingId",
1510
+ "type": "string",
1511
+ "default": ""
1432
1512
  }
1433
1513
  ]
1434
1514
  },
@@ -1437,6 +1517,17 @@
1437
1517
  "name": "CartItemCartBrowse",
1438
1518
  "linkedEntity": "CartItem",
1439
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
+ ],
1440
1531
  "stateMachine": {
1441
1532
  "states": [
1442
1533
  {
@@ -1468,8 +1559,8 @@
1468
1559
  ]
1469
1560
  },
1470
1561
  {
1471
- "key": "REMOVE_ITEM",
1472
- "name": "Remove Item",
1562
+ "key": "REQUEST_REMOVE",
1563
+ "name": "Request Remove",
1473
1564
  "payload": [
1474
1565
  {
1475
1566
  "name": "id",
@@ -1478,6 +1569,17 @@
1478
1569
  }
1479
1570
  ]
1480
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
+ },
1481
1583
  {
1482
1584
  "key": "PROCEED_CHECKOUT",
1483
1585
  "name": "Proceed to Checkout"
@@ -1505,109 +1607,149 @@
1505
1607
  "render-ui",
1506
1608
  "main",
1507
1609
  {
1508
- "type": "stack",
1509
- "direction": "vertical",
1510
- "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
+ ],
1511
1634
  "children": [
1512
1635
  {
1513
1636
  "type": "stack",
1514
- "direction": "horizontal",
1515
- "gap": "md",
1516
- "justify": "space-between",
1637
+ "direction": "vertical",
1638
+ "gap": "lg",
1517
1639
  "children": [
1518
1640
  {
1519
1641
  "type": "stack",
1520
1642
  "direction": "horizontal",
1521
1643
  "gap": "md",
1644
+ "justify": "space-between",
1522
1645
  "children": [
1523
1646
  {
1524
- "type": "icon",
1525
- "name": "shopping-cart",
1526
- "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
+ ]
1527
1662
  },
1528
1663
  {
1529
- "type": "typography",
1530
- "content": "Shopping Cart",
1531
- "variant": "h2"
1664
+ "type": "button",
1665
+ "label": "Add Item",
1666
+ "event": "ADD_ITEM",
1667
+ "variant": "primary",
1668
+ "icon": "plus"
1532
1669
  }
1533
1670
  ]
1534
1671
  },
1535
1672
  {
1536
- "type": "button",
1537
- "label": "Add Item",
1538
- "event": "ADD_ITEM",
1539
- "variant": "primary",
1540
- "icon": "plus"
1541
- }
1542
- ]
1543
- },
1544
- {
1545
- "type": "divider"
1546
- },
1547
- {
1548
- "type": "data-grid",
1549
- "entity": "CartItem",
1550
- "emptyIcon": "inbox",
1551
- "emptyTitle": "Your cart is empty",
1552
- "emptyDescription": "Add items to get started.",
1553
- "itemActions": [
1554
- {
1555
- "label": "Remove",
1556
- "event": "REMOVE_ITEM",
1557
- "variant": "danger"
1558
- }
1559
- ],
1560
- "children": [
1673
+ "type": "divider"
1674
+ },
1561
1675
  {
1562
- "type": "stack",
1563
- "direction": "vertical",
1564
- "gap": "sm",
1676
+ "type": "simple-grid",
1677
+ "columns": 3,
1565
1678
  "children": [
1566
1679
  {
1567
- "type": "stack",
1568
- "direction": "horizontal",
1569
- "justify": "space-between",
1570
- "align": "center",
1571
- "children": [
1572
- {
1573
- "type": "stack",
1574
- "direction": "horizontal",
1575
- "gap": "sm",
1576
- "align": "center",
1577
- "children": [
1578
- {
1579
- "type": "icon",
1580
- "name": "shopping-cart",
1581
- "size": "sm"
1582
- },
1583
- {
1584
- "type": "typography",
1585
- "variant": "h4",
1586
- "content": "@entity.productName"
1587
- }
1588
- ]
1589
- },
1590
- {
1591
- "type": "badge",
1592
- "label": "@entity.quantity"
1593
- }
1594
- ]
1680
+ "type": "stat-display",
1681
+ "label": "Items",
1682
+ "value": [
1683
+ "array/len",
1684
+ "@entity"
1685
+ ],
1686
+ "icon": "package"
1595
1687
  },
1596
1688
  {
1597
- "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",
1598
1735
  "variant": "caption",
1599
- "content": "@entity.unitPrice"
1736
+ "format": "currency"
1737
+ },
1738
+ {
1739
+ "name": "unitPrice",
1740
+ "label": "Unit Price",
1741
+ "variant": "badge"
1600
1742
  }
1601
1743
  ]
1744
+ },
1745
+ {
1746
+ "type": "button",
1747
+ "label": "Proceed to Checkout",
1748
+ "event": "PROCEED_CHECKOUT",
1749
+ "variant": "primary",
1750
+ "icon": "arrow-right"
1602
1751
  }
1603
1752
  ]
1604
- },
1605
- {
1606
- "type": "button",
1607
- "label": "Proceed to Checkout",
1608
- "event": "PROCEED_CHECKOUT",
1609
- "variant": "primary",
1610
- "icon": "arrow-right"
1611
1753
  }
1612
1754
  ]
1613
1755
  }
@@ -1628,21 +1770,11 @@
1628
1770
  {
1629
1771
  "from": "browsing",
1630
1772
  "to": "browsing",
1631
- "event": "REMOVE_ITEM",
1773
+ "event": "CONFIRM_REMOVE",
1632
1774
  "effects": [
1633
- [
1634
- "persist",
1635
- "delete",
1636
- "CartItem",
1637
- "@payload.id"
1638
- ],
1639
1775
  [
1640
1776
  "fetch",
1641
1777
  "CartItem"
1642
- ],
1643
- [
1644
- "notify",
1645
- "CartItem deleted successfully"
1646
1778
  ]
1647
1779
  ]
1648
1780
  },
@@ -1659,107 +1791,111 @@
1659
1791
  "render-ui",
1660
1792
  "main",
1661
1793
  {
1662
- "type": "stack",
1663
- "direction": "vertical",
1664
- "gap": "lg",
1665
- "children": [
1794
+ "type": "dashboard-layout",
1795
+ "appName": "EcommerceApp",
1796
+ "navItems": [
1666
1797
  {
1667
- "type": "stack",
1668
- "direction": "horizontal",
1669
- "gap": "sm",
1670
- "children": [
1671
- {
1672
- "type": "icon",
1673
- "name": "clipboard",
1674
- "size": "lg"
1675
- },
1676
- {
1677
- "type": "typography",
1678
- "content": "Checkout",
1679
- "variant": "h2"
1680
- }
1681
- ]
1798
+ "label": "Products",
1799
+ "href": "/products",
1800
+ "icon": "package"
1682
1801
  },
1683
1802
  {
1684
- "type": "divider"
1803
+ "label": "Cart",
1804
+ "href": "/cart",
1805
+ "icon": "shopping-cart"
1685
1806
  },
1686
1807
  {
1687
- "type": "data-grid",
1688
- "entity": "CartItem",
1689
- "emptyIcon": "inbox",
1690
- "emptyTitle": "Your cart is empty",
1691
- "emptyDescription": "Add items to get started.",
1692
- "itemActions": [
1693
- {
1694
- "label": "Remove",
1695
- "event": "REMOVE_ITEM",
1696
- "variant": "danger"
1697
- }
1698
- ],
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",
1699
1823
  "children": [
1700
1824
  {
1701
1825
  "type": "stack",
1702
- "direction": "vertical",
1826
+ "direction": "horizontal",
1703
1827
  "gap": "sm",
1704
1828
  "children": [
1705
1829
  {
1706
- "type": "stack",
1707
- "direction": "horizontal",
1708
- "justify": "space-between",
1709
- "align": "center",
1710
- "children": [
1711
- {
1712
- "type": "stack",
1713
- "direction": "horizontal",
1714
- "gap": "sm",
1715
- "align": "center",
1716
- "children": [
1717
- {
1718
- "type": "icon",
1719
- "name": "shopping-cart",
1720
- "size": "sm"
1721
- },
1722
- {
1723
- "type": "typography",
1724
- "variant": "h4",
1725
- "content": "@entity.productName"
1726
- }
1727
- ]
1728
- },
1729
- {
1730
- "type": "badge",
1731
- "label": "@entity.quantity"
1732
- }
1733
- ]
1830
+ "type": "icon",
1831
+ "name": "clipboard",
1832
+ "size": "lg"
1734
1833
  },
1735
1834
  {
1736
1835
  "type": "typography",
1737
- "variant": "caption",
1738
- "content": "@entity.unitPrice"
1836
+ "content": "Checkout",
1837
+ "variant": "h2"
1739
1838
  }
1740
1839
  ]
1741
- }
1742
- ]
1743
- },
1744
- {
1745
- "type": "stack",
1746
- "direction": "horizontal",
1747
- "gap": "sm",
1748
- "justify": "end",
1749
- "children": [
1840
+ },
1750
1841
  {
1751
- "type": "button",
1752
- "label": "Back to Cart",
1753
- "event": "BACK_TO_CART",
1754
- "variant": "ghost",
1755
- "icon": "arrow-left"
1842
+ "type": "divider"
1756
1843
  },
1757
1844
  {
1758
- "type": "button",
1759
- "label": "Confirm Order",
1760
- "event": "CONFIRM_ORDER",
1761
- "variant": "primary",
1762
- "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
+ ]
1763
1899
  }
1764
1900
  ]
1765
1901
  }
@@ -1792,31 +1928,59 @@
1792
1928
  "render-ui",
1793
1929
  "main",
1794
1930
  {
1795
- "type": "stack",
1796
- "direction": "vertical",
1797
- "gap": "lg",
1798
- "align": "center",
1799
- "children": [
1931
+ "type": "dashboard-layout",
1932
+ "appName": "EcommerceApp",
1933
+ "navItems": [
1800
1934
  {
1801
- "type": "icon",
1802
- "name": "check-circle",
1803
- "size": "lg"
1935
+ "label": "Products",
1936
+ "href": "/products",
1937
+ "icon": "package"
1804
1938
  },
1805
1939
  {
1806
- "type": "typography",
1807
- "content": "Order Confirmed",
1808
- "variant": "h2"
1940
+ "label": "Cart",
1941
+ "href": "/cart",
1942
+ "icon": "shopping-cart"
1809
1943
  },
1810
1944
  {
1811
- "type": "typography",
1812
- "content": "Your order has been placed successfully.",
1813
- "variant": "body"
1945
+ "label": "Checkout",
1946
+ "href": "/checkout",
1947
+ "icon": "credit-card"
1814
1948
  },
1815
1949
  {
1816
- "type": "button",
1817
- "label": "Continue Shopping",
1818
- "event": "INIT",
1819
- "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
+ ]
1820
1984
  }
1821
1985
  ]
1822
1986
  }
@@ -1825,13 +1989,6 @@
1825
1989
  }
1826
1990
  ]
1827
1991
  },
1828
- "listens": [
1829
- {
1830
- "event": "ADD_TO_CART",
1831
- "triggers": "INIT",
1832
- "scope": "external"
1833
- }
1834
- ],
1835
1992
  "emits": [
1836
1993
  {
1837
1994
  "event": "CHECKOUT_STARTED",
@@ -1961,6 +2118,11 @@
1961
2118
  "render-ui",
1962
2119
  "modal",
1963
2120
  null
2121
+ ],
2122
+ [
2123
+ "notify",
2124
+ "Cancelled",
2125
+ "info"
1964
2126
  ]
1965
2127
  ]
1966
2128
  },
@@ -1992,87 +2154,24 @@
1992
2154
  }
1993
2155
  ]
1994
2156
  }
1995
- }
1996
- ],
1997
- "pages": [
2157
+ },
1998
2158
  {
1999
- "name": "CartPage",
2000
- "path": "/cart",
2001
- "traits": [
2002
- {
2003
- "ref": "CartItemCartBrowse"
2004
- },
2159
+ "name": "CartItemRemoveConfirm",
2160
+ "linkedEntity": "CartItem",
2161
+ "category": "interaction",
2162
+ "emits": [
2005
2163
  {
2006
- "ref": "CartItemAddItem"
2164
+ "event": "CONFIRM_REMOVE"
2007
2165
  }
2008
- ]
2009
- }
2010
- ]
2011
- },
2012
- {
2013
- "name": "CheckoutOrbital",
2014
- "entity": {
2015
- "name": "Checkout",
2016
- "persistence": "runtime",
2017
- "fields": [
2018
- {
2019
- "name": "id",
2020
- "type": "string",
2021
- "required": true
2022
- },
2023
- {
2024
- "name": "customerName",
2025
- "type": "string",
2026
- "required": true
2027
- },
2028
- {
2029
- "name": "email",
2030
- "type": "string",
2031
- "required": true
2032
- },
2033
- {
2034
- "name": "shippingAddress",
2035
- "type": "string",
2036
- "required": true
2037
- },
2038
- {
2039
- "name": "paymentMethod",
2040
- "type": "string",
2041
- "required": true
2042
- },
2043
- {
2044
- "name": "orderTotal",
2045
- "type": "number"
2046
- },
2047
- {
2048
- "name": "status",
2049
- "type": "string",
2050
- "default": "pending"
2051
- }
2052
- ]
2053
- },
2054
- "traits": [
2055
- {
2056
- "name": "CheckoutWizard",
2057
- "linkedEntity": "Checkout",
2058
- "category": "interaction",
2166
+ ],
2059
2167
  "stateMachine": {
2060
2168
  "states": [
2061
2169
  {
2062
- "name": "step1",
2170
+ "name": "idle",
2063
2171
  "isInitial": true
2064
2172
  },
2065
2173
  {
2066
- "name": "step2"
2067
- },
2068
- {
2069
- "name": "step3"
2070
- },
2071
- {
2072
- "name": "review"
2073
- },
2074
- {
2075
- "name": "complete"
2174
+ "name": "confirming"
2076
2175
  }
2077
2176
  ],
2078
2177
  "events": [
@@ -2081,53 +2180,70 @@
2081
2180
  "name": "Initialize"
2082
2181
  },
2083
2182
  {
2084
- "key": "NEXT",
2085
- "name": "Next Step",
2183
+ "key": "REQUEST_REMOVE",
2184
+ "name": "Request Confirmation",
2086
2185
  "payload": [
2087
2186
  {
2088
- "name": "data",
2089
- "type": "object",
2187
+ "name": "id",
2188
+ "type": "string",
2090
2189
  "required": true
2091
2190
  }
2092
2191
  ]
2093
2192
  },
2094
2193
  {
2095
- "key": "PREV",
2096
- "name": "Previous Step"
2097
- },
2098
- {
2099
- "key": "COMPLETE",
2100
- "name": "Complete Wizard",
2194
+ "key": "CONFIRM_REMOVE",
2195
+ "name": "Confirm",
2101
2196
  "payload": [
2102
2197
  {
2103
- "name": "data",
2104
- "type": "object",
2198
+ "name": "id",
2199
+ "type": "string",
2105
2200
  "required": true
2106
2201
  }
2107
2202
  ]
2108
2203
  },
2109
2204
  {
2110
- "key": "RESTART",
2111
- "name": "Restart Wizard"
2205
+ "key": "CANCEL",
2206
+ "name": "Cancel"
2207
+ },
2208
+ {
2209
+ "key": "CLOSE",
2210
+ "name": "Close"
2112
2211
  }
2113
2212
  ],
2114
2213
  "transitions": [
2115
2214
  {
2116
- "from": "step1",
2117
- "to": "step1",
2215
+ "from": "idle",
2216
+ "to": "idle",
2118
2217
  "event": "INIT",
2119
2218
  "effects": [
2120
2219
  [
2121
2220
  "fetch",
2122
- "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"
2123
2239
  ],
2124
2240
  [
2125
2241
  "render-ui",
2126
- "main",
2242
+ "modal",
2127
2243
  {
2128
2244
  "type": "stack",
2129
2245
  "direction": "vertical",
2130
- "gap": "lg",
2246
+ "gap": "md",
2131
2247
  "children": [
2132
2248
  {
2133
2249
  "type": "stack",
@@ -2137,48 +2253,23 @@
2137
2253
  "children": [
2138
2254
  {
2139
2255
  "type": "icon",
2140
- "name": "credit-card",
2141
- "size": "lg"
2256
+ "name": "alert-triangle",
2257
+ "size": "md"
2142
2258
  },
2143
2259
  {
2144
2260
  "type": "typography",
2145
- "content": "Checkout",
2146
- "variant": "h2"
2261
+ "content": "Remove Item",
2262
+ "variant": "h3"
2147
2263
  }
2148
2264
  ]
2149
2265
  },
2150
- {
2151
- "type": "progress-dots",
2152
- "count": 3,
2153
- "currentIndex": 0
2154
- },
2155
- {
2156
- "type": "wizard-progress",
2157
- "steps": [
2158
- "Customer Info",
2159
- "Shipping",
2160
- "Payment"
2161
- ],
2162
- "currentStep": 0
2163
- },
2164
2266
  {
2165
2267
  "type": "divider"
2166
2268
  },
2167
2269
  {
2168
- "type": "typography",
2169
- "content": "Customer Info",
2170
- "variant": "h3"
2171
- },
2172
- {
2173
- "type": "form-section",
2174
- "entity": "Checkout",
2175
- "mode": "create",
2176
- "submitEvent": "NEXT",
2177
- "cancelEvent": "INIT",
2178
- "fields": [
2179
- "customerName",
2180
- "email"
2181
- ]
2270
+ "type": "alert",
2271
+ "variant": "danger",
2272
+ "message": "Are you sure you want to remove this item from your cart?"
2182
2273
  },
2183
2274
  {
2184
2275
  "type": "stack",
@@ -2188,10 +2279,16 @@
2188
2279
  "children": [
2189
2280
  {
2190
2281
  "type": "button",
2191
- "label": "Next",
2192
- "event": "NEXT",
2193
- "variant": "primary",
2194
- "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"
2195
2292
  }
2196
2293
  ]
2197
2294
  }
@@ -2200,10 +2297,205 @@
2200
2297
  ]
2201
2298
  ]
2202
2299
  },
2300
+ {
2301
+ "from": "confirming",
2302
+ "to": "idle",
2303
+ "event": "CONFIRM_REMOVE",
2304
+ "effects": [
2305
+ [
2306
+ "persist",
2307
+ "delete",
2308
+ "CartItem",
2309
+ "@payload.id"
2310
+ ],
2311
+ [
2312
+ "fetch",
2313
+ "CartItem"
2314
+ ],
2315
+ [
2316
+ "render-ui",
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"
2331
+ ]
2332
+ ]
2333
+ },
2334
+ {
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": [
2203
2495
  {
2204
2496
  "from": "step1",
2205
- "to": "step2",
2206
- "event": "NEXT",
2497
+ "to": "step1",
2498
+ "event": "INIT",
2207
2499
  "effects": [
2208
2500
  [
2209
2501
  "fetch",
@@ -2213,79 +2505,108 @@
2213
2505
  "render-ui",
2214
2506
  "main",
2215
2507
  {
2216
- "type": "stack",
2217
- "direction": "vertical",
2218
- "gap": "lg",
2219
- "children": [
2220
- {
2221
- "type": "stack",
2222
- "direction": "horizontal",
2223
- "gap": "sm",
2224
- "align": "center",
2225
- "children": [
2226
- {
2227
- "type": "icon",
2228
- "name": "credit-card",
2229
- "size": "lg"
2230
- },
2231
- {
2232
- "type": "typography",
2233
- "content": "Checkout",
2234
- "variant": "h2"
2235
- }
2236
- ]
2237
- },
2238
- {
2239
- "type": "progress-dots",
2240
- "count": 3,
2241
- "currentIndex": 1
2242
- },
2508
+ "type": "dashboard-layout",
2509
+ "appName": "EcommerceApp",
2510
+ "navItems": [
2243
2511
  {
2244
- "type": "wizard-progress",
2245
- "steps": [
2246
- "Customer Info",
2247
- "Shipping",
2248
- "Payment"
2249
- ],
2250
- "currentStep": 1
2512
+ "label": "Products",
2513
+ "href": "/products",
2514
+ "icon": "package"
2251
2515
  },
2252
2516
  {
2253
- "type": "divider"
2517
+ "label": "Cart",
2518
+ "href": "/cart",
2519
+ "icon": "shopping-cart"
2254
2520
  },
2255
2521
  {
2256
- "type": "typography",
2257
- "content": "Shipping",
2258
- "variant": "h3"
2522
+ "label": "Checkout",
2523
+ "href": "/checkout",
2524
+ "icon": "credit-card"
2259
2525
  },
2260
2526
  {
2261
- "type": "form-section",
2262
- "entity": "Checkout",
2263
- "mode": "create",
2264
- "submitEvent": "NEXT",
2265
- "cancelEvent": "PREV",
2266
- "fields": [
2267
- "shippingAddress"
2268
- ]
2269
- },
2527
+ "label": "Orders",
2528
+ "href": "/orders",
2529
+ "icon": "clipboard-list"
2530
+ }
2531
+ ],
2532
+ "children": [
2270
2533
  {
2271
- "type": "stack",
2272
- "direction": "horizontal",
2273
- "gap": "sm",
2274
- "justify": "end",
2534
+ "type": "container",
2535
+ "maxWidth": "lg",
2536
+ "padding": "lg",
2275
2537
  "children": [
2276
2538
  {
2277
- "type": "button",
2278
- "label": "Back",
2279
- "event": "PREV",
2280
- "variant": "ghost",
2281
- "icon": "arrow-left"
2282
- },
2283
- {
2284
- "type": "button",
2285
- "label": "Next",
2286
- "event": "NEXT",
2287
- "variant": "primary",
2288
- "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
+ ]
2289
2610
  }
2290
2611
  ]
2291
2612
  }
@@ -2295,8 +2616,8 @@
2295
2616
  ]
2296
2617
  },
2297
2618
  {
2298
- "from": "step2",
2299
- "to": "step3",
2619
+ "from": "step1",
2620
+ "to": "step2",
2300
2621
  "event": "NEXT",
2301
2622
  "effects": [
2302
2623
  [
@@ -2307,79 +2628,114 @@
2307
2628
  "render-ui",
2308
2629
  "main",
2309
2630
  {
2310
- "type": "stack",
2311
- "direction": "vertical",
2312
- "gap": "lg",
2313
- "children": [
2631
+ "type": "dashboard-layout",
2632
+ "appName": "EcommerceApp",
2633
+ "navItems": [
2314
2634
  {
2315
- "type": "stack",
2316
- "direction": "horizontal",
2317
- "gap": "sm",
2318
- "align": "center",
2319
- "children": [
2320
- {
2321
- "type": "icon",
2322
- "name": "credit-card",
2323
- "size": "lg"
2324
- },
2325
- {
2326
- "type": "typography",
2327
- "content": "Checkout",
2328
- "variant": "h2"
2329
- }
2330
- ]
2331
- },
2332
- {
2333
- "type": "progress-dots",
2334
- "count": 3,
2335
- "currentIndex": 2
2635
+ "label": "Products",
2636
+ "href": "/products",
2637
+ "icon": "package"
2336
2638
  },
2337
2639
  {
2338
- "type": "wizard-progress",
2339
- "steps": [
2340
- "Customer Info",
2341
- "Shipping",
2342
- "Payment"
2343
- ],
2344
- "currentStep": 2
2640
+ "label": "Cart",
2641
+ "href": "/cart",
2642
+ "icon": "shopping-cart"
2345
2643
  },
2346
2644
  {
2347
- "type": "divider"
2645
+ "label": "Checkout",
2646
+ "href": "/checkout",
2647
+ "icon": "credit-card"
2348
2648
  },
2349
2649
  {
2350
- "type": "typography",
2351
- "content": "Payment",
2352
- "variant": "h3"
2353
- },
2354
- {
2355
- "type": "form-section",
2356
- "entity": "Checkout",
2357
- "mode": "create",
2358
- "submitEvent": "NEXT",
2359
- "cancelEvent": "PREV",
2360
- "fields": [
2361
- "paymentMethod"
2362
- ]
2363
- },
2650
+ "label": "Orders",
2651
+ "href": "/orders",
2652
+ "icon": "clipboard-list"
2653
+ }
2654
+ ],
2655
+ "children": [
2364
2656
  {
2365
- "type": "stack",
2366
- "direction": "horizontal",
2367
- "gap": "sm",
2368
- "justify": "end",
2657
+ "type": "container",
2658
+ "maxWidth": "lg",
2659
+ "padding": "lg",
2369
2660
  "children": [
2370
2661
  {
2371
- "type": "button",
2372
- "label": "Back",
2373
- "event": "PREV",
2374
- "variant": "ghost",
2375
- "icon": "arrow-left"
2376
- },
2377
- {
2378
- "type": "button",
2379
- "label": "Next",
2380
- "event": "NEXT",
2381
- "variant": "primary",
2382
- "icon": "arrow-right"
2662
+ "type": "stack",
2663
+ "direction": "vertical",
2664
+ "gap": "lg",
2665
+ "children": [
2666
+ {
2667
+ "type": "stack",
2668
+ "direction": "horizontal",
2669
+ "gap": "sm",
2670
+ "align": "center",
2671
+ "children": [
2672
+ {
2673
+ "type": "icon",
2674
+ "name": "credit-card",
2675
+ "size": "lg"
2676
+ },
2677
+ {
2678
+ "type": "typography",
2679
+ "content": "Checkout",
2680
+ "variant": "h2"
2681
+ }
2682
+ ]
2683
+ },
2684
+ {
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"
2714
+ ]
2715
+ },
2716
+ {
2717
+ "type": "stack",
2718
+ "direction": "horizontal",
2719
+ "gap": "sm",
2720
+ "justify": "end",
2721
+ "children": [
2722
+ {
2723
+ "type": "button",
2724
+ "label": "Back",
2725
+ "event": "PREV",
2726
+ "variant": "ghost",
2727
+ "icon": "arrow-left"
2728
+ },
2729
+ {
2730
+ "type": "button",
2731
+ "label": "Next",
2732
+ "event": "NEXT",
2733
+ "variant": "primary",
2734
+ "icon": "arrow-right"
2735
+ }
2736
+ ]
2737
+ }
2738
+ ]
2383
2739
  }
2384
2740
  ]
2385
2741
  }
@@ -2389,8 +2745,8 @@
2389
2745
  ]
2390
2746
  },
2391
2747
  {
2392
- "from": "step3",
2393
- "to": "review",
2748
+ "from": "step2",
2749
+ "to": "step3",
2394
2750
  "event": "NEXT",
2395
2751
  "effects": [
2396
2752
  [
@@ -2401,174 +2757,331 @@
2401
2757
  "render-ui",
2402
2758
  "main",
2403
2759
  {
2404
- "type": "stack",
2405
- "direction": "vertical",
2406
- "gap": "lg",
2407
- "children": [
2760
+ "type": "dashboard-layout",
2761
+ "appName": "EcommerceApp",
2762
+ "navItems": [
2408
2763
  {
2409
- "type": "stack",
2410
- "direction": "horizontal",
2411
- "gap": "sm",
2412
- "align": "center",
2413
- "children": [
2414
- {
2415
- "type": "icon",
2416
- "name": "credit-card",
2417
- "size": "lg"
2418
- },
2419
- {
2420
- "type": "typography",
2421
- "content": "Checkout",
2422
- "variant": "h2"
2423
- }
2424
- ]
2764
+ "label": "Products",
2765
+ "href": "/products",
2766
+ "icon": "package"
2425
2767
  },
2426
2768
  {
2427
- "type": "badge",
2428
- "label": "Review"
2769
+ "label": "Cart",
2770
+ "href": "/cart",
2771
+ "icon": "shopping-cart"
2429
2772
  },
2430
2773
  {
2431
- "type": "wizard-progress",
2432
- "steps": [
2433
- "Customer Info",
2434
- "Shipping",
2435
- "Payment"
2436
- ],
2437
- "currentStep": 3
2774
+ "label": "Checkout",
2775
+ "href": "/checkout",
2776
+ "icon": "credit-card"
2438
2777
  },
2439
2778
  {
2440
- "type": "divider"
2441
- },
2779
+ "label": "Orders",
2780
+ "href": "/orders",
2781
+ "icon": "clipboard-list"
2782
+ }
2783
+ ],
2784
+ "children": [
2442
2785
  {
2443
- "type": "data-list",
2444
- "entity": "Checkout",
2445
- "renderItem": [
2446
- "fn",
2447
- "item",
2786
+ "type": "container",
2787
+ "maxWidth": "lg",
2788
+ "padding": "lg",
2789
+ "children": [
2448
2790
  {
2449
2791
  "type": "stack",
2450
2792
  "direction": "vertical",
2451
- "gap": "sm",
2793
+ "gap": "lg",
2452
2794
  "children": [
2453
2795
  {
2454
2796
  "type": "stack",
2455
2797
  "direction": "horizontal",
2456
- "gap": "md",
2457
- "justify": "space-between",
2798
+ "gap": "sm",
2799
+ "align": "center",
2458
2800
  "children": [
2459
2801
  {
2460
- "type": "typography",
2461
- "variant": "caption",
2462
- "content": "CustomerName"
2802
+ "type": "icon",
2803
+ "name": "credit-card",
2804
+ "size": "lg"
2463
2805
  },
2464
2806
  {
2465
2807
  "type": "typography",
2466
- "variant": "body",
2467
- "content": "@item.customerName"
2808
+ "content": "Checkout",
2809
+ "variant": "h2"
2468
2810
  }
2469
2811
  ]
2470
2812
  },
2471
2813
  {
2472
- "type": "stack",
2473
- "direction": "horizontal",
2474
- "gap": "md",
2475
- "justify": "space-between",
2476
- "children": [
2477
- {
2478
- "type": "typography",
2479
- "variant": "caption",
2480
- "content": "Email"
2481
- },
2482
- {
2483
- "type": "typography",
2484
- "variant": "body",
2485
- "content": "@item.email"
2486
- }
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"
2487
2843
  ]
2488
2844
  },
2489
2845
  {
2490
2846
  "type": "stack",
2491
2847
  "direction": "horizontal",
2492
- "gap": "md",
2493
- "justify": "space-between",
2848
+ "gap": "sm",
2849
+ "justify": "end",
2494
2850
  "children": [
2495
2851
  {
2496
- "type": "typography",
2497
- "variant": "caption",
2498
- "content": "ShippingAddress"
2852
+ "type": "button",
2853
+ "label": "Back",
2854
+ "event": "PREV",
2855
+ "variant": "ghost",
2856
+ "icon": "arrow-left"
2499
2857
  },
2500
2858
  {
2501
- "type": "typography",
2502
- "variant": "body",
2503
- "content": "@item.shippingAddress"
2859
+ "type": "button",
2860
+ "label": "Next",
2861
+ "event": "NEXT",
2862
+ "variant": "primary",
2863
+ "icon": "arrow-right"
2504
2864
  }
2505
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"
2506
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",
2507
2959
  {
2508
2960
  "type": "stack",
2509
- "direction": "horizontal",
2510
- "gap": "md",
2511
- "justify": "space-between",
2961
+ "direction": "vertical",
2962
+ "gap": "sm",
2512
2963
  "children": [
2513
2964
  {
2514
- "type": "typography",
2515
- "variant": "caption",
2516
- "content": "PaymentMethod"
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
+ ]
2517
2981
  },
2518
2982
  {
2519
- "type": "typography",
2520
- "variant": "body",
2521
- "content": "@item.paymentMethod"
2522
- }
2523
- ]
2524
- },
2525
- {
2526
- "type": "stack",
2527
- "direction": "horizontal",
2528
- "gap": "md",
2529
- "justify": "space-between",
2530
- "children": [
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
+ },
2531
3000
  {
2532
- "type": "typography",
2533
- "variant": "caption",
2534
- "content": "OrderTotal"
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
+ ]
2535
3017
  },
2536
3018
  {
2537
- "type": "typography",
2538
- "variant": "body",
2539
- "content": "@item.orderTotal"
2540
- }
2541
- ]
2542
- },
2543
- {
2544
- "type": "stack",
2545
- "direction": "horizontal",
2546
- "gap": "md",
2547
- "justify": "space-between",
2548
- "children": [
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
+ },
2549
3036
  {
2550
- "type": "typography",
2551
- "variant": "caption",
2552
- "content": "Status"
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
+ ]
2553
3053
  },
2554
3054
  {
2555
- "type": "typography",
2556
- "variant": "body",
2557
- "content": "@item.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
+ ]
2558
3071
  }
2559
3072
  ]
2560
3073
  }
2561
3074
  ]
3075
+ },
3076
+ {
3077
+ "type": "wizard-navigation",
3078
+ "currentStep": 3,
3079
+ "totalSteps": 4,
3080
+ "showBack": true,
3081
+ "showComplete": true,
3082
+ "showNext": false
2562
3083
  }
2563
3084
  ]
2564
- },
2565
- {
2566
- "type": "wizard-navigation",
2567
- "currentStep": 3,
2568
- "totalSteps": 4,
2569
- "showBack": true,
2570
- "showComplete": true,
2571
- "showNext": false
2572
3085
  }
2573
3086
  ]
2574
3087
  }
@@ -2588,73 +3101,108 @@
2588
3101
  "render-ui",
2589
3102
  "main",
2590
3103
  {
2591
- "type": "stack",
2592
- "direction": "vertical",
2593
- "gap": "lg",
2594
- "children": [
2595
- {
2596
- "type": "stack",
2597
- "direction": "horizontal",
2598
- "gap": "sm",
2599
- "align": "center",
2600
- "children": [
2601
- {
2602
- "type": "icon",
2603
- "name": "credit-card",
2604
- "size": "lg"
2605
- },
2606
- {
2607
- "type": "typography",
2608
- "content": "Checkout",
2609
- "variant": "h2"
2610
- }
2611
- ]
2612
- },
3104
+ "type": "dashboard-layout",
3105
+ "appName": "EcommerceApp",
3106
+ "navItems": [
2613
3107
  {
2614
- "type": "progress-dots",
2615
- "count": 3,
2616
- "currentIndex": 0
3108
+ "label": "Products",
3109
+ "href": "/products",
3110
+ "icon": "package"
2617
3111
  },
2618
3112
  {
2619
- "type": "wizard-progress",
2620
- "steps": [
2621
- "Customer Info",
2622
- "Shipping",
2623
- "Payment"
2624
- ],
2625
- "currentStep": 0
2626
- },
2627
- {
2628
- "type": "divider"
3113
+ "label": "Cart",
3114
+ "href": "/cart",
3115
+ "icon": "shopping-cart"
2629
3116
  },
2630
3117
  {
2631
- "type": "typography",
2632
- "content": "Customer Info",
2633
- "variant": "h3"
3118
+ "label": "Checkout",
3119
+ "href": "/checkout",
3120
+ "icon": "credit-card"
2634
3121
  },
2635
3122
  {
2636
- "type": "form-section",
2637
- "entity": "Checkout",
2638
- "mode": "create",
2639
- "submitEvent": "NEXT",
2640
- "cancelEvent": "INIT",
2641
- "fields": [
2642
- "customerName",
2643
- "email"
2644
- ]
2645
- },
3123
+ "label": "Orders",
3124
+ "href": "/orders",
3125
+ "icon": "clipboard-list"
3126
+ }
3127
+ ],
3128
+ "children": [
2646
3129
  {
2647
- "type": "stack",
2648
- "direction": "horizontal",
2649
- "gap": "sm",
2650
- "justify": "end",
3130
+ "type": "container",
3131
+ "maxWidth": "lg",
3132
+ "padding": "lg",
2651
3133
  "children": [
2652
3134
  {
2653
- "type": "button",
2654
- "label": "Next",
2655
- "event": "NEXT",
2656
- "variant": "primary",
2657
- "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
+ ]
2658
3206
  }
2659
3207
  ]
2660
3208
  }
@@ -2676,79 +3224,114 @@
2676
3224
  "render-ui",
2677
3225
  "main",
2678
3226
  {
2679
- "type": "stack",
2680
- "direction": "vertical",
2681
- "gap": "lg",
2682
- "children": [
2683
- {
2684
- "type": "stack",
2685
- "direction": "horizontal",
2686
- "gap": "sm",
2687
- "align": "center",
2688
- "children": [
2689
- {
2690
- "type": "icon",
2691
- "name": "credit-card",
2692
- "size": "lg"
2693
- },
2694
- {
2695
- "type": "typography",
2696
- "content": "Checkout",
2697
- "variant": "h2"
2698
- }
2699
- ]
2700
- },
2701
- {
2702
- "type": "progress-dots",
2703
- "count": 3,
2704
- "currentIndex": 1
2705
- },
3227
+ "type": "dashboard-layout",
3228
+ "appName": "EcommerceApp",
3229
+ "navItems": [
2706
3230
  {
2707
- "type": "wizard-progress",
2708
- "steps": [
2709
- "Customer Info",
2710
- "Shipping",
2711
- "Payment"
2712
- ],
2713
- "currentStep": 1
3231
+ "label": "Products",
3232
+ "href": "/products",
3233
+ "icon": "package"
2714
3234
  },
2715
3235
  {
2716
- "type": "divider"
3236
+ "label": "Cart",
3237
+ "href": "/cart",
3238
+ "icon": "shopping-cart"
2717
3239
  },
2718
3240
  {
2719
- "type": "typography",
2720
- "content": "Shipping",
2721
- "variant": "h3"
3241
+ "label": "Checkout",
3242
+ "href": "/checkout",
3243
+ "icon": "credit-card"
2722
3244
  },
2723
3245
  {
2724
- "type": "form-section",
2725
- "entity": "Checkout",
2726
- "mode": "create",
2727
- "submitEvent": "NEXT",
2728
- "cancelEvent": "PREV",
2729
- "fields": [
2730
- "shippingAddress"
2731
- ]
2732
- },
3246
+ "label": "Orders",
3247
+ "href": "/orders",
3248
+ "icon": "clipboard-list"
3249
+ }
3250
+ ],
3251
+ "children": [
2733
3252
  {
2734
- "type": "stack",
2735
- "direction": "horizontal",
2736
- "gap": "sm",
2737
- "justify": "end",
3253
+ "type": "container",
3254
+ "maxWidth": "lg",
3255
+ "padding": "lg",
2738
3256
  "children": [
2739
3257
  {
2740
- "type": "button",
2741
- "label": "Back",
2742
- "event": "PREV",
2743
- "variant": "ghost",
2744
- "icon": "arrow-left"
2745
- },
2746
- {
2747
- "type": "button",
2748
- "label": "Next",
2749
- "event": "NEXT",
2750
- "variant": "primary",
2751
- "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
+ ]
2752
3335
  }
2753
3336
  ]
2754
3337
  }
@@ -2770,79 +3353,114 @@
2770
3353
  "render-ui",
2771
3354
  "main",
2772
3355
  {
2773
- "type": "stack",
2774
- "direction": "vertical",
2775
- "gap": "lg",
2776
- "children": [
2777
- {
2778
- "type": "stack",
2779
- "direction": "horizontal",
2780
- "gap": "sm",
2781
- "align": "center",
2782
- "children": [
2783
- {
2784
- "type": "icon",
2785
- "name": "credit-card",
2786
- "size": "lg"
2787
- },
2788
- {
2789
- "type": "typography",
2790
- "content": "Checkout",
2791
- "variant": "h2"
2792
- }
2793
- ]
2794
- },
2795
- {
2796
- "type": "progress-dots",
2797
- "count": 3,
2798
- "currentIndex": 2
2799
- },
3356
+ "type": "dashboard-layout",
3357
+ "appName": "EcommerceApp",
3358
+ "navItems": [
2800
3359
  {
2801
- "type": "wizard-progress",
2802
- "steps": [
2803
- "Customer Info",
2804
- "Shipping",
2805
- "Payment"
2806
- ],
2807
- "currentStep": 2
3360
+ "label": "Products",
3361
+ "href": "/products",
3362
+ "icon": "package"
2808
3363
  },
2809
3364
  {
2810
- "type": "divider"
3365
+ "label": "Cart",
3366
+ "href": "/cart",
3367
+ "icon": "shopping-cart"
2811
3368
  },
2812
3369
  {
2813
- "type": "typography",
2814
- "content": "Payment",
2815
- "variant": "h3"
3370
+ "label": "Checkout",
3371
+ "href": "/checkout",
3372
+ "icon": "credit-card"
2816
3373
  },
2817
3374
  {
2818
- "type": "form-section",
2819
- "entity": "Checkout",
2820
- "mode": "create",
2821
- "submitEvent": "NEXT",
2822
- "cancelEvent": "PREV",
2823
- "fields": [
2824
- "paymentMethod"
2825
- ]
2826
- },
3375
+ "label": "Orders",
3376
+ "href": "/orders",
3377
+ "icon": "clipboard-list"
3378
+ }
3379
+ ],
3380
+ "children": [
2827
3381
  {
2828
- "type": "stack",
2829
- "direction": "horizontal",
2830
- "gap": "sm",
2831
- "justify": "end",
3382
+ "type": "container",
3383
+ "maxWidth": "lg",
3384
+ "padding": "lg",
2832
3385
  "children": [
2833
3386
  {
2834
- "type": "button",
2835
- "label": "Back",
2836
- "event": "PREV",
2837
- "variant": "ghost",
2838
- "icon": "arrow-left"
2839
- },
2840
- {
2841
- "type": "button",
2842
- "label": "Next",
2843
- "event": "NEXT",
2844
- "variant": "primary",
2845
- "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
+ ]
2846
3464
  }
2847
3465
  ]
2848
3466
  }
@@ -2871,32 +3489,60 @@
2871
3489
  "render-ui",
2872
3490
  "main",
2873
3491
  {
2874
- "type": "stack",
2875
- "direction": "vertical",
2876
- "gap": "lg",
2877
- "align": "center",
2878
- "children": [
3492
+ "type": "dashboard-layout",
3493
+ "appName": "EcommerceApp",
3494
+ "navItems": [
2879
3495
  {
2880
- "type": "icon",
2881
- "name": "check-circle",
2882
- "size": "lg"
3496
+ "label": "Products",
3497
+ "href": "/products",
3498
+ "icon": "package"
2883
3499
  },
2884
3500
  {
2885
- "type": "typography",
2886
- "content": "Order Placed",
2887
- "variant": "h2"
3501
+ "label": "Cart",
3502
+ "href": "/cart",
3503
+ "icon": "shopping-cart"
2888
3504
  },
2889
3505
  {
2890
- "type": "typography",
2891
- "content": "Your order has been placed successfully.",
2892
- "variant": "body"
3506
+ "label": "Checkout",
3507
+ "href": "/checkout",
3508
+ "icon": "credit-card"
2893
3509
  },
2894
3510
  {
2895
- "type": "button",
2896
- "label": "Start New",
2897
- "event": "RESTART",
2898
- "variant": "primary",
2899
- "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
+ ]
2900
3546
  }
2901
3547
  ]
2902
3548
  }
@@ -2916,73 +3562,108 @@
2916
3562
  "render-ui",
2917
3563
  "main",
2918
3564
  {
2919
- "type": "stack",
2920
- "direction": "vertical",
2921
- "gap": "lg",
2922
- "children": [
2923
- {
2924
- "type": "stack",
2925
- "direction": "horizontal",
2926
- "gap": "sm",
2927
- "align": "center",
2928
- "children": [
2929
- {
2930
- "type": "icon",
2931
- "name": "credit-card",
2932
- "size": "lg"
2933
- },
2934
- {
2935
- "type": "typography",
2936
- "content": "Checkout",
2937
- "variant": "h2"
2938
- }
2939
- ]
2940
- },
2941
- {
2942
- "type": "progress-dots",
2943
- "count": 3,
2944
- "currentIndex": 0
2945
- },
3565
+ "type": "dashboard-layout",
3566
+ "appName": "EcommerceApp",
3567
+ "navItems": [
2946
3568
  {
2947
- "type": "wizard-progress",
2948
- "steps": [
2949
- "Customer Info",
2950
- "Shipping",
2951
- "Payment"
2952
- ],
2953
- "currentStep": 0
3569
+ "label": "Products",
3570
+ "href": "/products",
3571
+ "icon": "package"
2954
3572
  },
2955
3573
  {
2956
- "type": "divider"
3574
+ "label": "Cart",
3575
+ "href": "/cart",
3576
+ "icon": "shopping-cart"
2957
3577
  },
2958
3578
  {
2959
- "type": "typography",
2960
- "content": "Customer Info",
2961
- "variant": "h3"
3579
+ "label": "Checkout",
3580
+ "href": "/checkout",
3581
+ "icon": "credit-card"
2962
3582
  },
2963
3583
  {
2964
- "type": "form-section",
2965
- "entity": "Checkout",
2966
- "mode": "create",
2967
- "submitEvent": "NEXT",
2968
- "cancelEvent": "INIT",
2969
- "fields": [
2970
- "customerName",
2971
- "email"
2972
- ]
2973
- },
3584
+ "label": "Orders",
3585
+ "href": "/orders",
3586
+ "icon": "clipboard-list"
3587
+ }
3588
+ ],
3589
+ "children": [
2974
3590
  {
2975
- "type": "stack",
2976
- "direction": "horizontal",
2977
- "gap": "sm",
2978
- "justify": "end",
3591
+ "type": "container",
3592
+ "maxWidth": "lg",
3593
+ "padding": "lg",
2979
3594
  "children": [
2980
3595
  {
2981
- "type": "button",
2982
- "label": "Next",
2983
- "event": "NEXT",
2984
- "variant": "primary",
2985
- "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
+ ]
2986
3667
  }
2987
3668
  ]
2988
3669
  }
@@ -3004,73 +3685,108 @@
3004
3685
  "render-ui",
3005
3686
  "main",
3006
3687
  {
3007
- "type": "stack",
3008
- "direction": "vertical",
3009
- "gap": "lg",
3010
- "children": [
3011
- {
3012
- "type": "stack",
3013
- "direction": "horizontal",
3014
- "gap": "sm",
3015
- "align": "center",
3016
- "children": [
3017
- {
3018
- "type": "icon",
3019
- "name": "credit-card",
3020
- "size": "lg"
3021
- },
3022
- {
3023
- "type": "typography",
3024
- "content": "Checkout",
3025
- "variant": "h2"
3026
- }
3027
- ]
3028
- },
3688
+ "type": "dashboard-layout",
3689
+ "appName": "EcommerceApp",
3690
+ "navItems": [
3029
3691
  {
3030
- "type": "progress-dots",
3031
- "count": 3,
3032
- "currentIndex": 0
3692
+ "label": "Products",
3693
+ "href": "/products",
3694
+ "icon": "package"
3033
3695
  },
3034
3696
  {
3035
- "type": "wizard-progress",
3036
- "steps": [
3037
- "Customer Info",
3038
- "Shipping",
3039
- "Payment"
3040
- ],
3041
- "currentStep": 0
3042
- },
3043
- {
3044
- "type": "divider"
3697
+ "label": "Cart",
3698
+ "href": "/cart",
3699
+ "icon": "shopping-cart"
3045
3700
  },
3046
3701
  {
3047
- "type": "typography",
3048
- "content": "Customer Info",
3049
- "variant": "h3"
3702
+ "label": "Checkout",
3703
+ "href": "/checkout",
3704
+ "icon": "credit-card"
3050
3705
  },
3051
3706
  {
3052
- "type": "form-section",
3053
- "entity": "Checkout",
3054
- "mode": "create",
3055
- "submitEvent": "NEXT",
3056
- "cancelEvent": "INIT",
3057
- "fields": [
3058
- "customerName",
3059
- "email"
3060
- ]
3061
- },
3707
+ "label": "Orders",
3708
+ "href": "/orders",
3709
+ "icon": "clipboard-list"
3710
+ }
3711
+ ],
3712
+ "children": [
3062
3713
  {
3063
- "type": "stack",
3064
- "direction": "horizontal",
3065
- "gap": "sm",
3066
- "justify": "end",
3714
+ "type": "container",
3715
+ "maxWidth": "lg",
3716
+ "padding": "lg",
3067
3717
  "children": [
3068
3718
  {
3069
- "type": "button",
3070
- "label": "Next",
3071
- "event": "NEXT",
3072
- "variant": "primary",
3073
- "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
+ ]
3074
3790
  }
3075
3791
  ]
3076
3792
  }
@@ -3154,7 +3870,14 @@
3154
3870
  {
3155
3871
  "name": "status",
3156
3872
  "type": "string",
3157
- "default": "pending"
3873
+ "default": "pending",
3874
+ "values": [
3875
+ "pending",
3876
+ "processing",
3877
+ "shipped",
3878
+ "delivered",
3879
+ "cancelled"
3880
+ ]
3158
3881
  }
3159
3882
  ]
3160
3883
  },
@@ -3279,120 +4002,136 @@
3279
4002
  "render-ui",
3280
4003
  "main",
3281
4004
  {
3282
- "type": "stack",
3283
- "direction": "vertical",
3284
- "gap": "lg",
4005
+ "type": "dashboard-layout",
4006
+ "appName": "EcommerceApp",
4007
+ "navItems": [
4008
+ {
4009
+ "label": "Products",
4010
+ "href": "/products",
4011
+ "icon": "package"
4012
+ },
4013
+ {
4014
+ "label": "Cart",
4015
+ "href": "/cart",
4016
+ "icon": "shopping-cart"
4017
+ },
4018
+ {
4019
+ "label": "Checkout",
4020
+ "href": "/checkout",
4021
+ "icon": "credit-card"
4022
+ },
4023
+ {
4024
+ "label": "Orders",
4025
+ "href": "/orders",
4026
+ "icon": "clipboard-list"
4027
+ }
4028
+ ],
3285
4029
  "children": [
3286
4030
  {
3287
4031
  "type": "stack",
3288
- "direction": "horizontal",
3289
- "gap": "md",
3290
- "justify": "space-between",
4032
+ "direction": "vertical",
4033
+ "gap": "lg",
4034
+ "className": "max-w-5xl mx-auto w-full",
3291
4035
  "children": [
3292
4036
  {
3293
4037
  "type": "stack",
3294
4038
  "direction": "horizontal",
3295
- "gap": "sm",
4039
+ "gap": "md",
4040
+ "justify": "space-between",
3296
4041
  "align": "center",
3297
- "children": [
3298
- {
3299
- "type": "icon",
3300
- "name": "clipboard-list",
3301
- "size": "lg"
3302
- },
3303
- {
3304
- "type": "typography",
3305
- "content": "Order History",
3306
- "variant": "h2"
3307
- }
3308
- ]
3309
- },
3310
- {
3311
- "type": "stack",
3312
- "direction": "horizontal",
3313
- "gap": "sm",
3314
- "children": [
3315
- {
3316
- "type": "button",
3317
- "label": "Create OrderRecord",
3318
- "event": "CREATE",
3319
- "variant": "primary",
3320
- "icon": "plus"
3321
- }
3322
- ]
3323
- }
3324
- ]
3325
- },
3326
- {
3327
- "type": "divider"
3328
- },
3329
- {
3330
- "type": "data-grid",
3331
- "entity": "OrderRecord",
3332
- "emptyIcon": "inbox",
3333
- "emptyTitle": "No orderrecords yet",
3334
- "emptyDescription": "Create your first orderrecord to get started.",
3335
- "itemActions": [
3336
- {
3337
- "label": "View",
3338
- "event": "VIEW"
3339
- },
3340
- {
3341
- "label": "Edit",
3342
- "event": "EDIT"
3343
- },
3344
- {
3345
- "label": "Delete",
3346
- "event": "DELETE",
3347
- "variant": "danger"
3348
- }
3349
- ],
3350
- "className": "transition-shadow hover:shadow-md cursor-pointer",
3351
- "renderItem": [
3352
- "fn",
3353
- "item",
3354
- {
3355
- "type": "stack",
3356
- "direction": "vertical",
3357
- "gap": "sm",
3358
4042
  "children": [
3359
4043
  {
3360
4044
  "type": "stack",
3361
4045
  "direction": "horizontal",
3362
- "justify": "space-between",
4046
+ "gap": "sm",
3363
4047
  "align": "center",
3364
4048
  "children": [
3365
4049
  {
3366
- "type": "stack",
3367
- "direction": "horizontal",
3368
- "gap": "sm",
3369
- "align": "center",
3370
- "children": [
3371
- {
3372
- "type": "icon",
3373
- "name": "clipboard-list",
3374
- "size": "sm"
3375
- },
3376
- {
3377
- "type": "typography",
3378
- "variant": "h4",
3379
- "content": "@item.customerName"
3380
- }
3381
- ]
4050
+ "type": "icon",
4051
+ "name": "clipboard-list",
4052
+ "size": "lg"
3382
4053
  },
3383
4054
  {
3384
- "type": "badge",
3385
- "label": "@item.email"
4055
+ "type": "typography",
4056
+ "content": "Order History",
4057
+ "variant": "h2"
3386
4058
  }
3387
4059
  ]
3388
4060
  },
3389
4061
  {
3390
- "type": "typography",
3391
- "variant": "caption",
3392
- "color": "muted",
3393
- "content": "@item.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
+ ]
3394
4074
  }
3395
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"
3396
4135
  }
3397
4136
  ]
3398
4137
  }
@@ -3516,120 +4255,136 @@
3516
4255
  "render-ui",
3517
4256
  "main",
3518
4257
  {
3519
- "type": "stack",
3520
- "direction": "vertical",
3521
- "gap": "lg",
3522
- "children": [
3523
- {
3524
- "type": "stack",
3525
- "direction": "horizontal",
3526
- "gap": "md",
3527
- "justify": "space-between",
3528
- "children": [
3529
- {
3530
- "type": "stack",
3531
- "direction": "horizontal",
3532
- "gap": "sm",
3533
- "align": "center",
3534
- "children": [
3535
- {
3536
- "type": "icon",
3537
- "name": "clipboard-list",
3538
- "size": "lg"
3539
- },
3540
- {
3541
- "type": "typography",
3542
- "content": "Order History",
3543
- "variant": "h2"
3544
- }
3545
- ]
3546
- },
3547
- {
3548
- "type": "stack",
3549
- "direction": "horizontal",
3550
- "gap": "sm",
3551
- "children": [
3552
- {
3553
- "type": "button",
3554
- "label": "Create OrderRecord",
3555
- "event": "CREATE",
3556
- "variant": "primary",
3557
- "icon": "plus"
3558
- }
3559
- ]
3560
- }
3561
- ]
3562
- },
3563
- {
3564
- "type": "divider"
3565
- },
4258
+ "type": "dashboard-layout",
4259
+ "appName": "EcommerceApp",
4260
+ "navItems": [
3566
4261
  {
3567
- "type": "data-grid",
3568
- "entity": "OrderRecord",
3569
- "emptyIcon": "inbox",
3570
- "emptyTitle": "No orderrecords yet",
3571
- "emptyDescription": "Create your first orderrecord to get started.",
3572
- "itemActions": [
3573
- {
3574
- "label": "View",
3575
- "event": "VIEW"
3576
- },
3577
- {
3578
- "label": "Edit",
3579
- "event": "EDIT"
3580
- },
3581
- {
3582
- "label": "Delete",
3583
- "event": "DELETE",
3584
- "variant": "danger"
3585
- }
3586
- ],
3587
- "className": "transition-shadow hover:shadow-md cursor-pointer",
3588
- "renderItem": [
3589
- "fn",
3590
- "item",
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": [
3591
4289
  {
3592
4290
  "type": "stack",
3593
- "direction": "vertical",
3594
- "gap": "sm",
4291
+ "direction": "horizontal",
4292
+ "gap": "md",
4293
+ "justify": "space-between",
4294
+ "align": "center",
3595
4295
  "children": [
3596
4296
  {
3597
4297
  "type": "stack",
3598
4298
  "direction": "horizontal",
3599
- "justify": "space-between",
4299
+ "gap": "sm",
3600
4300
  "align": "center",
3601
4301
  "children": [
3602
4302
  {
3603
- "type": "stack",
3604
- "direction": "horizontal",
3605
- "gap": "sm",
3606
- "align": "center",
3607
- "children": [
3608
- {
3609
- "type": "icon",
3610
- "name": "clipboard-list",
3611
- "size": "sm"
3612
- },
3613
- {
3614
- "type": "typography",
3615
- "variant": "h4",
3616
- "content": "@item.customerName"
3617
- }
3618
- ]
4303
+ "type": "icon",
4304
+ "name": "clipboard-list",
4305
+ "size": "lg"
3619
4306
  },
3620
4307
  {
3621
- "type": "badge",
3622
- "label": "@item.email"
4308
+ "type": "typography",
4309
+ "content": "Order History",
4310
+ "variant": "h2"
3623
4311
  }
3624
4312
  ]
3625
4313
  },
3626
4314
  {
3627
- "type": "typography",
3628
- "variant": "caption",
3629
- "color": "muted",
3630
- "content": "@item.shippingAddress"
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
+ ]
3631
4327
  }
3632
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"
3633
4388
  }
3634
4389
  ]
3635
4390
  }
@@ -3660,120 +4415,136 @@
3660
4415
  "render-ui",
3661
4416
  "main",
3662
4417
  {
3663
- "type": "stack",
3664
- "direction": "vertical",
3665
- "gap": "lg",
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
+ ],
3666
4442
  "children": [
3667
4443
  {
3668
4444
  "type": "stack",
3669
- "direction": "horizontal",
3670
- "gap": "md",
3671
- "justify": "space-between",
4445
+ "direction": "vertical",
4446
+ "gap": "lg",
4447
+ "className": "max-w-5xl mx-auto w-full",
3672
4448
  "children": [
3673
4449
  {
3674
4450
  "type": "stack",
3675
4451
  "direction": "horizontal",
3676
- "gap": "sm",
4452
+ "gap": "md",
4453
+ "justify": "space-between",
3677
4454
  "align": "center",
3678
- "children": [
3679
- {
3680
- "type": "icon",
3681
- "name": "clipboard-list",
3682
- "size": "lg"
3683
- },
3684
- {
3685
- "type": "typography",
3686
- "content": "Order History",
3687
- "variant": "h2"
3688
- }
3689
- ]
3690
- },
3691
- {
3692
- "type": "stack",
3693
- "direction": "horizontal",
3694
- "gap": "sm",
3695
- "children": [
3696
- {
3697
- "type": "button",
3698
- "label": "Create OrderRecord",
3699
- "event": "CREATE",
3700
- "variant": "primary",
3701
- "icon": "plus"
3702
- }
3703
- ]
3704
- }
3705
- ]
3706
- },
3707
- {
3708
- "type": "divider"
3709
- },
3710
- {
3711
- "type": "data-grid",
3712
- "entity": "OrderRecord",
3713
- "emptyIcon": "inbox",
3714
- "emptyTitle": "No orderrecords yet",
3715
- "emptyDescription": "Create your first orderrecord to get started.",
3716
- "itemActions": [
3717
- {
3718
- "label": "View",
3719
- "event": "VIEW"
3720
- },
3721
- {
3722
- "label": "Edit",
3723
- "event": "EDIT"
3724
- },
3725
- {
3726
- "label": "Delete",
3727
- "event": "DELETE",
3728
- "variant": "danger"
3729
- }
3730
- ],
3731
- "className": "transition-shadow hover:shadow-md cursor-pointer",
3732
- "renderItem": [
3733
- "fn",
3734
- "item",
3735
- {
3736
- "type": "stack",
3737
- "direction": "vertical",
3738
- "gap": "sm",
3739
4455
  "children": [
3740
4456
  {
3741
4457
  "type": "stack",
3742
4458
  "direction": "horizontal",
3743
- "justify": "space-between",
4459
+ "gap": "sm",
3744
4460
  "align": "center",
3745
4461
  "children": [
3746
4462
  {
3747
- "type": "stack",
3748
- "direction": "horizontal",
3749
- "gap": "sm",
3750
- "align": "center",
3751
- "children": [
3752
- {
3753
- "type": "icon",
3754
- "name": "clipboard-list",
3755
- "size": "sm"
3756
- },
3757
- {
3758
- "type": "typography",
3759
- "variant": "h4",
3760
- "content": "@item.customerName"
3761
- }
3762
- ]
4463
+ "type": "icon",
4464
+ "name": "clipboard-list",
4465
+ "size": "lg"
3763
4466
  },
3764
4467
  {
3765
- "type": "badge",
3766
- "label": "@item.email"
4468
+ "type": "typography",
4469
+ "content": "Order History",
4470
+ "variant": "h2"
3767
4471
  }
3768
4472
  ]
3769
4473
  },
3770
4474
  {
3771
- "type": "typography",
3772
- "variant": "caption",
3773
- "color": "muted",
3774
- "content": "@item.shippingAddress"
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
+ ]
3775
4487
  }
3776
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"
3777
4548
  }
3778
4549
  ]
3779
4550
  }
@@ -3800,120 +4571,136 @@
3800
4571
  "render-ui",
3801
4572
  "main",
3802
4573
  {
3803
- "type": "stack",
3804
- "direction": "vertical",
3805
- "gap": "lg",
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
+ ],
3806
4598
  "children": [
3807
4599
  {
3808
4600
  "type": "stack",
3809
- "direction": "horizontal",
3810
- "gap": "md",
3811
- "justify": "space-between",
4601
+ "direction": "vertical",
4602
+ "gap": "lg",
4603
+ "className": "max-w-5xl mx-auto w-full",
3812
4604
  "children": [
3813
4605
  {
3814
4606
  "type": "stack",
3815
4607
  "direction": "horizontal",
3816
- "gap": "sm",
4608
+ "gap": "md",
4609
+ "justify": "space-between",
3817
4610
  "align": "center",
3818
- "children": [
3819
- {
3820
- "type": "icon",
3821
- "name": "clipboard-list",
3822
- "size": "lg"
3823
- },
3824
- {
3825
- "type": "typography",
3826
- "content": "Order History",
3827
- "variant": "h2"
3828
- }
3829
- ]
3830
- },
3831
- {
3832
- "type": "stack",
3833
- "direction": "horizontal",
3834
- "gap": "sm",
3835
- "children": [
3836
- {
3837
- "type": "button",
3838
- "label": "Create OrderRecord",
3839
- "event": "CREATE",
3840
- "variant": "primary",
3841
- "icon": "plus"
3842
- }
3843
- ]
3844
- }
3845
- ]
3846
- },
3847
- {
3848
- "type": "divider"
3849
- },
3850
- {
3851
- "type": "data-grid",
3852
- "entity": "OrderRecord",
3853
- "emptyIcon": "inbox",
3854
- "emptyTitle": "No orderrecords yet",
3855
- "emptyDescription": "Create your first orderrecord to get started.",
3856
- "itemActions": [
3857
- {
3858
- "label": "View",
3859
- "event": "VIEW"
3860
- },
3861
- {
3862
- "label": "Edit",
3863
- "event": "EDIT"
3864
- },
3865
- {
3866
- "label": "Delete",
3867
- "event": "DELETE",
3868
- "variant": "danger"
3869
- }
3870
- ],
3871
- "className": "transition-shadow hover:shadow-md cursor-pointer",
3872
- "renderItem": [
3873
- "fn",
3874
- "item",
3875
- {
3876
- "type": "stack",
3877
- "direction": "vertical",
3878
- "gap": "sm",
3879
4611
  "children": [
3880
4612
  {
3881
4613
  "type": "stack",
3882
4614
  "direction": "horizontal",
3883
- "justify": "space-between",
4615
+ "gap": "sm",
3884
4616
  "align": "center",
3885
4617
  "children": [
3886
4618
  {
3887
- "type": "stack",
3888
- "direction": "horizontal",
3889
- "gap": "sm",
3890
- "align": "center",
3891
- "children": [
3892
- {
3893
- "type": "icon",
3894
- "name": "clipboard-list",
3895
- "size": "sm"
3896
- },
3897
- {
3898
- "type": "typography",
3899
- "variant": "h4",
3900
- "content": "@item.customerName"
3901
- }
3902
- ]
4619
+ "type": "icon",
4620
+ "name": "clipboard-list",
4621
+ "size": "lg"
3903
4622
  },
3904
4623
  {
3905
- "type": "badge",
3906
- "label": "@item.email"
4624
+ "type": "typography",
4625
+ "content": "Order History",
4626
+ "variant": "h2"
3907
4627
  }
3908
4628
  ]
3909
4629
  },
3910
4630
  {
3911
- "type": "typography",
3912
- "variant": "caption",
3913
- "color": "muted",
3914
- "content": "@item.shippingAddress"
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
+ ]
3915
4643
  }
3916
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"
3917
4704
  }
3918
4705
  ]
3919
4706
  }
@@ -4047,6 +4834,11 @@
4047
4834
  "render-ui",
4048
4835
  "modal",
4049
4836
  null
4837
+ ],
4838
+ [
4839
+ "notify",
4840
+ "Cancelled",
4841
+ "info"
4050
4842
  ]
4051
4843
  ]
4052
4844
  },
@@ -4214,6 +5006,11 @@
4214
5006
  "render-ui",
4215
5007
  "modal",
4216
5008
  null
5009
+ ],
5010
+ [
5011
+ "notify",
5012
+ "Cancelled",
5013
+ "info"
4217
5014
  ]
4218
5015
  ]
4219
5016
  },
@@ -4344,7 +5141,7 @@
4344
5141
  {
4345
5142
  "type": "typography",
4346
5143
  "variant": "caption",
4347
- "content": "CustomerName"
5144
+ "content": "Customer Name"
4348
5145
  },
4349
5146
  {
4350
5147
  "type": "typography",
@@ -4378,7 +5175,7 @@
4378
5175
  {
4379
5176
  "type": "typography",
4380
5177
  "variant": "caption",
4381
- "content": "ShippingAddress"
5178
+ "content": "Shipping Address"
4382
5179
  },
4383
5180
  {
4384
5181
  "type": "typography",
@@ -4395,7 +5192,7 @@
4395
5192
  {
4396
5193
  "type": "typography",
4397
5194
  "variant": "caption",
4398
- "content": "PaymentMethod"
5195
+ "content": "Payment Method"
4399
5196
  },
4400
5197
  {
4401
5198
  "type": "typography",
@@ -4412,7 +5209,7 @@
4412
5209
  {
4413
5210
  "type": "typography",
4414
5211
  "variant": "caption",
4415
- "content": "OrderTotal"
5212
+ "content": "Order Total"
4416
5213
  },
4417
5214
  {
4418
5215
  "type": "typography",
@@ -4476,6 +5273,11 @@
4476
5273
  "render-ui",
4477
5274
  "modal",
4478
5275
  null
5276
+ ],
5277
+ [
5278
+ "notify",
5279
+ "Cancelled",
5280
+ "info"
4479
5281
  ]
4480
5282
  ]
4481
5283
  }