@almadar/std 14.5.1 → 14.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
  2. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
  3. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
  4. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
  5. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
  6. package/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
  7. package/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
  8. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
  9. package/behaviors/registry/app/organisms/std-cms.orb +556 -556
  10. package/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
  11. package/behaviors/registry/app/organisms/std-crm.orb +806 -806
  12. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
  13. package/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
  14. package/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  15. package/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
  16. package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
  17. package/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
  18. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
  19. package/behaviors/registry/app/organisms/std-lms.orb +860 -860
  20. package/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
  21. package/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
  22. package/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
  23. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
  24. package/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
  25. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
  26. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1077 -1077
  27. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3053 -3053
  28. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2159 -2159
  29. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +931 -931
  30. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -793
  31. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +819 -819
  32. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1168 -1168
  33. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +825 -825
  34. package/dist/behaviors/registry/app/organisms/std-cms.orb +556 -556
  35. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +353 -353
  36. package/dist/behaviors/registry/app/organisms/std-crm.orb +806 -806
  37. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1209 -1209
  38. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +742 -742
  39. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  40. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1390 -1390
  41. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -720
  42. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1189 -1189
  43. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +786 -786
  44. package/dist/behaviors/registry/app/organisms/std-lms.orb +860 -860
  45. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +668 -668
  46. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +725 -725
  47. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +227 -227
  48. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +646 -646
  49. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +973 -973
  50. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +898 -898
  51. package/package.json +1 -1
@@ -69,30 +69,32 @@
69
69
  "ref": "AppShell.traits.AppLayout",
70
70
  "name": "ProductAppLayout",
71
71
  "config": {
72
- "searchEvent": "PRODUCT_SEARCH",
73
72
  "notificationClickEvent": "PRODUCT_NOTIFICATIONS_OPEN",
73
+ "contentTrait": "@trait.ProductCatalog",
74
+ "appName": "EcommerceApp",
74
75
  "navItems": [
75
76
  {
77
+ "label": "Products",
76
78
  "href": "/products",
77
- "icon": "package",
78
- "label": "Products"
79
+ "icon": "package"
79
80
  },
80
81
  {
81
82
  "href": "/cart",
82
- "label": "Cart",
83
- "icon": "shopping-cart"
83
+ "icon": "shopping-cart",
84
+ "label": "Cart"
84
85
  },
85
86
  {
86
- "href": "/checkout",
87
+ "label": "Checkout",
87
88
  "icon": "credit-card",
88
- "label": "Checkout"
89
+ "href": "/checkout"
89
90
  },
90
91
  {
91
- "icon": "clipboard-list",
92
+ "href": "/orders",
92
93
  "label": "Orders",
93
- "href": "/orders"
94
+ "icon": "clipboard-list"
94
95
  }
95
96
  ],
97
+ "searchEvent": "PRODUCT_SEARCH",
96
98
  "topBarActions": [
97
99
  {
98
100
  "event": "CART_OPEN",
@@ -100,8 +102,6 @@
100
102
  "label": "Cart"
101
103
  }
102
104
  ],
103
- "contentTrait": "@trait.ProductCatalog",
104
- "appName": "EcommerceApp",
105
105
  "notifications": []
106
106
  },
107
107
  "events": {
@@ -189,46 +189,47 @@
189
189
  "render-ui",
190
190
  "main",
191
191
  {
192
+ "type": "stack",
192
193
  "children": [
193
194
  {
195
+ "type": "stack",
196
+ "gap": "md",
194
197
  "children": [
195
198
  {
196
- "direction": "horizontal",
197
199
  "children": [
198
200
  {
199
- "name": "package",
200
- "type": "icon"
201
+ "type": "icon",
202
+ "name": "package"
201
203
  },
202
204
  {
203
- "content": "Products",
204
205
  "type": "typography",
206
+ "content": "Products",
205
207
  "variant": "h2"
206
208
  }
207
209
  ],
210
+ "type": "stack",
208
211
  "gap": "sm",
209
- "align": "center",
210
- "type": "stack"
212
+ "direction": "horizontal",
213
+ "align": "center"
211
214
  },
212
215
  {
216
+ "direction": "horizontal",
213
217
  "gap": "sm",
214
218
  "children": [
215
219
  {
216
- "variant": "primary",
217
- "action": "CREATE",
218
- "icon": "plus",
219
220
  "type": "button",
220
- "label": "Create Product"
221
+ "label": "Create Product",
222
+ "action": "CREATE",
223
+ "variant": "primary",
224
+ "icon": "plus"
221
225
  }
222
226
  ],
223
- "type": "stack",
224
- "direction": "horizontal"
227
+ "type": "stack"
225
228
  }
226
229
  ],
227
- "type": "stack",
228
- "direction": "horizontal",
229
- "align": "center",
230
230
  "justify": "between",
231
- "gap": "md"
231
+ "direction": "horizontal",
232
+ "align": "center"
232
233
  },
233
234
  {
234
235
  "type": "divider"
@@ -236,8 +237,7 @@
236
237
  "@trait.ProductBrowseList"
237
238
  ],
238
239
  "gap": "lg",
239
- "direction": "vertical",
240
- "type": "stack"
240
+ "direction": "vertical"
241
241
  }
242
242
  ]
243
243
  ]
@@ -256,33 +256,33 @@
256
256
  "render-ui",
257
257
  "main",
258
258
  {
259
- "align": "center",
260
- "type": "stack",
261
- "direction": "vertical",
262
- "gap": "md",
263
259
  "children": [
264
260
  {
265
261
  "type": "icon",
266
262
  "name": "bell"
267
263
  },
268
264
  {
265
+ "type": "typography",
269
266
  "variant": "h3",
270
- "content": "No notifications",
271
- "type": "typography"
267
+ "content": "No notifications"
272
268
  },
273
269
  {
274
- "variant": "caption",
270
+ "content": "You're all caught up.",
275
271
  "color": "muted",
276
- "type": "typography",
277
- "content": "You're all caught up."
272
+ "variant": "caption",
273
+ "type": "typography"
278
274
  },
279
275
  {
280
- "label": "Back to products",
281
276
  "variant": "ghost",
277
+ "label": "Back to products",
282
278
  "action": "INIT",
283
279
  "type": "button"
284
280
  }
285
281
  ],
282
+ "type": "stack",
283
+ "direction": "vertical",
284
+ "gap": "md",
285
+ "align": "center",
286
286
  "className": "py-8"
287
287
  }
288
288
  ]
@@ -297,52 +297,52 @@
297
297
  "name": "ProductBrowseList",
298
298
  "linkedEntity": "Product",
299
299
  "config": {
300
- "gap": "md",
301
- "itemActions": [
302
- {
303
- "label": "View",
304
- "event": "VIEW",
305
- "variant": "ghost"
306
- },
307
- {
308
- "event": "EDIT",
309
- "variant": "ghost",
310
- "label": "Edit"
311
- },
312
- {
313
- "label": "Delete",
314
- "variant": "danger",
315
- "event": "DELETE"
316
- }
317
- ],
318
- "imageField": "imageUrl",
319
- "cols": 3.0,
320
300
  "fields": [
321
301
  {
322
- "variant": "h3",
323
302
  "name": "name",
303
+ "variant": "h3",
324
304
  "icon": "package"
325
305
  },
326
306
  {
327
- "variant": "badge",
328
- "name": "category"
307
+ "name": "category",
308
+ "variant": "badge"
329
309
  },
330
310
  {
331
- "name": "price",
332
311
  "variant": "h4",
333
- "format": "currency"
312
+ "format": "currency",
313
+ "name": "price"
334
314
  },
335
315
  {
336
- "name": "sku",
337
- "variant": "caption"
316
+ "variant": "caption",
317
+ "name": "sku"
338
318
  },
339
319
  {
340
- "variant": "body",
341
- "format": "boolean",
342
320
  "name": "inStock",
343
- "label": "In Stock"
321
+ "label": "In Stock",
322
+ "variant": "body",
323
+ "format": "boolean"
344
324
  }
345
- ]
325
+ ],
326
+ "gap": "md",
327
+ "itemActions": [
328
+ {
329
+ "variant": "ghost",
330
+ "label": "View",
331
+ "event": "VIEW"
332
+ },
333
+ {
334
+ "variant": "ghost",
335
+ "label": "Edit",
336
+ "event": "EDIT"
337
+ },
338
+ {
339
+ "variant": "danger",
340
+ "event": "DELETE",
341
+ "label": "Delete"
342
+ }
343
+ ],
344
+ "cols": 3.0,
345
+ "imageField": "imageUrl"
346
346
  },
347
347
  "listens": [
348
348
  {
@@ -571,11 +571,9 @@
571
571
  "render-ui",
572
572
  "modal",
573
573
  {
574
- "direction": "vertical",
575
574
  "gap": "md",
576
575
  "children": [
577
576
  {
578
- "gap": "sm",
579
577
  "type": "stack",
580
578
  "children": [
581
579
  {
@@ -583,18 +581,22 @@
583
581
  "name": "plus-circle"
584
582
  },
585
583
  {
586
- "variant": "h3",
587
584
  "type": "typography",
588
- "content": "Create Product"
585
+ "content": "Create Product",
586
+ "variant": "h3"
589
587
  }
590
588
  ],
591
- "direction": "horizontal"
589
+ "direction": "horizontal",
590
+ "gap": "sm"
592
591
  },
593
592
  {
594
593
  "type": "divider"
595
594
  },
596
595
  {
597
596
  "cancelEvent": "CLOSE",
597
+ "type": "form-section",
598
+ "mode": "create",
599
+ "submitEvent": "SAVE",
598
600
  "fields": [
599
601
  "name",
600
602
  "description",
@@ -602,13 +604,11 @@
602
604
  "category",
603
605
  "sku",
604
606
  "inStock"
605
- ],
606
- "type": "form-section",
607
- "mode": "create",
608
- "submitEvent": "SAVE"
607
+ ]
609
608
  }
610
609
  ],
611
- "type": "stack"
610
+ "type": "stack",
611
+ "direction": "vertical"
612
612
  }
613
613
  ]
614
614
  ]
@@ -649,8 +649,8 @@
649
649
  "@payload.data",
650
650
  {
651
651
  "emit": {
652
- "failure": "ProductSaveFailed",
653
- "success": "ProductSaved"
652
+ "success": "ProductSaved",
653
+ "failure": "ProductSaveFailed"
654
654
  }
655
655
  }
656
656
  ],
@@ -896,30 +896,29 @@
896
896
  "render-ui",
897
897
  "modal",
898
898
  {
899
+ "direction": "vertical",
899
900
  "children": [
900
901
  {
901
- "direction": "horizontal",
902
902
  "gap": "sm",
903
- "type": "stack",
904
903
  "children": [
905
904
  {
906
905
  "type": "icon",
907
906
  "name": "edit"
908
907
  },
909
908
  {
910
- "content": "Edit Product",
911
909
  "variant": "h3",
912
- "type": "typography"
910
+ "type": "typography",
911
+ "content": "Edit Product"
913
912
  }
914
- ]
913
+ ],
914
+ "type": "stack",
915
+ "direction": "horizontal"
915
916
  },
916
917
  {
917
918
  "type": "divider"
918
919
  },
919
920
  {
920
- "entity": "@payload.row",
921
- "type": "form-section",
922
- "mode": "edit",
921
+ "cancelEvent": "CLOSE",
923
922
  "fields": [
924
923
  "name",
925
924
  "description",
@@ -928,13 +927,14 @@
928
927
  "sku",
929
928
  "inStock"
930
929
  ],
930
+ "mode": "edit",
931
+ "type": "form-section",
931
932
  "submitEvent": "SAVE",
932
- "cancelEvent": "CLOSE"
933
+ "entity": "@payload.row"
933
934
  }
934
935
  ],
935
- "type": "stack",
936
- "direction": "vertical",
937
- "gap": "md"
936
+ "gap": "md",
937
+ "type": "stack"
938
938
  }
939
939
  ]
940
940
  ]
@@ -1191,103 +1191,104 @@
1191
1191
  "render-ui",
1192
1192
  "modal",
1193
1193
  {
1194
- "type": "stack",
1195
1194
  "direction": "vertical",
1195
+ "gap": "md",
1196
1196
  "children": [
1197
1197
  {
1198
+ "direction": "horizontal",
1199
+ "type": "stack",
1198
1200
  "gap": "sm",
1201
+ "align": "center",
1199
1202
  "children": [
1200
1203
  {
1201
- "type": "icon",
1202
- "name": "eye"
1204
+ "name": "eye",
1205
+ "type": "icon"
1203
1206
  },
1204
1207
  {
1205
- "variant": "h3",
1206
1208
  "content": "@entity.name",
1207
- "type": "typography"
1209
+ "type": "typography",
1210
+ "variant": "h3"
1208
1211
  }
1209
- ],
1210
- "align": "center",
1211
- "direction": "horizontal",
1212
- "type": "stack"
1212
+ ]
1213
1213
  },
1214
1214
  {
1215
1215
  "type": "divider"
1216
1216
  },
1217
1217
  {
1218
+ "gap": "md",
1218
1219
  "direction": "horizontal",
1219
1220
  "type": "stack",
1220
- "gap": "md",
1221
1221
  "children": [
1222
1222
  {
1223
- "content": "Name",
1224
1223
  "type": "typography",
1224
+ "content": "Name",
1225
1225
  "variant": "caption"
1226
1226
  },
1227
1227
  {
1228
+ "content": "@entity.name",
1228
1229
  "type": "typography",
1229
- "variant": "body",
1230
- "content": "@entity.name"
1230
+ "variant": "body"
1231
1231
  }
1232
1232
  ]
1233
1233
  },
1234
1234
  {
1235
+ "direction": "horizontal",
1236
+ "type": "stack",
1237
+ "gap": "md",
1235
1238
  "children": [
1236
1239
  {
1237
- "content": "Description",
1238
1240
  "variant": "caption",
1239
- "type": "typography"
1241
+ "type": "typography",
1242
+ "content": "Description"
1240
1243
  },
1241
1244
  {
1242
- "content": "@entity.description",
1245
+ "type": "typography",
1243
1246
  "variant": "body",
1244
- "type": "typography"
1247
+ "content": "@entity.description"
1245
1248
  }
1246
- ],
1247
- "type": "stack",
1248
- "direction": "horizontal",
1249
- "gap": "md"
1249
+ ]
1250
1250
  },
1251
1251
  {
1252
- "gap": "md",
1253
- "type": "stack",
1254
- "direction": "horizontal",
1255
1252
  "children": [
1256
1253
  {
1257
- "content": "Price",
1258
1254
  "type": "typography",
1259
- "variant": "caption"
1255
+ "variant": "caption",
1256
+ "content": "Price"
1260
1257
  },
1261
1258
  {
1262
1259
  "type": "typography",
1263
1260
  "variant": "body",
1264
1261
  "content": "@entity.price"
1265
1262
  }
1266
- ]
1263
+ ],
1264
+ "direction": "horizontal",
1265
+ "gap": "md",
1266
+ "type": "stack"
1267
1267
  },
1268
1268
  {
1269
+ "gap": "md",
1270
+ "direction": "horizontal",
1271
+ "type": "stack",
1269
1272
  "children": [
1270
1273
  {
1271
- "content": "Category",
1274
+ "variant": "caption",
1272
1275
  "type": "typography",
1273
- "variant": "caption"
1276
+ "content": "Category"
1274
1277
  },
1275
1278
  {
1276
- "variant": "body",
1277
1279
  "type": "typography",
1280
+ "variant": "body",
1278
1281
  "content": "@entity.category"
1279
1282
  }
1280
- ],
1281
- "gap": "md",
1282
- "type": "stack",
1283
- "direction": "horizontal"
1283
+ ]
1284
1284
  },
1285
1285
  {
1286
- "gap": "md",
1286
+ "type": "stack",
1287
+ "direction": "horizontal",
1287
1288
  "children": [
1288
1289
  {
1289
- "type": "typography",
1290
1290
  "variant": "caption",
1291
+ "type": "typography",
1291
1292
  "content": "Sku"
1292
1293
  },
1293
1294
  {
@@ -1296,15 +1297,15 @@
1296
1297
  "type": "typography"
1297
1298
  }
1298
1299
  ],
1299
- "direction": "horizontal",
1300
- "type": "stack"
1300
+ "gap": "md"
1301
1301
  },
1302
1302
  {
1303
+ "direction": "horizontal",
1303
1304
  "children": [
1304
1305
  {
1305
- "variant": "caption",
1306
1306
  "content": "In Stock",
1307
- "type": "typography"
1307
+ "type": "typography",
1308
+ "variant": "caption"
1308
1309
  },
1309
1310
  {
1310
1311
  "variant": "body",
@@ -1313,35 +1314,34 @@
1313
1314
  }
1314
1315
  ],
1315
1316
  "type": "stack",
1316
- "direction": "horizontal",
1317
1317
  "gap": "md"
1318
1318
  },
1319
1319
  {
1320
1320
  "type": "divider"
1321
1321
  },
1322
1322
  {
1323
- "gap": "sm",
1324
- "justify": "end",
1325
1323
  "direction": "horizontal",
1324
+ "justify": "end",
1325
+ "type": "stack",
1326
1326
  "children": [
1327
1327
  {
1328
1328
  "label": "Edit",
1329
- "action": "EDIT",
1330
- "icon": "edit",
1329
+ "type": "button",
1331
1330
  "variant": "primary",
1332
- "type": "button"
1331
+ "action": "EDIT",
1332
+ "icon": "edit"
1333
1333
  },
1334
1334
  {
1335
- "action": "CLOSE",
1336
- "type": "button",
1335
+ "label": "Close",
1337
1336
  "variant": "ghost",
1338
- "label": "Close"
1337
+ "type": "button",
1338
+ "action": "CLOSE"
1339
1339
  }
1340
1340
  ],
1341
- "type": "stack"
1341
+ "gap": "sm"
1342
1342
  }
1343
1343
  ],
1344
- "gap": "md"
1344
+ "type": "stack"
1345
1345
  }
1346
1346
  ]
1347
1347
  ]
@@ -1571,8 +1571,8 @@
1571
1571
  "Product",
1572
1572
  {
1573
1573
  "emit": {
1574
- "success": "ProductLoaded",
1575
- "failure": "ProductLoadFailed"
1574
+ "failure": "ProductLoadFailed",
1575
+ "success": "ProductLoaded"
1576
1576
  }
1577
1577
  }
1578
1578
  ]
@@ -1593,8 +1593,8 @@
1593
1593
  "Product",
1594
1594
  {
1595
1595
  "emit": {
1596
- "success": "ProductLoaded",
1597
- "failure": "ProductLoadFailed"
1596
+ "failure": "ProductLoadFailed",
1597
+ "success": "ProductLoaded"
1598
1598
  },
1599
1599
  "id": "@payload.id"
1600
1600
  }
@@ -1603,23 +1603,26 @@
1603
1603
  "render-ui",
1604
1604
  "modal",
1605
1605
  {
1606
+ "type": "stack",
1607
+ "gap": "md",
1608
+ "direction": "vertical",
1606
1609
  "children": [
1607
1610
  {
1608
- "type": "stack",
1609
1611
  "direction": "horizontal",
1610
- "align": "center",
1611
- "gap": "sm",
1612
1612
  "children": [
1613
1613
  {
1614
- "name": "alert-triangle",
1615
- "type": "icon"
1614
+ "type": "icon",
1615
+ "name": "alert-triangle"
1616
1616
  },
1617
1617
  {
1618
1618
  "type": "typography",
1619
- "content": "Delete Product",
1620
- "variant": "h3"
1619
+ "variant": "h3",
1620
+ "content": "Delete Product"
1621
1621
  }
1622
- ]
1622
+ ],
1623
+ "type": "stack",
1624
+ "gap": "sm",
1625
+ "align": "center"
1623
1626
  },
1624
1627
  {
1625
1628
  "type": "divider"
@@ -1630,30 +1633,27 @@
1630
1633
  "message": "This action cannot be undone."
1631
1634
  },
1632
1635
  {
1636
+ "gap": "sm",
1637
+ "type": "stack",
1638
+ "justify": "end",
1633
1639
  "children": [
1634
1640
  {
1641
+ "variant": "ghost",
1635
1642
  "type": "button",
1636
- "label": "Cancel",
1637
1643
  "action": "CANCEL",
1638
- "variant": "ghost"
1644
+ "label": "Cancel"
1639
1645
  },
1640
1646
  {
1641
- "type": "button",
1647
+ "variant": "danger",
1648
+ "action": "CONFIRM_DELETE",
1642
1649
  "label": "Delete",
1643
1650
  "icon": "check",
1644
- "variant": "danger",
1645
- "action": "CONFIRM_DELETE"
1651
+ "type": "button"
1646
1652
  }
1647
1653
  ],
1648
- "type": "stack",
1649
- "justify": "end",
1650
- "direction": "horizontal",
1651
- "gap": "sm"
1654
+ "direction": "horizontal"
1652
1655
  }
1653
- ],
1654
- "type": "stack",
1655
- "direction": "vertical",
1656
- "gap": "md"
1656
+ ]
1657
1657
  }
1658
1658
  ]
1659
1659
  ]
@@ -1670,8 +1670,8 @@
1670
1670
  "@entity.pendingId",
1671
1671
  {
1672
1672
  "emit": {
1673
- "failure": "ProductDeleteFailed",
1674
- "success": "ProductDeleted"
1673
+ "success": "ProductDeleted",
1674
+ "failure": "ProductDeleteFailed"
1675
1675
  }
1676
1676
  }
1677
1677
  ],
@@ -1725,8 +1725,8 @@
1725
1725
  "Product",
1726
1726
  {
1727
1727
  "emit": {
1728
- "success": "ProductLoaded",
1729
- "failure": "ProductLoadFailed"
1728
+ "failure": "ProductLoadFailed",
1729
+ "success": "ProductLoaded"
1730
1730
  }
1731
1731
  }
1732
1732
  ]
@@ -1754,8 +1754,8 @@
1754
1754
  "Product",
1755
1755
  {
1756
1756
  "emit": {
1757
- "failure": "ProductLoadFailed",
1758
- "success": "ProductLoaded"
1757
+ "success": "ProductLoaded",
1758
+ "failure": "ProductLoadFailed"
1759
1759
  }
1760
1760
  }
1761
1761
  ]
@@ -2002,22 +2002,22 @@
2002
2002
  "render-ui",
2003
2003
  "main",
2004
2004
  {
2005
- "type": "stack",
2006
- "className": "py-12",
2007
2005
  "children": [
2008
2006
  {
2009
2007
  "type": "spinner"
2010
2008
  },
2011
2009
  {
2012
- "variant": "caption",
2013
- "color": "muted",
2014
2010
  "type": "typography",
2015
- "content": "Loading…"
2011
+ "color": "muted",
2012
+ "content": "Loading…",
2013
+ "variant": "caption"
2016
2014
  }
2017
2015
  ],
2016
+ "type": "stack",
2017
+ "className": "py-12",
2018
+ "gap": "md",
2018
2019
  "direction": "vertical",
2019
- "align": "center",
2020
- "gap": "md"
2020
+ "align": "center"
2021
2021
  }
2022
2022
  ]
2023
2023
  ]
@@ -2031,135 +2031,135 @@
2031
2031
  "render-ui",
2032
2032
  "main",
2033
2033
  {
2034
- "appName": "EcommerceApp",
2035
- "type": "dashboard-layout",
2036
- "navItems": [
2037
- {
2038
- "href": "/products",
2039
- "label": "Products",
2040
- "icon": "package"
2041
- },
2042
- {
2043
- "label": "Cart",
2044
- "icon": "shopping-cart",
2045
- "href": "/cart"
2046
- },
2047
- {
2048
- "href": "/checkout",
2049
- "icon": "credit-card",
2050
- "label": "Checkout"
2051
- },
2052
- {
2053
- "label": "Orders",
2054
- "href": "/orders",
2055
- "icon": "clipboard-list"
2056
- }
2057
- ],
2058
2034
  "children": [
2059
2035
  {
2060
2036
  "type": "stack",
2037
+ "direction": "vertical",
2061
2038
  "children": [
2062
2039
  {
2063
2040
  "direction": "horizontal",
2041
+ "justify": "between",
2064
2042
  "children": [
2065
2043
  {
2066
- "direction": "horizontal",
2067
2044
  "gap": "md",
2068
- "type": "stack",
2069
2045
  "children": [
2070
2046
  {
2071
- "type": "icon",
2072
- "name": "shopping-cart"
2047
+ "name": "shopping-cart",
2048
+ "type": "icon"
2073
2049
  },
2074
2050
  {
2075
- "variant": "h2",
2051
+ "content": "Shopping Cart",
2076
2052
  "type": "typography",
2077
- "content": "Shopping Cart"
2053
+ "variant": "h2"
2078
2054
  }
2079
- ]
2055
+ ],
2056
+ "direction": "horizontal",
2057
+ "type": "stack"
2080
2058
  },
2081
2059
  {
2082
- "action": "ADD_ITEM",
2083
- "type": "button",
2084
2060
  "icon": "plus",
2061
+ "type": "button",
2062
+ "variant": "primary",
2085
2063
  "label": "Add Item",
2086
- "variant": "primary"
2064
+ "action": "ADD_ITEM"
2087
2065
  }
2088
2066
  ],
2089
- "gap": "md",
2090
2067
  "type": "stack",
2091
- "justify": "between"
2068
+ "gap": "md"
2092
2069
  },
2093
2070
  {
2094
2071
  "type": "divider"
2095
2072
  },
2096
2073
  {
2097
- "cols": 3.0,
2074
+ "type": "simple-grid",
2098
2075
  "children": [
2099
2076
  {
2100
- "label": "Items",
2101
- "icon": "package",
2102
2077
  "type": "stat-display",
2103
- "value": "@payload.data.length"
2078
+ "label": "Items",
2079
+ "value": "@payload.data.length",
2080
+ "icon": "package"
2104
2081
  },
2105
2082
  {
2106
- "label": "Subtotal",
2107
2083
  "type": "stat-display",
2084
+ "label": "Subtotal",
2108
2085
  "icon": "dollar-sign",
2109
2086
  "value": "@payload.data.length"
2110
2087
  },
2111
2088
  {
2089
+ "label": "Total",
2112
2090
  "value": "@payload.data.length",
2113
- "type": "stat-display",
2114
2091
  "icon": "receipt",
2115
- "label": "Total"
2092
+ "type": "stat-display"
2116
2093
  }
2117
2094
  ],
2118
- "type": "simple-grid"
2095
+ "cols": 3.0
2119
2096
  },
2120
2097
  {
2121
2098
  "type": "divider"
2122
2099
  },
2123
2100
  {
2101
+ "entity": "@payload.data",
2102
+ "type": "data-grid",
2124
2103
  "fields": [
2125
2104
  {
2105
+ "label": "Product Name",
2126
2106
  "icon": "shopping-cart",
2127
2107
  "variant": "h4",
2128
- "name": "productName",
2129
- "label": "Product Name"
2108
+ "name": "productName"
2130
2109
  },
2131
2110
  {
2132
- "label": "Quantity",
2111
+ "name": "quantity",
2133
2112
  "variant": "caption",
2134
- "format": "currency",
2135
- "name": "quantity"
2113
+ "label": "Quantity",
2114
+ "format": "currency"
2136
2115
  },
2137
2116
  {
2138
- "name": "unitPrice",
2139
2117
  "label": "Unit Price",
2140
- "variant": "badge"
2118
+ "variant": "badge",
2119
+ "name": "unitPrice"
2141
2120
  }
2142
2121
  ],
2143
2122
  "itemActions": [
2144
2123
  {
2145
2124
  "variant": "danger",
2146
- "event": "REQUEST_REMOVE",
2147
- "label": "Remove"
2125
+ "label": "Remove",
2126
+ "event": "REQUEST_REMOVE"
2148
2127
  }
2149
- ],
2150
- "entity": "@payload.data",
2151
- "type": "data-grid"
2128
+ ]
2152
2129
  },
2153
2130
  {
2154
- "type": "button",
2131
+ "icon": "arrow-right",
2155
2132
  "label": "Proceed to Checkout",
2133
+ "action": "PROCEED_CHECKOUT",
2156
2134
  "variant": "primary",
2157
- "icon": "arrow-right",
2158
- "action": "PROCEED_CHECKOUT"
2135
+ "type": "button"
2159
2136
  }
2160
2137
  ],
2161
- "gap": "lg",
2162
- "direction": "vertical"
2138
+ "gap": "lg"
2139
+ }
2140
+ ],
2141
+ "appName": "EcommerceApp",
2142
+ "type": "dashboard-layout",
2143
+ "navItems": [
2144
+ {
2145
+ "label": "Products",
2146
+ "href": "/products",
2147
+ "icon": "package"
2148
+ },
2149
+ {
2150
+ "href": "/cart",
2151
+ "label": "Cart",
2152
+ "icon": "shopping-cart"
2153
+ },
2154
+ {
2155
+ "label": "Checkout",
2156
+ "href": "/checkout",
2157
+ "icon": "credit-card"
2158
+ },
2159
+ {
2160
+ "label": "Orders",
2161
+ "icon": "clipboard-list",
2162
+ "href": "/orders"
2163
2163
  }
2164
2164
  ]
2165
2165
  }
@@ -2175,11 +2175,15 @@
2175
2175
  "render-ui",
2176
2176
  "main",
2177
2177
  {
2178
+ "type": "stack",
2179
+ "align": "center",
2180
+ "gap": "md",
2181
+ "className": "py-12",
2178
2182
  "children": [
2179
2183
  {
2180
- "type": "icon",
2184
+ "name": "alert-triangle",
2181
2185
  "color": "destructive",
2182
- "name": "alert-triangle"
2186
+ "type": "icon"
2183
2187
  },
2184
2188
  {
2185
2189
  "type": "typography",
@@ -2187,24 +2191,20 @@
2187
2191
  "variant": "h3"
2188
2192
  },
2189
2193
  {
2190
- "type": "typography",
2191
- "color": "muted",
2192
2194
  "variant": "body",
2193
- "content": "@payload.error"
2195
+ "content": "@payload.error",
2196
+ "type": "typography",
2197
+ "color": "muted"
2194
2198
  },
2195
2199
  {
2200
+ "variant": "primary",
2196
2201
  "label": "Retry",
2197
2202
  "type": "button",
2198
- "variant": "primary",
2199
2203
  "action": "INIT",
2200
2204
  "icon": "rotate-ccw"
2201
2205
  }
2202
2206
  ],
2203
- "type": "stack",
2204
- "direction": "vertical",
2205
- "gap": "md",
2206
- "align": "center",
2207
- "className": "py-12"
2207
+ "direction": "vertical"
2208
2208
  }
2209
2209
  ]
2210
2210
  ]
@@ -2219,8 +2219,8 @@
2219
2219
  "CartItem",
2220
2220
  {
2221
2221
  "emit": {
2222
- "success": "CartItemLoaded",
2223
- "failure": "CartItemLoadFailed"
2222
+ "failure": "CartItemLoadFailed",
2223
+ "success": "CartItemLoaded"
2224
2224
  }
2225
2225
  }
2226
2226
  ],
@@ -2228,22 +2228,22 @@
2228
2228
  "render-ui",
2229
2229
  "main",
2230
2230
  {
2231
+ "className": "py-12",
2232
+ "direction": "vertical",
2231
2233
  "align": "center",
2232
2234
  "children": [
2233
2235
  {
2234
2236
  "type": "spinner"
2235
2237
  },
2236
2238
  {
2239
+ "color": "muted",
2237
2240
  "content": "Preparing checkout…",
2238
- "type": "typography",
2239
2241
  "variant": "caption",
2240
- "color": "muted"
2242
+ "type": "typography"
2241
2243
  }
2242
2244
  ],
2243
- "direction": "vertical",
2244
2245
  "gap": "md",
2245
- "type": "stack",
2246
- "className": "py-12"
2246
+ "type": "stack"
2247
2247
  }
2248
2248
  ]
2249
2249
  ]
@@ -2258,109 +2258,109 @@
2258
2258
  "main",
2259
2259
  {
2260
2260
  "type": "dashboard-layout",
2261
+ "appName": "EcommerceApp",
2262
+ "navItems": [
2263
+ {
2264
+ "href": "/products",
2265
+ "label": "Products",
2266
+ "icon": "package"
2267
+ },
2268
+ {
2269
+ "icon": "shopping-cart",
2270
+ "label": "Cart",
2271
+ "href": "/cart"
2272
+ },
2273
+ {
2274
+ "icon": "credit-card",
2275
+ "label": "Checkout",
2276
+ "href": "/checkout"
2277
+ },
2278
+ {
2279
+ "label": "Orders",
2280
+ "icon": "clipboard-list",
2281
+ "href": "/orders"
2282
+ }
2283
+ ],
2261
2284
  "children": [
2262
2285
  {
2263
2286
  "children": [
2264
2287
  {
2265
- "direction": "horizontal",
2266
- "gap": "sm",
2288
+ "type": "stack",
2267
2289
  "children": [
2268
2290
  {
2269
2291
  "type": "icon",
2270
2292
  "name": "clipboard"
2271
2293
  },
2272
2294
  {
2273
- "content": "Checkout",
2295
+ "type": "typography",
2274
2296
  "variant": "h2",
2275
- "type": "typography"
2297
+ "content": "Checkout"
2276
2298
  }
2277
2299
  ],
2278
- "type": "stack"
2300
+ "direction": "horizontal",
2301
+ "gap": "sm"
2279
2302
  },
2280
2303
  {
2281
2304
  "type": "divider"
2282
2305
  },
2283
2306
  {
2307
+ "entity": "@payload.data",
2308
+ "type": "data-grid",
2309
+ "itemActions": [
2310
+ {
2311
+ "event": "REQUEST_REMOVE",
2312
+ "variant": "danger",
2313
+ "label": "Remove"
2314
+ }
2315
+ ],
2284
2316
  "fields": [
2285
2317
  {
2286
- "name": "productName",
2287
- "variant": "h4",
2288
2318
  "icon": "shopping-cart",
2289
- "label": "Product Name"
2319
+ "variant": "h4",
2320
+ "label": "Product Name",
2321
+ "name": "productName"
2290
2322
  },
2291
2323
  {
2292
2324
  "format": "currency",
2293
2325
  "variant": "caption",
2294
- "name": "quantity",
2295
- "label": "Quantity"
2326
+ "label": "Quantity",
2327
+ "name": "quantity"
2296
2328
  },
2297
2329
  {
2298
- "variant": "badge",
2299
2330
  "name": "unitPrice",
2300
- "label": "Unit Price"
2301
- }
2302
- ],
2303
- "entity": "@payload.data",
2304
- "type": "data-grid",
2305
- "itemActions": [
2306
- {
2307
- "event": "REQUEST_REMOVE",
2308
- "variant": "danger",
2309
- "label": "Remove"
2331
+ "label": "Unit Price",
2332
+ "variant": "badge"
2310
2333
  }
2311
2334
  ]
2312
2335
  },
2313
2336
  {
2337
+ "type": "stack",
2338
+ "justify": "end",
2339
+ "gap": "sm",
2314
2340
  "direction": "horizontal",
2315
2341
  "children": [
2316
2342
  {
2343
+ "icon": "arrow-left",
2344
+ "label": "Back to Cart",
2317
2345
  "type": "button",
2318
2346
  "variant": "ghost",
2319
- "icon": "arrow-left",
2320
- "action": "BACK_TO_CART",
2321
- "label": "Back to Cart"
2347
+ "action": "BACK_TO_CART"
2322
2348
  },
2323
2349
  {
2324
2350
  "label": "Confirm Order",
2325
2351
  "variant": "primary",
2326
- "icon": "check",
2352
+ "action": "CONFIRM_ORDER",
2327
2353
  "type": "button",
2328
- "action": "CONFIRM_ORDER"
2354
+ "icon": "check"
2329
2355
  }
2330
- ],
2331
- "gap": "sm",
2332
- "type": "stack",
2333
- "justify": "end"
2356
+ ]
2334
2357
  }
2335
2358
  ],
2336
- "type": "stack",
2337
2359
  "gap": "lg",
2360
+ "type": "stack",
2338
2361
  "direction": "vertical"
2339
2362
  }
2340
- ],
2341
- "navItems": [
2342
- {
2343
- "label": "Products",
2344
- "href": "/products",
2345
- "icon": "package"
2346
- },
2347
- {
2348
- "label": "Cart",
2349
- "href": "/cart",
2350
- "icon": "shopping-cart"
2351
- },
2352
- {
2353
- "icon": "credit-card",
2354
- "label": "Checkout",
2355
- "href": "/checkout"
2356
- },
2357
- {
2358
- "label": "Orders",
2359
- "href": "/orders",
2360
- "icon": "clipboard-list"
2361
- }
2362
- ],
2363
- "appName": "EcommerceApp"
2363
+ ]
2364
2364
  }
2365
2365
  ]
2366
2366
  ]
@@ -2375,8 +2375,8 @@
2375
2375
  "CartItem",
2376
2376
  {
2377
2377
  "emit": {
2378
- "failure": "CartItemLoadFailed",
2379
- "success": "CartItemLoaded"
2378
+ "success": "CartItemLoaded",
2379
+ "failure": "CartItemLoadFailed"
2380
2380
  }
2381
2381
  }
2382
2382
  ]
@@ -2392,8 +2392,8 @@
2392
2392
  "CartItem",
2393
2393
  {
2394
2394
  "emit": {
2395
- "success": "CartItemLoaded",
2396
- "failure": "CartItemLoadFailed"
2395
+ "failure": "CartItemLoadFailed",
2396
+ "success": "CartItemLoaded"
2397
2397
  }
2398
2398
  }
2399
2399
  ],
@@ -2401,33 +2401,11 @@
2401
2401
  "render-ui",
2402
2402
  "main",
2403
2403
  {
2404
- "appName": "EcommerceApp",
2405
- "navItems": [
2406
- {
2407
- "label": "Products",
2408
- "icon": "package",
2409
- "href": "/products"
2410
- },
2411
- {
2412
- "label": "Cart",
2413
- "icon": "shopping-cart",
2414
- "href": "/cart"
2415
- },
2416
- {
2417
- "href": "/checkout",
2418
- "icon": "credit-card",
2419
- "label": "Checkout"
2420
- },
2421
- {
2422
- "label": "Orders",
2423
- "href": "/orders",
2424
- "icon": "clipboard-list"
2425
- }
2426
- ],
2427
2404
  "children": [
2428
2405
  {
2429
2406
  "gap": "lg",
2430
- "type": "stack",
2407
+ "align": "center",
2408
+ "direction": "vertical",
2431
2409
  "children": [
2432
2410
  {
2433
2411
  "type": "icon",
@@ -2435,26 +2413,48 @@
2435
2413
  },
2436
2414
  {
2437
2415
  "type": "typography",
2438
- "variant": "h2",
2439
- "content": "Order Confirmed"
2416
+ "content": "Order Confirmed",
2417
+ "variant": "h2"
2440
2418
  },
2441
2419
  {
2442
2420
  "variant": "body",
2443
- "content": "Your order has been placed successfully.",
2444
- "type": "typography"
2421
+ "type": "typography",
2422
+ "content": "Your order has been placed successfully."
2445
2423
  },
2446
2424
  {
2447
2425
  "type": "button",
2448
- "variant": "primary",
2449
2426
  "action": "INIT",
2427
+ "variant": "primary",
2450
2428
  "label": "Continue Shopping"
2451
2429
  }
2452
2430
  ],
2453
- "direction": "vertical",
2454
- "align": "center"
2431
+ "type": "stack"
2455
2432
  }
2456
2433
  ],
2457
- "type": "dashboard-layout"
2434
+ "navItems": [
2435
+ {
2436
+ "label": "Products",
2437
+ "icon": "package",
2438
+ "href": "/products"
2439
+ },
2440
+ {
2441
+ "href": "/cart",
2442
+ "label": "Cart",
2443
+ "icon": "shopping-cart"
2444
+ },
2445
+ {
2446
+ "icon": "credit-card",
2447
+ "label": "Checkout",
2448
+ "href": "/checkout"
2449
+ },
2450
+ {
2451
+ "label": "Orders",
2452
+ "href": "/orders",
2453
+ "icon": "clipboard-list"
2454
+ }
2455
+ ],
2456
+ "type": "dashboard-layout",
2457
+ "appName": "EcommerceApp"
2458
2458
  }
2459
2459
  ]
2460
2460
  ]
@@ -2648,30 +2648,30 @@
2648
2648
  "render-ui",
2649
2649
  "modal",
2650
2650
  {
2651
- "gap": "md",
2652
- "direction": "vertical",
2653
2651
  "type": "stack",
2652
+ "gap": "md",
2654
2653
  "children": [
2655
2654
  {
2656
- "direction": "horizontal",
2657
2655
  "type": "stack",
2658
- "gap": "sm",
2656
+ "direction": "horizontal",
2659
2657
  "children": [
2660
2658
  {
2661
2659
  "type": "icon",
2662
2660
  "name": "plus-circle"
2663
2661
  },
2664
2662
  {
2663
+ "type": "typography",
2665
2664
  "content": "Add Item",
2666
- "variant": "h3",
2667
- "type": "typography"
2665
+ "variant": "h3"
2668
2666
  }
2669
- ]
2667
+ ],
2668
+ "gap": "sm"
2670
2669
  },
2671
2670
  {
2672
2671
  "type": "divider"
2673
2672
  },
2674
2673
  {
2674
+ "cancelEvent": "CLOSE",
2675
2675
  "fields": [
2676
2676
  "productName",
2677
2677
  "quantity",
@@ -2679,11 +2679,11 @@
2679
2679
  "totalPrice"
2680
2680
  ],
2681
2681
  "mode": "create",
2682
- "type": "form-section",
2683
- "cancelEvent": "CLOSE",
2684
- "submitEvent": "SAVE"
2682
+ "submitEvent": "SAVE",
2683
+ "type": "form-section"
2685
2684
  }
2686
- ]
2685
+ ],
2686
+ "direction": "vertical"
2687
2687
  }
2688
2688
  ]
2689
2689
  ]
@@ -2932,8 +2932,8 @@
2932
2932
  "CartItem",
2933
2933
  {
2934
2934
  "emit": {
2935
- "failure": "CartItemLoadFailed",
2936
- "success": "CartItemLoaded"
2935
+ "success": "CartItemLoaded",
2936
+ "failure": "CartItemLoadFailed"
2937
2937
  },
2938
2938
  "id": "@payload.id"
2939
2939
  }
@@ -2942,55 +2942,55 @@
2942
2942
  "render-ui",
2943
2943
  "modal",
2944
2944
  {
2945
- "type": "stack",
2946
2945
  "direction": "vertical",
2946
+ "type": "stack",
2947
2947
  "gap": "md",
2948
2948
  "children": [
2949
2949
  {
2950
2950
  "children": [
2951
2951
  {
2952
- "name": "alert-triangle",
2953
- "type": "icon"
2952
+ "type": "icon",
2953
+ "name": "alert-triangle"
2954
2954
  },
2955
2955
  {
2956
2956
  "content": "Remove Item",
2957
- "variant": "h3",
2958
- "type": "typography"
2957
+ "type": "typography",
2958
+ "variant": "h3"
2959
2959
  }
2960
2960
  ],
2961
- "align": "center",
2962
- "gap": "sm",
2963
2961
  "type": "stack",
2964
- "direction": "horizontal"
2962
+ "direction": "horizontal",
2963
+ "gap": "sm",
2964
+ "align": "center"
2965
2965
  },
2966
2966
  {
2967
2967
  "type": "divider"
2968
2968
  },
2969
2969
  {
2970
2970
  "message": "Are you sure you want to remove this item from your cart?",
2971
- "type": "alert",
2972
- "variant": "error"
2971
+ "variant": "error",
2972
+ "type": "alert"
2973
2973
  },
2974
2974
  {
2975
- "gap": "sm",
2976
2975
  "justify": "end",
2977
2976
  "children": [
2978
2977
  {
2979
- "label": "Cancel",
2980
- "action": "CANCEL",
2978
+ "variant": "ghost",
2981
2979
  "type": "button",
2982
- "variant": "ghost"
2980
+ "action": "CANCEL",
2981
+ "label": "Cancel"
2983
2982
  },
2984
2983
  {
2984
+ "label": "Remove",
2985
2985
  "type": "button",
2986
- "action": "CONFIRM_REMOVE",
2987
- "variant": "danger",
2988
2986
  "icon": "check",
2989
- "label": "Remove"
2987
+ "action": "CONFIRM_REMOVE",
2988
+ "variant": "danger"
2990
2989
  }
2991
2990
  ],
2992
- "type": "stack",
2993
- "direction": "horizontal"
2991
+ "direction": "horizontal",
2992
+ "gap": "sm",
2993
+ "type": "stack"
2994
2994
  }
2995
2995
  ]
2996
2996
  }
@@ -3009,8 +3009,8 @@
3009
3009
  "@entity.pendingId",
3010
3010
  {
3011
3011
  "emit": {
3012
- "failure": "CartItemDeleteFailed",
3013
- "success": "CartItemDeleted"
3012
+ "success": "CartItemDeleted",
3013
+ "failure": "CartItemDeleteFailed"
3014
3014
  }
3015
3015
  }
3016
3016
  ],
@@ -3031,8 +3031,8 @@
3031
3031
  "CartItem",
3032
3032
  {
3033
3033
  "emit": {
3034
- "success": "CartItemLoaded",
3035
- "failure": "CartItemLoadFailed"
3034
+ "failure": "CartItemLoadFailed",
3035
+ "success": "CartItemLoaded"
3036
3036
  }
3037
3037
  }
3038
3038
  ]
@@ -3060,8 +3060,8 @@
3060
3060
  "CartItem",
3061
3061
  {
3062
3062
  "emit": {
3063
- "success": "CartItemLoaded",
3064
- "failure": "CartItemLoadFailed"
3063
+ "failure": "CartItemLoadFailed",
3064
+ "success": "CartItemLoaded"
3065
3065
  }
3066
3066
  }
3067
3067
  ]
@@ -3165,8 +3165,8 @@
3165
3165
  "ref": "Stripe.traits.ServiceStripeStripe",
3166
3166
  "name": "CheckoutPayment",
3167
3167
  "config": {
3168
- "amount": 0.0,
3169
3168
  "uiTrait": "@trait.CheckoutPaymentForm",
3169
+ "amount": 0.0,
3170
3170
  "metadata": {},
3171
3171
  "currency": "usd"
3172
3172
  },
@@ -3223,33 +3223,35 @@
3223
3223
  "render-ui",
3224
3224
  "main",
3225
3225
  {
3226
+ "type": "stack",
3227
+ "gap": "md",
3226
3228
  "children": [
3227
3229
  {
3228
3230
  "variant": "info",
3229
- "type": "alert",
3230
- "message": "Enter card details to complete your order."
3231
+ "message": "Enter card details to complete your order.",
3232
+ "type": "alert"
3231
3233
  },
3232
3234
  {
3233
- "placeholder": "Card number",
3234
3235
  "type": "input",
3235
- "inputType": "text"
3236
+ "inputType": "text",
3237
+ "placeholder": "Card number"
3236
3238
  },
3237
3239
  {
3240
+ "direction": "horizontal",
3241
+ "gap": "sm",
3238
3242
  "type": "stack",
3239
3243
  "children": [
3240
3244
  {
3241
3245
  "placeholder": "MM/YY",
3242
- "inputType": "text",
3243
- "type": "input"
3246
+ "type": "input",
3247
+ "inputType": "text"
3244
3248
  },
3245
3249
  {
3246
- "type": "input",
3247
3250
  "inputType": "text",
3248
- "placeholder": "CVC"
3251
+ "placeholder": "CVC",
3252
+ "type": "input"
3249
3253
  }
3250
- ],
3251
- "gap": "sm",
3252
- "direction": "horizontal"
3254
+ ]
3253
3255
  },
3254
3256
  {
3255
3257
  "label": "Pay now",
@@ -3259,9 +3261,7 @@
3259
3261
  "variant": "primary"
3260
3262
  }
3261
3263
  ],
3262
- "direction": "vertical",
3263
- "type": "stack",
3264
- "gap": "md"
3264
+ "direction": "vertical"
3265
3265
  }
3266
3266
  ]
3267
3267
  ]
@@ -3502,6 +3502,10 @@
3502
3502
  "render-ui",
3503
3503
  "main",
3504
3504
  {
3505
+ "gap": "lg",
3506
+ "type": "stack",
3507
+ "direction": "vertical",
3508
+ "className": "max-w-xl mx-auto w-full",
3505
3509
  "children": [
3506
3510
  {
3507
3511
  "content": "Checkout",
@@ -3509,39 +3513,35 @@
3509
3513
  "variant": "h2"
3510
3514
  },
3511
3515
  {
3516
+ "type": "wizard-progress",
3512
3517
  "steps": [
3513
3518
  "Customer Info",
3514
3519
  "Shipping",
3515
3520
  "Payment",
3516
3521
  "Review"
3517
3522
  ],
3518
- "currentStep": 0.0,
3519
- "type": "wizard-progress"
3523
+ "currentStep": 0.0
3520
3524
  },
3521
3525
  {
3522
3526
  "type": "divider"
3523
3527
  },
3524
3528
  {
3525
3529
  "type": "typography",
3526
- "variant": "h3",
3527
- "content": "Customer Info"
3530
+ "content": "Customer Info",
3531
+ "variant": "h3"
3528
3532
  },
3529
3533
  {
3534
+ "type": "form-section",
3530
3535
  "submitLabel": "Continue",
3531
- "mode": "create",
3532
3536
  "showCancel": false,
3533
- "submitEvent": "NEXT",
3534
3537
  "fields": [
3535
3538
  "customerName",
3536
3539
  "email"
3537
3540
  ],
3538
- "type": "form-section"
3541
+ "mode": "create",
3542
+ "submitEvent": "NEXT"
3539
3543
  }
3540
- ],
3541
- "gap": "lg",
3542
- "className": "max-w-xl mx-auto w-full",
3543
- "type": "stack",
3544
- "direction": "vertical"
3544
+ ]
3545
3545
  }
3546
3546
  ]
3547
3547
  ]
@@ -3567,13 +3567,13 @@
3567
3567
  {
3568
3568
  "type": "stack",
3569
3569
  "gap": "lg",
3570
- "className": "max-w-xl mx-auto w-full",
3571
3570
  "direction": "vertical",
3571
+ "className": "max-w-xl mx-auto w-full",
3572
3572
  "children": [
3573
3573
  {
3574
- "variant": "h2",
3574
+ "type": "typography",
3575
3575
  "content": "Checkout",
3576
- "type": "typography"
3576
+ "variant": "h2"
3577
3577
  },
3578
3578
  {
3579
3579
  "steps": [
@@ -3589,20 +3589,20 @@
3589
3589
  "type": "divider"
3590
3590
  },
3591
3591
  {
3592
- "variant": "h3",
3592
+ "content": "Shipping Address",
3593
3593
  "type": "typography",
3594
- "content": "Shipping Address"
3594
+ "variant": "h3"
3595
3595
  },
3596
3596
  {
3597
- "cancelLabel": "Back",
3598
- "submitEvent": "NEXT",
3599
- "mode": "edit",
3600
3597
  "fields": [
3601
3598
  "shippingAddress"
3602
3599
  ],
3603
- "entity": "@entity",
3604
- "cancelEvent": "PREV",
3600
+ "submitEvent": "NEXT",
3605
3601
  "submitLabel": "Continue",
3602
+ "mode": "edit",
3603
+ "cancelLabel": "Back",
3604
+ "cancelEvent": "PREV",
3605
+ "entity": "@entity",
3606
3606
  "type": "form-section"
3607
3607
  }
3608
3608
  ]
@@ -3624,51 +3624,51 @@
3624
3624
  "render-ui",
3625
3625
  "main",
3626
3626
  {
3627
+ "className": "max-w-xl mx-auto w-full",
3628
+ "type": "stack",
3627
3629
  "children": [
3628
3630
  {
3631
+ "type": "typography",
3629
3632
  "content": "Checkout",
3630
- "variant": "h2",
3631
- "type": "typography"
3633
+ "variant": "h2"
3632
3634
  },
3633
3635
  {
3636
+ "currentStep": 2.0,
3637
+ "type": "wizard-progress",
3634
3638
  "steps": [
3635
3639
  "Customer Info",
3636
3640
  "Shipping",
3637
3641
  "Payment",
3638
- "Review"
3639
- ],
3640
- "type": "wizard-progress",
3641
- "currentStep": 2.0
3642
+ "Review"
3643
+ ]
3642
3644
  },
3643
3645
  {
3644
3646
  "type": "divider"
3645
3647
  },
3646
3648
  {
3647
- "type": "typography",
3649
+ "variant": "h3",
3648
3650
  "content": "Payment",
3649
- "variant": "h3"
3651
+ "type": "typography"
3650
3652
  },
3651
3653
  "@trait.CheckoutPayment",
3652
3654
  {
3653
- "justify": "start",
3654
3655
  "direction": "horizontal",
3655
3656
  "children": [
3656
3657
  {
3657
3658
  "icon": "arrow-left",
3658
- "action": "PREV",
3659
- "type": "button",
3659
+ "variant": "ghost",
3660
3660
  "label": "Back",
3661
- "variant": "ghost"
3661
+ "type": "button",
3662
+ "action": "PREV"
3662
3663
  }
3663
3664
  ],
3664
- "type": "stack",
3665
- "gap": "sm"
3665
+ "gap": "sm",
3666
+ "justify": "start",
3667
+ "type": "stack"
3666
3668
  }
3667
3669
  ],
3668
- "type": "stack",
3669
- "direction": "vertical",
3670
3670
  "gap": "lg",
3671
- "className": "max-w-xl mx-auto w-full"
3671
+ "direction": "vertical"
3672
3672
  }
3673
3673
  ]
3674
3674
  ]
@@ -3682,46 +3682,46 @@
3682
3682
  "render-ui",
3683
3683
  "main",
3684
3684
  {
3685
- "className": "max-w-xl mx-auto w-full",
3686
3685
  "direction": "vertical",
3687
- "type": "stack",
3688
3686
  "children": [
3689
3687
  {
3688
+ "content": "Checkout",
3690
3689
  "type": "typography",
3691
- "variant": "h2",
3692
- "content": "Checkout"
3690
+ "variant": "h2"
3693
3691
  },
3694
3692
  {
3695
- "currentStep": 0.0,
3696
3693
  "steps": [
3697
3694
  "Customer Info",
3698
3695
  "Shipping",
3699
3696
  "Payment",
3700
3697
  "Review"
3701
3698
  ],
3699
+ "currentStep": 0.0,
3702
3700
  "type": "wizard-progress"
3703
3701
  },
3704
3702
  {
3705
3703
  "type": "divider"
3706
3704
  },
3707
3705
  {
3708
- "content": "Customer Info",
3709
3706
  "type": "typography",
3710
- "variant": "h3"
3707
+ "variant": "h3",
3708
+ "content": "Customer Info"
3711
3709
  },
3712
3710
  {
3713
- "type": "form-section",
3714
- "submitLabel": "Continue",
3715
- "showCancel": false,
3711
+ "mode": "edit",
3716
3712
  "fields": [
3717
3713
  "customerName",
3718
3714
  "email"
3719
3715
  ],
3716
+ "type": "form-section",
3720
3717
  "entity": "@entity",
3721
- "mode": "edit",
3722
- "submitEvent": "NEXT"
3718
+ "showCancel": false,
3719
+ "submitEvent": "NEXT",
3720
+ "submitLabel": "Continue"
3723
3721
  }
3724
3722
  ],
3723
+ "className": "max-w-xl mx-auto w-full",
3724
+ "type": "stack",
3725
3725
  "gap": "lg"
3726
3726
  }
3727
3727
  ]
@@ -3736,51 +3736,48 @@
3736
3736
  "render-ui",
3737
3737
  "main",
3738
3738
  {
3739
- "type": "stack",
3740
3739
  "direction": "vertical",
3741
- "gap": "lg",
3740
+ "type": "stack",
3742
3741
  "className": "max-w-xl mx-auto w-full",
3742
+ "gap": "lg",
3743
3743
  "children": [
3744
3744
  {
3745
- "variant": "h2",
3746
3745
  "type": "typography",
3746
+ "variant": "h2",
3747
3747
  "content": "Review your order"
3748
3748
  },
3749
3749
  {
3750
- "currentStep": 3.0,
3751
3750
  "steps": [
3752
3751
  "Customer Info",
3753
3752
  "Shipping",
3754
3753
  "Payment",
3755
3754
  "Review"
3756
3755
  ],
3757
- "type": "wizard-progress"
3756
+ "type": "wizard-progress",
3757
+ "currentStep": 3.0
3758
3758
  },
3759
3759
  {
3760
3760
  "type": "divider"
3761
3761
  },
3762
3762
  {
3763
- "gap": "sm",
3764
- "direction": "vertical",
3765
- "type": "stack",
3766
3763
  "children": [
3767
3764
  {
3768
- "direction": "horizontal",
3769
3765
  "type": "stack",
3770
- "gap": "md",
3771
- "justify": "between",
3772
3766
  "children": [
3773
3767
  {
3774
3768
  "content": "Customer",
3775
- "type": "typography",
3776
- "variant": "caption"
3769
+ "variant": "caption",
3770
+ "type": "typography"
3777
3771
  },
3778
3772
  {
3779
3773
  "variant": "body",
3780
- "content": "@entity.customerName",
3781
- "type": "typography"
3774
+ "type": "typography",
3775
+ "content": "@entity.customerName"
3782
3776
  }
3783
- ]
3777
+ ],
3778
+ "gap": "md",
3779
+ "justify": "between",
3780
+ "direction": "horizontal"
3784
3781
  },
3785
3782
  {
3786
3783
  "direction": "horizontal",
@@ -3789,79 +3786,82 @@
3789
3786
  "justify": "between",
3790
3787
  "children": [
3791
3788
  {
3789
+ "type": "typography",
3792
3790
  "variant": "caption",
3793
- "content": "Email",
3794
- "type": "typography"
3791
+ "content": "Email"
3795
3792
  },
3796
3793
  {
3797
- "type": "typography",
3794
+ "variant": "body",
3798
3795
  "content": "@entity.email",
3799
- "variant": "body"
3796
+ "type": "typography"
3800
3797
  }
3801
3798
  ]
3802
3799
  },
3803
3800
  {
3801
+ "direction": "horizontal",
3804
3802
  "type": "stack",
3805
- "justify": "between",
3806
3803
  "children": [
3807
3804
  {
3808
- "content": "Shipping",
3809
3805
  "type": "typography",
3810
- "variant": "caption"
3806
+ "variant": "caption",
3807
+ "content": "Shipping"
3811
3808
  },
3812
3809
  {
3810
+ "content": "@entity.shippingAddress",
3813
3811
  "variant": "body",
3814
- "type": "typography",
3815
- "content": "@entity.shippingAddress"
3812
+ "type": "typography"
3816
3813
  }
3817
3814
  ],
3818
- "direction": "horizontal",
3819
- "gap": "md"
3815
+ "gap": "md",
3816
+ "justify": "between"
3820
3817
  },
3821
3818
  {
3822
- "gap": "md",
3823
- "type": "stack",
3824
3819
  "justify": "between",
3825
- "direction": "horizontal",
3826
3820
  "children": [
3827
3821
  {
3828
- "content": "Order total",
3822
+ "type": "typography",
3829
3823
  "variant": "caption",
3830
- "type": "typography"
3824
+ "content": "Order total"
3831
3825
  },
3832
3826
  {
3827
+ "type": "typography",
3833
3828
  "variant": "body",
3834
- "content": "@entity.orderTotal",
3835
- "type": "typography"
3829
+ "content": "@entity.orderTotal"
3836
3830
  }
3837
- ]
3831
+ ],
3832
+ "type": "stack",
3833
+ "direction": "horizontal",
3834
+ "gap": "md"
3838
3835
  }
3839
- ]
3836
+ ],
3837
+ "gap": "sm",
3838
+ "direction": "vertical",
3839
+ "type": "stack"
3840
3840
  },
3841
3841
  {
3842
3842
  "type": "divider"
3843
3843
  },
3844
3844
  {
3845
- "justify": "between",
3846
- "type": "stack",
3845
+ "gap": "sm",
3847
3846
  "children": [
3848
3847
  {
3849
- "label": "Back",
3850
- "variant": "ghost",
3851
3848
  "type": "button",
3852
3849
  "icon": "arrow-left",
3850
+ "variant": "ghost",
3851
+ "label": "Back",
3853
3852
  "action": "PREV"
3854
3853
  },
3855
3854
  {
3856
- "variant": "primary",
3857
3855
  "type": "button",
3858
3856
  "label": "Place order",
3859
3857
  "action": "COMPLETE",
3858
+ "variant": "primary",
3860
3859
  "icon": "check"
3861
3860
  }
3862
3861
  ],
3863
- "gap": "sm",
3864
- "direction": "horizontal"
3862
+ "type": "stack",
3863
+ "direction": "horizontal",
3864
+ "justify": "between"
3865
3865
  }
3866
3866
  ]
3867
3867
  }
@@ -3877,11 +3877,13 @@
3877
3877
  "render-ui",
3878
3878
  "main",
3879
3879
  {
3880
+ "gap": "lg",
3880
3881
  "type": "stack",
3882
+ "className": "max-w-xl mx-auto w-full",
3881
3883
  "children": [
3882
3884
  {
3883
- "variant": "h2",
3884
3885
  "type": "typography",
3886
+ "variant": "h2",
3885
3887
  "content": "Checkout"
3886
3888
  },
3887
3889
  {
@@ -3898,26 +3900,24 @@
3898
3900
  "type": "divider"
3899
3901
  },
3900
3902
  {
3901
- "variant": "h3",
3903
+ "content": "Shipping Address",
3902
3904
  "type": "typography",
3903
- "content": "Shipping Address"
3905
+ "variant": "h3"
3904
3906
  },
3905
3907
  {
3906
- "type": "form-section",
3907
- "cancelLabel": "Back",
3908
+ "submitEvent": "NEXT",
3908
3909
  "submitLabel": "Continue",
3910
+ "type": "form-section",
3909
3911
  "fields": [
3910
3912
  "shippingAddress"
3911
3913
  ],
3912
- "cancelEvent": "PREV",
3914
+ "cancelLabel": "Back",
3913
3915
  "entity": "@entity",
3914
- "submitEvent": "NEXT",
3915
- "mode": "edit"
3916
+ "mode": "edit",
3917
+ "cancelEvent": "PREV"
3916
3918
  }
3917
3919
  ],
3918
- "gap": "lg",
3919
- "direction": "vertical",
3920
- "className": "max-w-xl mx-auto w-full"
3920
+ "direction": "vertical"
3921
3921
  }
3922
3922
  ]
3923
3923
  ]
@@ -3961,34 +3961,34 @@
3961
3961
  "main",
3962
3962
  {
3963
3963
  "align": "center",
3964
- "gap": "lg",
3965
3964
  "className": "max-w-xl mx-auto w-full py-12",
3966
3965
  "type": "stack",
3967
- "direction": "vertical",
3966
+ "gap": "lg",
3968
3967
  "children": [
3969
3968
  {
3970
- "name": "check-circle",
3971
- "type": "icon"
3969
+ "type": "icon",
3970
+ "name": "check-circle"
3972
3971
  },
3973
3972
  {
3974
3973
  "type": "typography",
3975
- "content": "Order placed",
3976
- "variant": "h2"
3974
+ "variant": "h2",
3975
+ "content": "Order placed"
3977
3976
  },
3978
3977
  {
3978
+ "content": "Your order is confirmed and on its way.",
3979
3979
  "color": "muted",
3980
3980
  "type": "typography",
3981
- "content": "Your order is confirmed and on its way.",
3982
3981
  "variant": "body"
3983
3982
  },
3984
3983
  {
3985
- "label": "Start new order",
3986
- "type": "button",
3987
- "variant": "ghost",
3988
3984
  "icon": "rotate-ccw",
3989
- "action": "RESTART"
3985
+ "action": "RESTART",
3986
+ "variant": "ghost",
3987
+ "type": "button",
3988
+ "label": "Start new order"
3990
3989
  }
3991
- ]
3990
+ ],
3991
+ "direction": "vertical"
3992
3992
  }
3993
3993
  ]
3994
3994
  ]
@@ -4005,20 +4005,21 @@
4005
4005
  "direction": "vertical",
4006
4006
  "gap": "lg",
4007
4007
  "className": "max-w-xl mx-auto w-full",
4008
+ "type": "stack",
4008
4009
  "children": [
4009
4010
  {
4010
- "content": "Checkout",
4011
4011
  "variant": "h2",
4012
- "type": "typography"
4012
+ "type": "typography",
4013
+ "content": "Checkout"
4013
4014
  },
4014
4015
  {
4016
+ "currentStep": 2.0,
4015
4017
  "steps": [
4016
4018
  "Customer Info",
4017
4019
  "Shipping",
4018
4020
  "Payment",
4019
4021
  "Review"
4020
4022
  ],
4021
- "currentStep": 2.0,
4022
4023
  "type": "wizard-progress"
4023
4024
  },
4024
4025
  {
@@ -4031,22 +4032,21 @@
4031
4032
  },
4032
4033
  "@trait.CheckoutPayment",
4033
4034
  {
4035
+ "justify": "start",
4034
4036
  "children": [
4035
4037
  {
4036
4038
  "type": "button",
4039
+ "action": "PREV",
4037
4040
  "variant": "ghost",
4038
4041
  "icon": "arrow-left",
4039
- "label": "Back",
4040
- "action": "PREV"
4042
+ "label": "Back"
4041
4043
  }
4042
4044
  ],
4043
- "gap": "sm",
4044
- "direction": "horizontal",
4045
4045
  "type": "stack",
4046
- "justify": "start"
4046
+ "gap": "sm",
4047
+ "direction": "horizontal"
4047
4048
  }
4048
- ],
4049
- "type": "stack"
4049
+ ]
4050
4050
  }
4051
4051
  ]
4052
4052
  ]
@@ -4085,9 +4085,10 @@
4085
4085
  "render-ui",
4086
4086
  "main",
4087
4087
  {
4088
+ "className": "max-w-xl mx-auto w-full",
4088
4089
  "type": "stack",
4089
4090
  "gap": "lg",
4090
- "className": "max-w-xl mx-auto w-full",
4091
+ "direction": "vertical",
4091
4092
  "children": [
4092
4093
  {
4093
4094
  "type": "typography",
@@ -4096,35 +4097,34 @@
4096
4097
  },
4097
4098
  {
4098
4099
  "type": "wizard-progress",
4099
- "currentStep": 0.0,
4100
4100
  "steps": [
4101
4101
  "Customer Info",
4102
4102
  "Shipping",
4103
4103
  "Payment",
4104
4104
  "Review"
4105
- ]
4105
+ ],
4106
+ "currentStep": 0.0
4106
4107
  },
4107
4108
  {
4108
4109
  "type": "divider"
4109
4110
  },
4110
4111
  {
4111
- "variant": "h3",
4112
+ "type": "typography",
4112
4113
  "content": "Customer Info",
4113
- "type": "typography"
4114
+ "variant": "h3"
4114
4115
  },
4115
4116
  {
4116
- "submitLabel": "Continue",
4117
+ "mode": "create",
4118
+ "type": "form-section",
4119
+ "submitEvent": "NEXT",
4120
+ "showCancel": false,
4117
4121
  "fields": [
4118
4122
  "customerName",
4119
4123
  "email"
4120
4124
  ],
4121
- "showCancel": false,
4122
- "submitEvent": "NEXT",
4123
- "type": "form-section",
4124
- "mode": "create"
4125
+ "submitLabel": "Continue"
4125
4126
  }
4126
- ],
4127
- "direction": "vertical"
4127
+ ]
4128
4128
  }
4129
4129
  ]
4130
4130
  ]
@@ -4475,8 +4475,8 @@
4475
4475
  "OrderRecord",
4476
4476
  {
4477
4477
  "emit": {
4478
- "success": "OrderRecordLoaded",
4479
- "failure": "OrderRecordLoadFailed"
4478
+ "failure": "OrderRecordLoadFailed",
4479
+ "success": "OrderRecordLoaded"
4480
4480
  }
4481
4481
  }
4482
4482
  ],
@@ -4484,22 +4484,22 @@
4484
4484
  "render-ui",
4485
4485
  "main",
4486
4486
  {
4487
- "className": "py-12",
4488
4487
  "type": "stack",
4489
- "direction": "vertical",
4488
+ "gap": "md",
4489
+ "className": "py-12",
4490
+ "align": "center",
4490
4491
  "children": [
4491
4492
  {
4492
4493
  "type": "spinner"
4493
4494
  },
4494
4495
  {
4495
- "type": "typography",
4496
- "variant": "caption",
4497
4496
  "content": "Loading…",
4498
- "color": "muted"
4497
+ "variant": "caption",
4498
+ "color": "muted",
4499
+ "type": "typography"
4499
4500
  }
4500
4501
  ],
4501
- "gap": "md",
4502
- "align": "center"
4502
+ "direction": "vertical"
4503
4503
  }
4504
4504
  ]
4505
4505
  ]
@@ -4513,87 +4513,58 @@
4513
4513
  "render-ui",
4514
4514
  "main",
4515
4515
  {
4516
- "navItems": [
4517
- {
4518
- "href": "/products",
4519
- "icon": "package",
4520
- "label": "Products"
4521
- },
4522
- {
4523
- "icon": "shopping-cart",
4524
- "label": "Cart",
4525
- "href": "/cart"
4526
- },
4527
- {
4528
- "label": "Checkout",
4529
- "href": "/checkout",
4530
- "icon": "credit-card"
4531
- },
4532
- {
4533
- "label": "Orders",
4534
- "icon": "clipboard-list",
4535
- "href": "/orders"
4536
- }
4537
- ],
4538
- "type": "dashboard-layout",
4539
- "appName": "EcommerceApp",
4540
4516
  "children": [
4541
4517
  {
4542
- "direction": "vertical",
4543
- "type": "stack",
4544
4518
  "children": [
4545
4519
  {
4546
- "justify": "between",
4520
+ "align": "center",
4547
4521
  "gap": "md",
4548
4522
  "direction": "horizontal",
4549
- "align": "center",
4523
+ "type": "stack",
4550
4524
  "children": [
4551
4525
  {
4526
+ "gap": "sm",
4527
+ "direction": "horizontal",
4528
+ "align": "center",
4529
+ "type": "stack",
4552
4530
  "children": [
4553
4531
  {
4554
- "type": "icon",
4555
- "name": "clipboard-list"
4532
+ "name": "clipboard-list",
4533
+ "type": "icon"
4556
4534
  },
4557
4535
  {
4536
+ "variant": "h2",
4558
4537
  "content": "Order History",
4559
- "type": "typography",
4560
- "variant": "h2"
4538
+ "type": "typography"
4561
4539
  }
4562
- ],
4563
- "gap": "sm",
4564
- "type": "stack",
4565
- "align": "center",
4566
- "direction": "horizontal"
4540
+ ]
4567
4541
  },
4568
4542
  {
4569
4543
  "type": "stack",
4570
- "direction": "horizontal",
4544
+ "gap": "sm",
4571
4545
  "children": [
4572
4546
  {
4573
- "type": "button",
4574
4547
  "icon": "plus",
4548
+ "action": "CREATE",
4549
+ "type": "button",
4575
4550
  "variant": "primary",
4576
- "label": "Create OrderRecord",
4577
- "action": "CREATE"
4551
+ "label": "Create OrderRecord"
4578
4552
  }
4579
4553
  ],
4580
- "gap": "sm"
4554
+ "direction": "horizontal"
4581
4555
  }
4582
4556
  ],
4583
- "type": "stack"
4557
+ "justify": "between"
4584
4558
  },
4585
4559
  {
4586
4560
  "type": "divider"
4587
4561
  },
4588
4562
  {
4589
- "variant": "card",
4590
- "gap": "sm",
4591
- "entity": "@payload.data",
4592
4563
  "itemActions": [
4593
4564
  {
4594
4565
  "variant": "ghost",
4595
- "label": "View",
4596
- "event": "VIEW"
4566
+ "event": "VIEW",
4567
+ "label": "View"
4597
4568
  },
4598
4569
  {
4599
4570
  "event": "EDIT",
@@ -4601,45 +4572,74 @@
4601
4572
  "label": "Edit"
4602
4573
  },
4603
4574
  {
4604
- "event": "DELETE",
4605
4575
  "variant": "danger",
4606
- "label": "Delete"
4576
+ "label": "Delete",
4577
+ "event": "DELETE"
4607
4578
  }
4608
4579
  ],
4609
4580
  "type": "data-list",
4610
4581
  "fields": [
4611
4582
  {
4612
- "label": "Customer",
4613
- "icon": "clipboard-list",
4614
4583
  "name": "customerName",
4615
- "variant": "h3"
4584
+ "variant": "h3",
4585
+ "label": "Customer",
4586
+ "icon": "clipboard-list"
4616
4587
  },
4617
4588
  {
4618
4589
  "name": "status",
4619
4590
  "variant": "badge"
4620
4591
  },
4621
4592
  {
4593
+ "name": "orderTotal",
4622
4594
  "format": "currency",
4623
- "variant": "h4",
4624
4595
  "label": "Total",
4625
- "name": "orderTotal"
4596
+ "variant": "h4"
4626
4597
  },
4627
4598
  {
4628
4599
  "variant": "caption",
4629
4600
  "name": "email"
4630
4601
  },
4631
4602
  {
4603
+ "label": "Address",
4632
4604
  "name": "shippingAddress",
4633
- "variant": "caption",
4634
- "label": "Address"
4605
+ "variant": "caption"
4635
4606
  }
4636
- ]
4607
+ ],
4608
+ "variant": "card",
4609
+ "gap": "sm",
4610
+ "entity": "@payload.data"
4637
4611
  }
4638
4612
  ],
4613
+ "gap": "lg",
4614
+ "direction": "vertical",
4639
4615
  "className": "max-w-5xl mx-auto w-full",
4640
- "gap": "lg"
4616
+ "type": "stack"
4641
4617
  }
4642
- ]
4618
+ ],
4619
+ "navItems": [
4620
+ {
4621
+ "label": "Products",
4622
+ "href": "/products",
4623
+ "icon": "package"
4624
+ },
4625
+ {
4626
+ "label": "Cart",
4627
+ "href": "/cart",
4628
+ "icon": "shopping-cart"
4629
+ },
4630
+ {
4631
+ "label": "Checkout",
4632
+ "href": "/checkout",
4633
+ "icon": "credit-card"
4634
+ },
4635
+ {
4636
+ "href": "/orders",
4637
+ "label": "Orders",
4638
+ "icon": "clipboard-list"
4639
+ }
4640
+ ],
4641
+ "appName": "EcommerceApp",
4642
+ "type": "dashboard-layout"
4643
4643
  }
4644
4644
  ]
4645
4645
  ]
@@ -4653,11 +4653,15 @@
4653
4653
  "render-ui",
4654
4654
  "main",
4655
4655
  {
4656
+ "className": "py-12",
4657
+ "gap": "md",
4658
+ "align": "center",
4659
+ "type": "stack",
4656
4660
  "children": [
4657
4661
  {
4658
- "type": "icon",
4662
+ "name": "alert-triangle",
4659
4663
  "color": "destructive",
4660
- "name": "alert-triangle"
4664
+ "type": "icon"
4661
4665
  },
4662
4666
  {
4663
4667
  "content": "Failed to load orderrecord",
@@ -4665,24 +4669,20 @@
4665
4669
  "type": "typography"
4666
4670
  },
4667
4671
  {
4668
- "variant": "body",
4669
4672
  "type": "typography",
4670
4673
  "color": "muted",
4671
- "content": "@payload.error"
4674
+ "content": "@payload.error",
4675
+ "variant": "body"
4672
4676
  },
4673
4677
  {
4678
+ "icon": "rotate-ccw",
4679
+ "type": "button",
4674
4680
  "label": "Retry",
4675
4681
  "variant": "primary",
4676
- "type": "button",
4677
- "icon": "rotate-ccw",
4678
4682
  "action": "INIT"
4679
4683
  }
4680
4684
  ],
4681
- "align": "center",
4682
- "type": "stack",
4683
- "direction": "vertical",
4684
- "className": "py-12",
4685
- "gap": "md"
4685
+ "direction": "vertical"
4686
4686
  }
4687
4687
  ]
4688
4688
  ]
@@ -4857,8 +4857,8 @@
4857
4857
  "OrderRecord",
4858
4858
  {
4859
4859
  "emit": {
4860
- "success": "OrderRecordLoaded",
4861
- "failure": "OrderRecordLoadFailed"
4860
+ "failure": "OrderRecordLoadFailed",
4861
+ "success": "OrderRecordLoaded"
4862
4862
  }
4863
4863
  }
4864
4864
  ]
@@ -4874,8 +4874,8 @@
4874
4874
  "OrderRecord",
4875
4875
  {
4876
4876
  "emit": {
4877
- "failure": "OrderRecordLoadFailed",
4878
- "success": "OrderRecordLoaded"
4877
+ "success": "OrderRecordLoaded",
4878
+ "failure": "OrderRecordLoadFailed"
4879
4879
  }
4880
4880
  }
4881
4881
  ],
@@ -4883,10 +4883,13 @@
4883
4883
  "render-ui",
4884
4884
  "modal",
4885
4885
  {
4886
- "direction": "vertical",
4887
4886
  "gap": "md",
4887
+ "direction": "vertical",
4888
4888
  "children": [
4889
4889
  {
4890
+ "gap": "sm",
4891
+ "direction": "horizontal",
4892
+ "type": "stack",
4890
4893
  "children": [
4891
4894
  {
4892
4895
  "type": "icon",
@@ -4894,21 +4897,15 @@
4894
4897
  },
4895
4898
  {
4896
4899
  "type": "typography",
4897
- "variant": "h3",
4898
- "content": "Create OrderRecord"
4900
+ "content": "Create OrderRecord",
4901
+ "variant": "h3"
4899
4902
  }
4900
- ],
4901
- "gap": "sm",
4902
- "direction": "horizontal",
4903
- "type": "stack"
4903
+ ]
4904
4904
  },
4905
4905
  {
4906
4906
  "type": "divider"
4907
4907
  },
4908
4908
  {
4909
- "mode": "create",
4910
- "submitEvent": "SAVE",
4911
- "type": "form-section",
4912
4909
  "cancelEvent": "CLOSE",
4913
4910
  "fields": [
4914
4911
  "customerName",
@@ -4917,7 +4914,10 @@
4917
4914
  "paymentMethod",
4918
4915
  "orderTotal",
4919
4916
  "status"
4920
- ]
4917
+ ],
4918
+ "type": "form-section",
4919
+ "mode": "create",
4920
+ "submitEvent": "SAVE"
4921
4921
  }
4922
4922
  ],
4923
4923
  "type": "stack"
@@ -5172,8 +5172,8 @@
5172
5172
  "OrderRecord",
5173
5173
  {
5174
5174
  "emit": {
5175
- "success": "OrderRecordLoaded",
5176
- "failure": "OrderRecordLoadFailed"
5175
+ "failure": "OrderRecordLoadFailed",
5176
+ "success": "OrderRecordLoaded"
5177
5177
  }
5178
5178
  }
5179
5179
  ]
@@ -5188,20 +5188,22 @@
5188
5188
  "fetch",
5189
5189
  "OrderRecord",
5190
5190
  {
5191
- "id": "@payload.id",
5192
5191
  "emit": {
5193
5192
  "success": "OrderRecordLoaded",
5194
5193
  "failure": "OrderRecordLoadFailed"
5195
- }
5194
+ },
5195
+ "id": "@payload.id"
5196
5196
  }
5197
5197
  ],
5198
5198
  [
5199
5199
  "render-ui",
5200
5200
  "modal",
5201
5201
  {
5202
+ "type": "stack",
5203
+ "gap": "md",
5204
+ "direction": "vertical",
5202
5205
  "children": [
5203
5206
  {
5204
- "gap": "sm",
5205
5207
  "type": "stack",
5206
5208
  "children": [
5207
5209
  {
@@ -5210,19 +5212,17 @@
5210
5212
  },
5211
5213
  {
5212
5214
  "type": "typography",
5213
- "variant": "h3",
5214
- "content": "Edit OrderRecord"
5215
+ "content": "Edit OrderRecord",
5216
+ "variant": "h3"
5215
5217
  }
5216
5218
  ],
5219
+ "gap": "sm",
5217
5220
  "direction": "horizontal"
5218
5221
  },
5219
5222
  {
5220
5223
  "type": "divider"
5221
5224
  },
5222
5225
  {
5223
- "type": "form-section",
5224
- "submitEvent": "SAVE",
5225
- "mode": "edit",
5226
5226
  "fields": [
5227
5227
  "customerName",
5228
5228
  "email",
@@ -5232,12 +5232,12 @@
5232
5232
  "status"
5233
5233
  ],
5234
5234
  "cancelEvent": "CLOSE",
5235
- "entity": "@payload.row"
5235
+ "entity": "@payload.row",
5236
+ "submitEvent": "SAVE",
5237
+ "mode": "edit",
5238
+ "type": "form-section"
5236
5239
  }
5237
- ],
5238
- "direction": "vertical",
5239
- "gap": "md",
5240
- "type": "stack"
5240
+ ]
5241
5241
  }
5242
5242
  ]
5243
5243
  ]
@@ -5278,8 +5278,8 @@
5278
5278
  "@payload.data",
5279
5279
  {
5280
5280
  "emit": {
5281
- "failure": "OrderRecordUpdateFailed",
5282
- "success": "OrderRecordUpdated"
5281
+ "success": "OrderRecordUpdated",
5282
+ "failure": "OrderRecordUpdateFailed"
5283
5283
  }
5284
5284
  }
5285
5285
  ],
@@ -5475,167 +5475,167 @@
5475
5475
  "fetch",
5476
5476
  "OrderRecord",
5477
5477
  {
5478
+ "id": "@payload.id",
5478
5479
  "emit": {
5479
- "success": "OrderRecordLoaded",
5480
- "failure": "OrderRecordLoadFailed"
5481
- },
5482
- "id": "@payload.id"
5480
+ "failure": "OrderRecordLoadFailed",
5481
+ "success": "OrderRecordLoaded"
5482
+ }
5483
5483
  }
5484
5484
  ],
5485
5485
  [
5486
5486
  "render-ui",
5487
5487
  "modal",
5488
5488
  {
5489
- "type": "stack",
5490
- "direction": "vertical",
5491
5489
  "children": [
5492
5490
  {
5493
- "align": "center",
5491
+ "type": "stack",
5494
5492
  "children": [
5495
5493
  {
5496
- "type": "icon",
5497
- "name": "eye"
5494
+ "name": "eye",
5495
+ "type": "icon"
5498
5496
  },
5499
5497
  {
5500
- "type": "typography",
5498
+ "variant": "h3",
5501
5499
  "content": "@entity.customerName",
5502
- "variant": "h3"
5500
+ "type": "typography"
5503
5501
  }
5504
5502
  ],
5505
- "type": "stack",
5506
- "direction": "horizontal",
5507
- "gap": "sm"
5503
+ "gap": "sm",
5504
+ "align": "center",
5505
+ "direction": "horizontal"
5508
5506
  },
5509
5507
  {
5510
5508
  "type": "divider"
5511
5509
  },
5512
5510
  {
5513
5511
  "direction": "horizontal",
5514
- "type": "stack",
5515
5512
  "gap": "md",
5516
5513
  "children": [
5517
5514
  {
5518
- "variant": "caption",
5515
+ "content": "Customer Name",
5519
5516
  "type": "typography",
5520
- "content": "Customer Name"
5517
+ "variant": "caption"
5521
5518
  },
5522
5519
  {
5523
5520
  "content": "@entity.customerName",
5524
- "variant": "body",
5525
- "type": "typography"
5521
+ "type": "typography",
5522
+ "variant": "body"
5526
5523
  }
5527
- ]
5524
+ ],
5525
+ "type": "stack"
5528
5526
  },
5529
5527
  {
5530
5528
  "type": "stack",
5531
- "direction": "horizontal",
5529
+ "gap": "md",
5532
5530
  "children": [
5533
5531
  {
5534
- "content": "Email",
5535
5532
  "type": "typography",
5536
- "variant": "caption"
5533
+ "variant": "caption",
5534
+ "content": "Email"
5537
5535
  },
5538
5536
  {
5539
- "content": "@entity.email",
5537
+ "type": "typography",
5540
5538
  "variant": "body",
5541
- "type": "typography"
5539
+ "content": "@entity.email"
5542
5540
  }
5543
5541
  ],
5544
- "gap": "md"
5542
+ "direction": "horizontal"
5545
5543
  },
5546
5544
  {
5547
5545
  "gap": "md",
5548
- "type": "stack",
5549
- "direction": "horizontal",
5550
5546
  "children": [
5551
5547
  {
5548
+ "type": "typography",
5552
5549
  "variant": "caption",
5553
- "content": "Shipping Address",
5554
- "type": "typography"
5550
+ "content": "Shipping Address"
5555
5551
  },
5556
5552
  {
5553
+ "variant": "body",
5557
5554
  "content": "@entity.shippingAddress",
5558
- "type": "typography",
5559
- "variant": "body"
5555
+ "type": "typography"
5560
5556
  }
5561
- ]
5557
+ ],
5558
+ "direction": "horizontal",
5559
+ "type": "stack"
5562
5560
  },
5563
5561
  {
5564
- "gap": "md",
5565
- "direction": "horizontal",
5566
5562
  "children": [
5567
5563
  {
5564
+ "type": "typography",
5568
5565
  "variant": "caption",
5569
- "content": "Payment Method",
5570
- "type": "typography"
5566
+ "content": "Payment Method"
5571
5567
  },
5572
5568
  {
5573
5569
  "variant": "body",
5574
- "type": "typography",
5575
- "content": "@entity.paymentMethod"
5570
+ "content": "@entity.paymentMethod",
5571
+ "type": "typography"
5576
5572
  }
5577
5573
  ],
5578
- "type": "stack"
5574
+ "type": "stack",
5575
+ "direction": "horizontal",
5576
+ "gap": "md"
5579
5577
  },
5580
5578
  {
5581
- "type": "stack",
5582
- "gap": "md",
5583
5579
  "children": [
5584
5580
  {
5585
- "content": "Order Total",
5586
5581
  "type": "typography",
5587
- "variant": "caption"
5582
+ "variant": "caption",
5583
+ "content": "Order Total"
5588
5584
  },
5589
5585
  {
5590
- "variant": "body",
5591
5586
  "type": "typography",
5587
+ "variant": "body",
5592
5588
  "content": "@entity.orderTotal"
5593
5589
  }
5594
5590
  ],
5591
+ "gap": "md",
5592
+ "type": "stack",
5595
5593
  "direction": "horizontal"
5596
5594
  },
5597
5595
  {
5598
- "direction": "horizontal",
5596
+ "gap": "md",
5599
5597
  "children": [
5600
5598
  {
5601
- "content": "Status",
5599
+ "variant": "caption",
5602
5600
  "type": "typography",
5603
- "variant": "caption"
5601
+ "content": "Status"
5604
5602
  },
5605
5603
  {
5606
- "type": "typography",
5607
5604
  "content": "@entity.status",
5608
- "variant": "body"
5605
+ "variant": "body",
5606
+ "type": "typography"
5609
5607
  }
5610
5608
  ],
5611
- "type": "stack",
5612
- "gap": "md"
5609
+ "direction": "horizontal",
5610
+ "type": "stack"
5613
5611
  },
5614
5612
  {
5615
5613
  "type": "divider"
5616
5614
  },
5617
5615
  {
5618
- "gap": "sm",
5616
+ "direction": "horizontal",
5617
+ "type": "stack",
5619
5618
  "children": [
5620
5619
  {
5621
- "type": "button",
5622
- "label": "Edit",
5623
5620
  "variant": "primary",
5621
+ "icon": "edit",
5622
+ "type": "button",
5624
5623
  "action": "EDIT",
5625
- "icon": "edit"
5624
+ "label": "Edit"
5626
5625
  },
5627
5626
  {
5628
- "action": "CLOSE",
5629
5627
  "label": "Close",
5630
5628
  "type": "button",
5629
+ "action": "CLOSE",
5631
5630
  "variant": "ghost"
5632
5631
  }
5633
5632
  ],
5634
- "type": "stack",
5635
5633
  "justify": "end",
5636
- "direction": "horizontal"
5634
+ "gap": "sm"
5637
5635
  }
5638
5636
  ],
5637
+ "type": "stack",
5638
+ "direction": "vertical",
5639
5639
  "gap": "md"
5640
5640
  }
5641
5641
  ]
@@ -5879,11 +5879,11 @@
5879
5879
  "fetch",
5880
5880
  "OrderRecord",
5881
5881
  {
5882
+ "id": "@payload.id",
5882
5883
  "emit": {
5883
- "success": "OrderRecordLoaded",
5884
- "failure": "OrderRecordLoadFailed"
5885
- },
5886
- "id": "@payload.id"
5884
+ "failure": "OrderRecordLoadFailed",
5885
+ "success": "OrderRecordLoaded"
5886
+ }
5887
5887
  }
5888
5888
  ],
5889
5889
  [
@@ -5891,22 +5891,20 @@
5891
5891
  "modal",
5892
5892
  {
5893
5893
  "type": "stack",
5894
- "direction": "vertical",
5895
- "gap": "md",
5896
5894
  "children": [
5897
5895
  {
5898
- "type": "stack",
5899
5896
  "direction": "horizontal",
5900
5897
  "gap": "sm",
5898
+ "type": "stack",
5901
5899
  "align": "center",
5902
5900
  "children": [
5903
5901
  {
5904
- "type": "icon",
5905
- "name": "alert-triangle"
5902
+ "name": "alert-triangle",
5903
+ "type": "icon"
5906
5904
  },
5907
5905
  {
5908
- "type": "typography",
5909
5906
  "content": "Delete OrderRecord",
5907
+ "type": "typography",
5910
5908
  "variant": "h3"
5911
5909
  }
5912
5910
  ]
@@ -5915,32 +5913,34 @@
5915
5913
  "type": "divider"
5916
5914
  },
5917
5915
  {
5918
- "message": "This action cannot be undone.",
5919
5916
  "type": "alert",
5920
- "variant": "error"
5917
+ "variant": "error",
5918
+ "message": "This action cannot be undone."
5921
5919
  },
5922
5920
  {
5923
5921
  "direction": "horizontal",
5924
- "gap": "sm",
5925
5922
  "justify": "end",
5926
- "type": "stack",
5927
5923
  "children": [
5928
5924
  {
5929
- "action": "CANCEL",
5930
5925
  "variant": "ghost",
5926
+ "action": "CANCEL",
5931
5927
  "type": "button",
5932
5928
  "label": "Cancel"
5933
5929
  },
5934
5930
  {
5935
- "icon": "check",
5936
- "variant": "danger",
5931
+ "action": "CONFIRM_DELETE",
5937
5932
  "type": "button",
5933
+ "variant": "danger",
5938
5934
  "label": "Delete",
5939
- "action": "CONFIRM_DELETE"
5935
+ "icon": "check"
5940
5936
  }
5941
- ]
5937
+ ],
5938
+ "gap": "sm",
5939
+ "type": "stack"
5942
5940
  }
5943
- ]
5941
+ ],
5942
+ "direction": "vertical",
5943
+ "gap": "md"
5944
5944
  }
5945
5945
  ]
5946
5946
  ]
@@ -5957,8 +5957,8 @@
5957
5957
  "@entity.pendingId",
5958
5958
  {
5959
5959
  "emit": {
5960
- "success": "OrderRecordDeleted",
5961
- "failure": "OrderRecordDeleteFailed"
5960
+ "failure": "OrderRecordDeleteFailed",
5961
+ "success": "OrderRecordDeleted"
5962
5962
  }
5963
5963
  }
5964
5964
  ],
@@ -6012,8 +6012,8 @@
6012
6012
  "OrderRecord",
6013
6013
  {
6014
6014
  "emit": {
6015
- "success": "OrderRecordLoaded",
6016
- "failure": "OrderRecordLoadFailed"
6015
+ "failure": "OrderRecordLoadFailed",
6016
+ "success": "OrderRecordLoaded"
6017
6017
  }
6018
6018
  }
6019
6019
  ]
@@ -6041,8 +6041,8 @@
6041
6041
  "OrderRecord",
6042
6042
  {
6043
6043
  "emit": {
6044
- "success": "OrderRecordLoaded",
6045
- "failure": "OrderRecordLoadFailed"
6044
+ "failure": "OrderRecordLoadFailed",
6045
+ "success": "OrderRecordLoaded"
6046
6046
  }
6047
6047
  }
6048
6048
  ]