@almadar/std 14.3.0 → 14.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
  2. package/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
  3. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
  4. package/behaviors/registry/app/organisms/std-crm.orb +950 -817
  5. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
  6. package/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
  7. package/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
  8. package/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
  9. package/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
  10. package/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
  11. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
  12. package/behaviors/registry/app/organisms/std-lms.orb +1060 -926
  13. package/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
  14. package/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
  15. package/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
  16. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
  17. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
  18. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
  19. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
  20. package/dist/behaviors/registry/app/organisms/std-crm.orb +950 -817
  21. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
  22. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
  23. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
  24. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
  25. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
  26. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
  27. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
  28. package/dist/behaviors/registry/app/organisms/std-lms.orb +1060 -926
  29. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
  30. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
  31. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
  32. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
  33. package/package.json +1 -1
package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb CHANGED
@@ -5,6 +5,12 @@
5
5
  "orbitals": [
6
6
  {
7
7
  "name": "TransactionOrbital",
8
+ "uses": [
9
+ {
10
+ "from": "std/behaviors/std-app-layout",
11
+ "as": "AppShell"
12
+ }
13
+ ],
8
14
  "entity": {
9
15
  "name": "Transaction",
10
16
  "collection": "transactions",
@@ -41,6 +47,38 @@
41
47
  ]
42
48
  },
43
49
  "traits": [
50
+ {
51
+ "ref": "AppShell.traits.AppLayout",
52
+ "name": "TransactionAppLayout",
53
+ "config": {
54
+ "searchEvent": "TRANSACTION_SEARCH",
55
+ "notifications": [],
56
+ "contentTrait": "@trait.TransactionBrowse",
57
+ "notificationClickEvent": "TRANSACTION_NOTIFICATIONS_OPEN",
58
+ "appName": "Finance Tracker",
59
+ "navItems": [
60
+ {
61
+ "href": "/transactions",
62
+ "icon": "dollar-sign",
63
+ "label": "Transactions"
64
+ },
65
+ {
66
+ "href": "/summary",
67
+ "label": "Summary",
68
+ "icon": "layout-list"
69
+ },
70
+ {
71
+ "href": "/reports",
72
+ "icon": "bar-chart",
73
+ "label": "Reports"
74
+ }
75
+ ]
76
+ },
77
+ "events": {
78
+ "NOTIFY_CLICK": "TRANSACTION_NOTIFICATIONS_OPEN",
79
+ "SEARCH": "TRANSACTION_SEARCH"
80
+ }
81
+ },
44
82
  {
45
83
  "name": "TransactionBrowse",
46
84
  "category": "interaction",
@@ -307,6 +345,22 @@
307
345
  "kind": "trait",
308
346
  "trait": "TransactionDelete"
309
347
  }
348
+ },
349
+ {
350
+ "event": "TRANSACTION_SEARCH",
351
+ "triggers": "TRANSACTION_SEARCH",
352
+ "source": {
353
+ "kind": "trait",
354
+ "trait": "TransactionAppLayout"
355
+ }
356
+ },
357
+ {
358
+ "event": "TRANSACTION_NOTIFICATIONS_OPEN",
359
+ "triggers": "TRANSACTION_NOTIFICATIONS_OPEN",
360
+ "source": {
361
+ "kind": "trait",
362
+ "trait": "TransactionAppLayout"
363
+ }
310
364
  }
311
365
  ],
312
366
  "stateMachine": {
@@ -321,6 +375,26 @@
321
375
  "key": "INIT",
322
376
  "name": "Initialize"
323
377
  },
378
+ {
379
+ "key": "TRANSACTION_SEARCH",
380
+ "name": "Transaction Search",
381
+ "payloadSchema": [
382
+ {
383
+ "name": "value",
384
+ "type": "string"
385
+ }
386
+ ]
387
+ },
388
+ {
389
+ "key": "TRANSACTION_NOTIFICATIONS_OPEN",
390
+ "name": "Transaction Notifications Open",
391
+ "payloadSchema": [
392
+ {
393
+ "name": "id",
394
+ "type": "string"
395
+ }
396
+ ]
397
+ },
324
398
  {
325
399
  "key": "TransactionLoaded",
326
400
  "name": "Transaction loaded",
@@ -496,6 +570,45 @@
496
570
  "from": "browsing",
497
571
  "to": "browsing",
498
572
  "event": "INIT",
573
+ "effects": [
574
+ [
575
+ "fetch",
576
+ "Transaction",
577
+ {
578
+ "emit": {
579
+ "success": "TransactionLoaded",
580
+ "failure": "TransactionLoadFailed"
581
+ }
582
+ }
583
+ ],
584
+ [
585
+ "render-ui",
586
+ "main",
587
+ {
588
+ "gap": "md",
589
+ "direction": "vertical",
590
+ "align": "center",
591
+ "children": [
592
+ {
593
+ "type": "spinner"
594
+ },
595
+ {
596
+ "type": "typography",
597
+ "variant": "caption",
598
+ "content": "Loading…",
599
+ "color": "muted"
600
+ }
601
+ ],
602
+ "type": "stack",
603
+ "className": "py-12"
604
+ }
605
+ ]
606
+ ]
607
+ },
608
+ {
609
+ "from": "browsing",
610
+ "to": "browsing",
611
+ "event": "TRANSACTION_SEARCH",
499
612
  "effects": [
500
613
  [
501
614
  "fetch",
@@ -516,17 +629,17 @@
516
629
  "type": "spinner"
517
630
  },
518
631
  {
519
- "color": "muted",
632
+ "content": "Searching…",
520
633
  "type": "typography",
521
- "content": "Loading…",
522
- "variant": "caption"
634
+ "variant": "caption",
635
+ "color": "muted"
523
636
  }
524
637
  ],
638
+ "direction": "vertical",
525
639
  "gap": "md",
640
+ "type": "stack",
526
641
  "align": "center",
527
- "direction": "vertical",
528
- "className": "py-12",
529
- "type": "stack"
642
+ "className": "py-12"
530
643
  }
531
644
  ]
532
645
  ]
@@ -534,128 +647,145 @@
534
647
  {
535
648
  "from": "browsing",
536
649
  "to": "browsing",
537
- "event": "TransactionLoaded",
650
+ "event": "TRANSACTION_NOTIFICATIONS_OPEN",
538
651
  "effects": [
539
652
  [
540
653
  "render-ui",
541
654
  "main",
542
655
  {
543
- "appName": "Finance Tracker",
544
- "navItems": [
656
+ "align": "center",
657
+ "direction": "vertical",
658
+ "type": "stack",
659
+ "className": "py-8",
660
+ "gap": "md",
661
+ "children": [
545
662
  {
546
- "href": "/transactions",
547
- "icon": "dollar-sign",
548
- "label": "Transactions"
663
+ "type": "icon",
664
+ "name": "bell"
549
665
  },
550
666
  {
551
- "icon": "layout-list",
552
- "label": "Summary",
553
- "href": "/summary"
667
+ "content": "No notifications",
668
+ "type": "typography",
669
+ "variant": "h3"
554
670
  },
555
671
  {
556
- "label": "Reports",
557
- "href": "/reports",
558
- "icon": "bar-chart"
672
+ "color": "muted",
673
+ "content": "You're all caught up.",
674
+ "variant": "caption",
675
+ "type": "typography"
676
+ },
677
+ {
678
+ "type": "button",
679
+ "action": "INIT",
680
+ "variant": "ghost",
681
+ "label": "Back to transactions"
559
682
  }
560
- ],
683
+ ]
684
+ }
685
+ ]
686
+ ]
687
+ },
688
+ {
689
+ "from": "browsing",
690
+ "to": "browsing",
691
+ "event": "TransactionLoaded",
692
+ "effects": [
693
+ [
694
+ "render-ui",
695
+ "main",
696
+ {
697
+ "type": "stack",
698
+ "direction": "vertical",
561
699
  "children": [
562
700
  {
563
- "className": "max-w-5xl mx-auto w-full",
564
701
  "children": [
565
702
  {
566
- "justify": "between",
567
- "gap": "md",
568
- "type": "stack",
569
- "direction": "horizontal",
570
703
  "align": "center",
571
704
  "children": [
572
705
  {
573
- "type": "stack",
574
- "direction": "horizontal",
575
- "align": "center",
576
- "gap": "sm",
577
- "children": [
578
- {
579
- "name": "credit-card",
580
- "type": "icon"
581
- },
582
- {
583
- "type": "typography",
584
- "variant": "h2",
585
- "content": "Transactions"
586
- }
587
- ]
706
+ "type": "icon",
707
+ "name": "credit-card"
588
708
  },
589
709
  {
590
- "gap": "sm",
591
- "children": [
592
- {
593
- "action": "CREATE",
594
- "icon": "plus",
595
- "label": "Create Transaction",
596
- "type": "button",
597
- "variant": "primary"
598
- }
599
- ],
600
- "type": "stack",
601
- "direction": "horizontal"
710
+ "variant": "h2",
711
+ "type": "typography",
712
+ "content": "Transactions"
602
713
  }
603
- ]
604
- },
605
- {
606
- "type": "divider"
714
+ ],
715
+ "type": "stack",
716
+ "direction": "horizontal",
717
+ "gap": "sm"
607
718
  },
608
719
  {
609
- "gap": "sm",
610
- "itemActions": [
611
- {
612
- "event": "VIEW",
613
- "variant": "ghost",
614
- "label": "View"
615
- },
616
- {
617
- "label": "Edit",
618
- "event": "EDIT",
619
- "variant": "ghost"
620
- },
621
- {
622
- "label": "Delete",
623
- "event": "DELETE",
624
- "variant": "danger"
625
- }
626
- ],
627
- "type": "data-list",
628
- "entity": "@payload.data",
629
- "fields": [
630
- {
631
- "variant": "h3",
632
- "icon": "credit-card",
633
- "name": "description"
634
- },
635
- {
636
- "variant": "badge",
637
- "name": "category"
638
- },
639
- {
640
- "variant": "h4",
641
- "format": "currency",
642
- "name": "amount"
643
- },
720
+ "children": [
644
721
  {
645
- "format": "date",
646
- "variant": "caption",
647
- "name": "date"
722
+ "icon": "plus",
723
+ "label": "Create Transaction",
724
+ "type": "button",
725
+ "action": "CREATE",
726
+ "variant": "primary"
648
727
  }
649
728
  ],
650
- "variant": "card"
729
+ "gap": "sm",
730
+ "direction": "horizontal",
731
+ "type": "stack"
651
732
  }
652
733
  ],
653
- "direction": "vertical",
654
- "gap": "lg",
655
- "type": "stack"
734
+ "direction": "horizontal",
735
+ "justify": "between",
736
+ "gap": "md",
737
+ "type": "stack",
738
+ "align": "center"
739
+ },
740
+ {
741
+ "type": "divider"
742
+ },
743
+ {
744
+ "entity": "@payload.data",
745
+ "variant": "card",
746
+ "fields": [
747
+ {
748
+ "icon": "credit-card",
749
+ "name": "description",
750
+ "variant": "h3"
751
+ },
752
+ {
753
+ "variant": "badge",
754
+ "name": "category"
755
+ },
756
+ {
757
+ "format": "currency",
758
+ "name": "amount",
759
+ "variant": "h4"
760
+ },
761
+ {
762
+ "format": "date",
763
+ "variant": "caption",
764
+ "name": "date"
765
+ }
766
+ ],
767
+ "gap": "sm",
768
+ "itemActions": [
769
+ {
770
+ "variant": "ghost",
771
+ "event": "VIEW",
772
+ "label": "View"
773
+ },
774
+ {
775
+ "label": "Edit",
776
+ "event": "EDIT",
777
+ "variant": "ghost"
778
+ },
779
+ {
780
+ "event": "DELETE",
781
+ "variant": "danger",
782
+ "label": "Delete"
783
+ }
784
+ ],
785
+ "type": "data-list"
656
786
  }
657
787
  ],
658
- "type": "dashboard-layout"
788
+ "gap": "lg"
659
789
  }
660
790
  ]
661
791
  ]
@@ -669,13 +799,16 @@
669
799
  "render-ui",
670
800
  "main",
671
801
  {
672
- "className": "py-12",
802
+ "align": "center",
673
803
  "gap": "md",
804
+ "type": "stack",
805
+ "direction": "vertical",
806
+ "className": "py-12",
674
807
  "children": [
675
808
  {
809
+ "name": "alert-triangle",
676
810
  "color": "destructive",
677
- "type": "icon",
678
- "name": "alert-triangle"
811
+ "type": "icon"
679
812
  },
680
813
  {
681
814
  "type": "typography",
@@ -683,22 +816,19 @@
683
816
  "content": "Failed to load transaction"
684
817
  },
685
818
  {
686
- "variant": "body",
687
- "content": "@payload.error",
688
819
  "type": "typography",
820
+ "content": "@payload.error",
821
+ "variant": "body",
689
822
  "color": "muted"
690
823
  },
691
824
  {
692
825
  "action": "INIT",
693
- "variant": "primary",
694
826
  "icon": "rotate-ccw",
695
827
  "type": "button",
828
+ "variant": "primary",
696
829
  "label": "Retry"
697
830
  }
698
- ],
699
- "align": "center",
700
- "type": "stack",
701
- "direction": "vertical"
831
+ ]
702
832
  }
703
833
  ]
704
834
  ]
@@ -881,8 +1011,8 @@
881
1011
  "Transaction",
882
1012
  {
883
1013
  "emit": {
884
- "success": "TransactionLoaded",
885
- "failure": "TransactionLoadFailed"
1014
+ "failure": "TransactionLoadFailed",
1015
+ "success": "TransactionLoaded"
886
1016
  }
887
1017
  }
888
1018
  ]
@@ -908,11 +1038,11 @@
908
1038
  "modal",
909
1039
  {
910
1040
  "direction": "vertical",
1041
+ "type": "stack",
911
1042
  "children": [
912
1043
  {
913
- "gap": "sm",
914
- "type": "stack",
915
1044
  "direction": "horizontal",
1045
+ "type": "stack",
916
1046
  "children": [
917
1047
  {
918
1048
  "name": "plus-circle",
@@ -920,28 +1050,28 @@
920
1050
  },
921
1051
  {
922
1052
  "variant": "h3",
923
- "type": "typography",
924
- "content": "Create Transaction"
1053
+ "content": "Create Transaction",
1054
+ "type": "typography"
925
1055
  }
926
- ]
1056
+ ],
1057
+ "gap": "sm"
927
1058
  },
928
1059
  {
929
1060
  "type": "divider"
930
1061
  },
931
1062
  {
932
- "mode": "create",
1063
+ "type": "form-section",
933
1064
  "fields": [
934
1065
  "description",
935
1066
  "amount",
936
1067
  "category",
937
1068
  "date"
938
1069
  ],
939
- "cancelEvent": "CLOSE",
940
1070
  "submitEvent": "SAVE",
941
- "type": "form-section"
1071
+ "cancelEvent": "CLOSE",
1072
+ "mode": "create"
942
1073
  }
943
1074
  ],
944
- "type": "stack",
945
1075
  "gap": "md"
946
1076
  }
947
1077
  ]
@@ -1203,8 +1333,8 @@
1203
1333
  "Transaction",
1204
1334
  {
1205
1335
  "emit": {
1206
- "success": "TransactionLoaded",
1207
- "failure": "TransactionLoadFailed"
1336
+ "failure": "TransactionLoadFailed",
1337
+ "success": "TransactionLoaded"
1208
1338
  }
1209
1339
  }
1210
1340
  ]
@@ -1220,8 +1350,8 @@
1220
1350
  "Transaction",
1221
1351
  {
1222
1352
  "emit": {
1223
- "failure": "TransactionLoadFailed",
1224
- "success": "TransactionLoaded"
1353
+ "success": "TransactionLoaded",
1354
+ "failure": "TransactionLoadFailed"
1225
1355
  },
1226
1356
  "id": "@payload.id"
1227
1357
  }
@@ -1230,41 +1360,41 @@
1230
1360
  "render-ui",
1231
1361
  "modal",
1232
1362
  {
1233
- "type": "stack",
1234
1363
  "children": [
1235
1364
  {
1236
- "direction": "horizontal",
1237
- "type": "stack",
1238
1365
  "children": [
1239
1366
  {
1240
1367
  "name": "edit",
1241
1368
  "type": "icon"
1242
1369
  },
1243
1370
  {
1244
- "content": "Edit Transaction",
1245
1371
  "variant": "h3",
1372
+ "content": "Edit Transaction",
1246
1373
  "type": "typography"
1247
1374
  }
1248
1375
  ],
1249
- "gap": "sm"
1376
+ "gap": "sm",
1377
+ "type": "stack",
1378
+ "direction": "horizontal"
1250
1379
  },
1251
1380
  {
1252
1381
  "type": "divider"
1253
1382
  },
1254
1383
  {
1255
1384
  "entity": "@payload.row",
1256
- "submitEvent": "SAVE",
1257
- "cancelEvent": "CLOSE",
1258
1385
  "fields": [
1259
1386
  "description",
1260
1387
  "amount",
1261
1388
  "category",
1262
1389
  "date"
1263
1390
  ],
1391
+ "mode": "edit",
1264
1392
  "type": "form-section",
1265
- "mode": "edit"
1393
+ "submitEvent": "SAVE",
1394
+ "cancelEvent": "CLOSE"
1266
1395
  }
1267
1396
  ],
1397
+ "type": "stack",
1268
1398
  "gap": "md",
1269
1399
  "direction": "vertical"
1270
1400
  }
@@ -1504,8 +1634,8 @@
1504
1634
  {
1505
1635
  "id": "@payload.id",
1506
1636
  "emit": {
1507
- "success": "TransactionLoaded",
1508
- "failure": "TransactionLoadFailed"
1637
+ "failure": "TransactionLoadFailed",
1638
+ "success": "TransactionLoaded"
1509
1639
  }
1510
1640
  }
1511
1641
  ],
@@ -1513,66 +1643,65 @@
1513
1643
  "render-ui",
1514
1644
  "modal",
1515
1645
  {
1516
- "direction": "vertical",
1517
1646
  "gap": "md",
1647
+ "direction": "vertical",
1518
1648
  "children": [
1519
1649
  {
1520
- "align": "center",
1521
1650
  "type": "stack",
1651
+ "align": "center",
1522
1652
  "direction": "horizontal",
1653
+ "gap": "sm",
1523
1654
  "children": [
1524
1655
  {
1525
1656
  "type": "icon",
1526
1657
  "name": "eye"
1527
1658
  },
1528
1659
  {
1660
+ "variant": "h3",
1529
1661
  "content": "@entity.description",
1530
- "type": "typography",
1531
- "variant": "h3"
1662
+ "type": "typography"
1532
1663
  }
1533
- ],
1534
- "gap": "sm"
1664
+ ]
1535
1665
  },
1536
1666
  {
1537
1667
  "type": "divider"
1538
1668
  },
1539
1669
  {
1540
1670
  "direction": "horizontal",
1671
+ "type": "stack",
1672
+ "gap": "md",
1541
1673
  "children": [
1542
1674
  {
1543
- "variant": "caption",
1675
+ "type": "typography",
1544
1676
  "content": "Description",
1545
- "type": "typography"
1677
+ "variant": "caption"
1546
1678
  },
1547
1679
  {
1680
+ "type": "typography",
1548
1681
  "variant": "body",
1549
- "content": "@entity.description",
1550
- "type": "typography"
1682
+ "content": "@entity.description"
1551
1683
  }
1552
- ],
1553
- "gap": "md",
1554
- "type": "stack"
1684
+ ]
1555
1685
  },
1556
1686
  {
1557
1687
  "children": [
1558
1688
  {
1559
- "variant": "caption",
1560
1689
  "content": "Amount",
1690
+ "variant": "caption",
1561
1691
  "type": "typography"
1562
1692
  },
1563
1693
  {
1564
- "variant": "body",
1565
1694
  "content": "@entity.amount",
1566
- "type": "typography"
1695
+ "type": "typography",
1696
+ "variant": "body"
1567
1697
  }
1568
1698
  ],
1569
- "gap": "md",
1570
1699
  "type": "stack",
1700
+ "gap": "md",
1571
1701
  "direction": "horizontal"
1572
1702
  },
1573
1703
  {
1574
1704
  "type": "stack",
1575
- "gap": "md",
1576
1705
  "direction": "horizontal",
1577
1706
  "children": [
1578
1707
  {
@@ -1585,24 +1714,25 @@
1585
1714
  "variant": "body",
1586
1715
  "content": "@entity.category"
1587
1716
  }
1588
- ]
1717
+ ],
1718
+ "gap": "md"
1589
1719
  },
1590
1720
  {
1591
- "type": "stack",
1592
1721
  "gap": "md",
1593
- "direction": "horizontal",
1594
1722
  "children": [
1595
1723
  {
1596
- "type": "typography",
1597
1724
  "content": "Date",
1725
+ "type": "typography",
1598
1726
  "variant": "caption"
1599
1727
  },
1600
1728
  {
1601
- "variant": "body",
1602
1729
  "content": "@entity.date",
1730
+ "variant": "body",
1603
1731
  "type": "typography"
1604
1732
  }
1605
- ]
1733
+ ],
1734
+ "direction": "horizontal",
1735
+ "type": "stack"
1606
1736
  },
1607
1737
  {
1608
1738
  "type": "divider"
@@ -1614,17 +1744,17 @@
1614
1744
  "justify": "end",
1615
1745
  "children": [
1616
1746
  {
1617
- "type": "button",
1618
- "icon": "edit",
1619
- "label": "Edit",
1620
1747
  "action": "EDIT",
1621
- "variant": "primary"
1748
+ "variant": "primary",
1749
+ "label": "Edit",
1750
+ "type": "button",
1751
+ "icon": "edit"
1622
1752
  },
1623
1753
  {
1754
+ "variant": "ghost",
1624
1755
  "type": "button",
1625
- "action": "CLOSE",
1626
1756
  "label": "Close",
1627
- "variant": "ghost"
1757
+ "action": "CLOSE"
1628
1758
  }
1629
1759
  ]
1630
1760
  }
@@ -1859,8 +1989,8 @@
1859
1989
  "Transaction",
1860
1990
  {
1861
1991
  "emit": {
1862
- "success": "TransactionLoaded",
1863
- "failure": "TransactionLoadFailed"
1992
+ "failure": "TransactionLoadFailed",
1993
+ "success": "TransactionLoaded"
1864
1994
  }
1865
1995
  }
1866
1996
  ]
@@ -1880,21 +2010,24 @@
1880
2010
  "fetch",
1881
2011
  "Transaction",
1882
2012
  {
1883
- "id": "@payload.id",
1884
2013
  "emit": {
1885
2014
  "success": "TransactionLoaded",
1886
2015
  "failure": "TransactionLoadFailed"
1887
- }
2016
+ },
2017
+ "id": "@payload.id"
1888
2018
  }
1889
2019
  ],
1890
2020
  [
1891
2021
  "render-ui",
1892
2022
  "modal",
1893
2023
  {
1894
- "type": "stack",
1895
2024
  "gap": "md",
1896
2025
  "children": [
1897
2026
  {
2027
+ "align": "center",
2028
+ "type": "stack",
2029
+ "gap": "sm",
2030
+ "direction": "horizontal",
1898
2031
  "children": [
1899
2032
  {
1900
2033
  "type": "icon",
@@ -1905,43 +2038,40 @@
1905
2038
  "type": "typography",
1906
2039
  "variant": "h3"
1907
2040
  }
1908
- ],
1909
- "type": "stack",
1910
- "gap": "sm",
1911
- "direction": "horizontal",
1912
- "align": "center"
2041
+ ]
1913
2042
  },
1914
2043
  {
1915
2044
  "type": "divider"
1916
2045
  },
1917
2046
  {
1918
- "message": "This action cannot be undone.",
1919
2047
  "variant": "error",
2048
+ "message": "This action cannot be undone.",
1920
2049
  "type": "alert"
1921
2050
  },
1922
2051
  {
2052
+ "type": "stack",
2053
+ "direction": "horizontal",
2054
+ "justify": "end",
1923
2055
  "gap": "sm",
1924
2056
  "children": [
1925
2057
  {
1926
- "action": "CANCEL",
2058
+ "label": "Cancel",
1927
2059
  "variant": "ghost",
1928
2060
  "type": "button",
1929
- "label": "Cancel"
2061
+ "action": "CANCEL"
1930
2062
  },
1931
2063
  {
1932
- "icon": "check",
1933
- "label": "Delete",
1934
- "action": "CONFIRM_DELETE",
1935
2064
  "variant": "danger",
1936
- "type": "button"
2065
+ "label": "Delete",
2066
+ "icon": "check",
2067
+ "type": "button",
2068
+ "action": "CONFIRM_DELETE"
1937
2069
  }
1938
- ],
1939
- "type": "stack",
1940
- "direction": "horizontal",
1941
- "justify": "end"
2070
+ ]
1942
2071
  }
1943
2072
  ],
1944
- "direction": "vertical"
2073
+ "direction": "vertical",
2074
+ "type": "stack"
1945
2075
  }
1946
2076
  ]
1947
2077
  ]
@@ -2059,6 +2189,9 @@
2059
2189
  "name": "TransactionsPage",
2060
2190
  "path": "/transactions",
2061
2191
  "traits": [
2192
+ {
2193
+ "ref": "TransactionAppLayout"
2194
+ },
2062
2195
  {
2063
2196
  "ref": "TransactionBrowse"
2064
2197
  },
@@ -2226,8 +2359,8 @@
2226
2359
  "FinanceSummary",
2227
2360
  {
2228
2361
  "emit": {
2229
- "failure": "FinanceSummaryLoadFailed",
2230
- "success": "FinanceSummaryLoaded"
2362
+ "success": "FinanceSummaryLoaded",
2363
+ "failure": "FinanceSummaryLoadFailed"
2231
2364
  }
2232
2365
  }
2233
2366
  ],
@@ -2235,13 +2368,17 @@
2235
2368
  "render-ui",
2236
2369
  "main",
2237
2370
  {
2371
+ "type": "dashboard-layout",
2238
2372
  "children": [
2239
2373
  {
2240
2374
  "type": "scaled-diagram",
2241
2375
  "children": [
2242
2376
  {
2377
+ "direction": "vertical",
2378
+ "gap": "lg",
2243
2379
  "children": [
2244
2380
  {
2381
+ "type": "breadcrumb",
2245
2382
  "items": [
2246
2383
  {
2247
2384
  "label": "Home",
@@ -2250,17 +2387,11 @@
2250
2387
  {
2251
2388
  "label": "Financial Summary"
2252
2389
  }
2253
- ],
2254
- "type": "breadcrumb"
2390
+ ]
2255
2391
  },
2256
2392
  {
2257
- "gap": "md",
2258
- "direction": "horizontal",
2259
- "justify": "between",
2260
2393
  "children": [
2261
2394
  {
2262
- "direction": "horizontal",
2263
- "gap": "md",
2264
2395
  "children": [
2265
2396
  {
2266
2397
  "type": "icon",
@@ -2268,92 +2399,98 @@
2268
2399
  },
2269
2400
  {
2270
2401
  "type": "typography",
2271
- "content": "Financial Summary",
2272
- "variant": "h2"
2402
+ "variant": "h2",
2403
+ "content": "Financial Summary"
2273
2404
  }
2274
2405
  ],
2406
+ "gap": "md",
2407
+ "direction": "horizontal",
2275
2408
  "type": "stack"
2276
2409
  },
2277
2410
  {
2278
- "variant": "secondary",
2279
2411
  "label": "Refresh",
2280
- "type": "button",
2412
+ "icon": "refresh-cw",
2281
2413
  "action": "REFRESH",
2282
- "icon": "refresh-cw"
2414
+ "variant": "secondary",
2415
+ "type": "button"
2283
2416
  }
2284
2417
  ],
2285
- "type": "stack"
2418
+ "type": "stack",
2419
+ "direction": "horizontal",
2420
+ "gap": "md",
2421
+ "justify": "between"
2286
2422
  },
2287
2423
  {
2288
2424
  "type": "divider"
2289
2425
  },
2290
2426
  {
2291
- "padding": "md",
2292
2427
  "type": "box",
2293
2428
  "children": [
2294
2429
  {
2295
- "type": "simple-grid",
2296
2430
  "cols": 3.0,
2297
2431
  "children": [
2298
2432
  {
2433
+ "value": "@entity.totalIncome",
2299
2434
  "type": "stat-display",
2300
- "label": "TotalIncome",
2301
- "value": "@entity.totalIncome"
2435
+ "label": "TotalIncome"
2302
2436
  },
2303
2437
  {
2438
+ "type": "stat-display",
2304
2439
  "label": "TotalExpenses",
2305
- "value": "@entity.totalExpenses",
2306
- "type": "stat-display"
2440
+ "value": "@entity.totalExpenses"
2307
2441
  },
2308
2442
  {
2309
- "label": "Balance",
2443
+ "value": "@entity.balance",
2310
2444
  "type": "stat-display",
2311
- "value": "@entity.balance"
2445
+ "label": "Balance"
2312
2446
  },
2313
2447
  {
2314
- "value": "@entity.savingsRate",
2315
2448
  "type": "stat-display",
2449
+ "value": "@entity.savingsRate",
2316
2450
  "label": "SavingsRate"
2317
2451
  }
2318
- ]
2452
+ ],
2453
+ "type": "simple-grid"
2319
2454
  }
2320
- ]
2455
+ ],
2456
+ "padding": "md"
2321
2457
  },
2322
2458
  {
2323
2459
  "type": "divider"
2324
2460
  },
2325
2461
  {
2326
- "gap": "md",
2462
+ "cols": 2.0,
2327
2463
  "children": [
2328
2464
  {
2465
+ "type": "card",
2329
2466
  "children": [
2330
2467
  {
2331
- "variant": "caption",
2332
2468
  "type": "typography",
2333
- "content": "Chart View"
2469
+ "content": "Chart View",
2470
+ "variant": "caption"
2334
2471
  }
2335
- ],
2336
- "type": "card"
2472
+ ]
2337
2473
  },
2338
2474
  {
2339
- "type": "card",
2340
2475
  "children": [
2341
2476
  {
2342
- "variant": "caption",
2343
2477
  "content": "Graph View",
2344
- "type": "typography"
2478
+ "type": "typography",
2479
+ "variant": "caption"
2345
2480
  }
2346
- ]
2481
+ ],
2482
+ "type": "card"
2347
2483
  }
2348
2484
  ],
2349
- "type": "grid",
2350
- "cols": 2.0
2485
+ "gap": "md",
2486
+ "type": "grid"
2351
2487
  },
2352
2488
  {
2489
+ "type": "line-chart",
2353
2490
  "data": [
2354
2491
  {
2355
- "value": 12.0,
2356
- "date": "Jan"
2492
+ "date": "Jan",
2493
+ "value": 12.0
2357
2494
  },
2358
2495
  {
2359
2496
  "date": "Feb",
@@ -2375,8 +2512,7 @@
2375
2512
  "date": "Jun",
2376
2513
  "value": 30.0
2377
2514
  }
2378
- ],
2379
- "type": "line-chart"
2515
+ ]
2380
2516
  },
2381
2517
  {
2382
2518
  "type": "chart-legend",
@@ -2386,29 +2522,13 @@
2386
2522
  "color": "primary"
2387
2523
  },
2388
2524
  {
2389
- "label": "Previous",
2390
- "color": "muted"
2525
+ "color": "muted",
2526
+ "label": "Previous"
2391
2527
  }
2392
2528
  ]
2393
2529
  },
2394
2530
  {
2395
- "width": 400.0,
2396
- "nodes": [
2397
- {
2398
- "id": "a",
2399
- "label": "Start"
2400
- },
2401
- {
2402
- "id": "b",
2403
- "label": "Process"
2404
- },
2405
- {
2406
- "label": "End",
2407
- "id": "c"
2408
- }
2409
- ],
2410
2531
  "height": 200.0,
2411
- "type": "graph-view",
2412
2532
  "edges": [
2413
2533
  {
2414
2534
  "source": "a",
@@ -2418,26 +2538,40 @@
2418
2538
  "target": "c",
2419
2539
  "source": "b"
2420
2540
  }
2541
+ ],
2542
+ "width": 400.0,
2543
+ "type": "graph-view",
2544
+ "nodes": [
2545
+ {
2546
+ "id": "a",
2547
+ "label": "Start"
2548
+ },
2549
+ {
2550
+ "label": "Process",
2551
+ "id": "b"
2552
+ },
2553
+ {
2554
+ "id": "c",
2555
+ "label": "End"
2556
+ }
2421
2557
  ]
2422
2558
  }
2423
2559
  ],
2424
- "direction": "vertical",
2425
- "type": "stack",
2426
- "gap": "lg"
2560
+ "type": "stack"
2427
2561
  }
2428
2562
  ]
2429
2563
  }
2430
2564
  ],
2431
2565
  "navItems": [
2432
2566
  {
2567
+ "label": "Transactions",
2433
2568
  "href": "/transactions",
2434
- "icon": "dollar-sign",
2435
- "label": "Transactions"
2569
+ "icon": "dollar-sign"
2436
2570
  },
2437
2571
  {
2438
- "icon": "layout-list",
2572
+ "href": "/summary",
2439
2573
  "label": "Summary",
2440
- "href": "/summary"
2574
+ "icon": "layout-list"
2441
2575
  },
2442
2576
  {
2443
2577
  "label": "Reports",
@@ -2445,7 +2579,6 @@
2445
2579
  "icon": "bar-chart"
2446
2580
  }
2447
2581
  ],
2448
- "type": "dashboard-layout",
2449
2582
  "appName": "Finance Tracker"
2450
2583
  }
2451
2584
  ]
@@ -2461,8 +2594,8 @@
2461
2594
  "FinanceSummary",
2462
2595
  {
2463
2596
  "emit": {
2464
- "success": "FinanceSummaryLoaded",
2465
- "failure": "FinanceSummaryLoadFailed"
2597
+ "failure": "FinanceSummaryLoadFailed",
2598
+ "success": "FinanceSummaryLoaded"
2466
2599
  }
2467
2600
  }
2468
2601
  ],
@@ -2471,30 +2604,30 @@
2471
2604
  "main",
2472
2605
  {
2473
2606
  "type": "dashboard-layout",
2607
+ "appName": "Finance Tracker",
2474
2608
  "navItems": [
2475
2609
  {
2476
- "href": "/transactions",
2477
2610
  "icon": "dollar-sign",
2611
+ "href": "/transactions",
2478
2612
  "label": "Transactions"
2479
2613
  },
2480
2614
  {
2481
- "href": "/summary",
2482
2615
  "icon": "layout-list",
2616
+ "href": "/summary",
2483
2617
  "label": "Summary"
2484
2618
  },
2485
2619
  {
2486
2620
  "icon": "bar-chart",
2487
- "href": "/reports",
2488
- "label": "Reports"
2621
+ "label": "Reports",
2622
+ "href": "/reports"
2489
2623
  }
2490
2624
  ],
2491
2625
  "children": [
2492
2626
  {
2493
- "type": "scaled-diagram",
2494
2627
  "children": [
2495
2628
  {
2629
+ "gap": "lg",
2496
2630
  "direction": "vertical",
2497
- "type": "stack",
2498
2631
  "children": [
2499
2632
  {
2500
2633
  "type": "breadcrumb",
@@ -2509,34 +2642,34 @@
2509
2642
  ]
2510
2643
  },
2511
2644
  {
2645
+ "direction": "horizontal",
2646
+ "type": "stack",
2512
2647
  "justify": "between",
2513
2648
  "children": [
2514
2649
  {
2650
+ "type": "stack",
2515
2651
  "gap": "md",
2652
+ "direction": "horizontal",
2516
2653
  "children": [
2517
2654
  {
2518
2655
  "type": "icon",
2519
2656
  "name": "pie-chart"
2520
2657
  },
2521
2658
  {
2522
- "type": "typography",
2523
2659
  "content": "Financial Summary",
2524
- "variant": "h2"
2660
+ "variant": "h2",
2661
+ "type": "typography"
2525
2662
  }
2526
- ],
2527
- "type": "stack",
2528
- "direction": "horizontal"
2663
+ ]
2529
2664
  },
2530
2665
  {
2531
- "label": "Refresh",
2666
+ "type": "button",
2532
2667
  "action": "REFRESH",
2533
- "variant": "secondary",
2534
2668
  "icon": "refresh-cw",
2535
- "type": "button"
2669
+ "label": "Refresh",
2670
+ "variant": "secondary"
2536
2671
  }
2537
2672
  ],
2538
- "direction": "horizontal",
2539
- "type": "stack",
2540
2673
  "gap": "md"
2541
2674
  },
2542
2675
  {
@@ -2544,18 +2677,19 @@
2544
2677
  },
2545
2678
  {
2546
2679
  "padding": "md",
2547
- "type": "box",
2548
2680
  "children": [
2549
2681
  {
2682
+ "type": "simple-grid",
2683
+ "cols": 3.0,
2550
2684
  "children": [
2551
2685
  {
2552
2686
  "value": "@entity.totalIncome",
2553
- "label": "TotalIncome",
2554
- "type": "stat-display"
2687
+ "type": "stat-display",
2688
+ "label": "TotalIncome"
2555
2689
  },
2556
2690
  {
2557
- "type": "stat-display",
2558
2691
  "value": "@entity.totalExpenses",
2692
+ "type": "stat-display",
2559
2693
  "label": "TotalExpenses"
2560
2694
  },
2561
2695
  {
@@ -2564,45 +2698,44 @@
2564
2698
  "value": "@entity.balance"
2565
2699
  },
2566
2700
  {
2567
- "label": "SavingsRate",
2701
+ "type": "stat-display",
2568
2702
  "value": "@entity.savingsRate",
2569
- "type": "stat-display"
2703
+ "label": "SavingsRate"
2570
2704
  }
2571
- ],
2572
- "type": "simple-grid",
2573
- "cols": 3.0
2705
+ ]
2574
2706
  }
2575
- ]
2707
+ ],
2708
+ "type": "box"
2576
2709
  },
2577
2710
  {
2578
2711
  "type": "divider"
2579
2712
  },
2580
2713
  {
2581
2714
  "gap": "md",
2582
- "type": "grid",
2583
- "cols": 2.0,
2584
2715
  "children": [
2585
2716
  {
2586
- "type": "card",
2587
2717
  "children": [
2588
2718
  {
2589
- "content": "Chart View",
2719
+ "variant": "caption",
2590
2720
  "type": "typography",
2591
- "variant": "caption"
2721
+ "content": "Chart View"
2592
2722
  }
2593
- ]
2723
+ ],
2724
+ "type": "card"
2594
2725
  },
2595
2726
  {
2596
2727
  "children": [
2597
2728
  {
2729
+ "variant": "caption",
2598
2730
  "content": "Graph View",
2599
- "type": "typography",
2600
- "variant": "caption"
2731
+ "type": "typography"
2601
2732
  }
2602
2733
  ],
2603
2734
  "type": "card"
2604
2735
  }
2605
- ]
2736
+ ],
2737
+ "type": "grid",
2738
+ "cols": 2.0
2606
2739
  },
2607
2740
  {
2608
2741
  "type": "line-chart",
@@ -2628,8 +2761,8 @@
2628
2761
  "date": "May"
2629
2762
  },
2630
2763
  {
2631
- "date": "Jun",
2632
- "value": 30.0
2764
+ "value": 30.0,
2765
+ "date": "Jun"
2633
2766
  }
2634
2767
  ]
2635
2768
  },
@@ -2637,19 +2770,17 @@
2637
2770
  "type": "chart-legend",
2638
2771
  "items": [
2639
2772
  {
2640
- "label": "Current",
2641
- "color": "primary"
2773
+ "color": "primary",
2774
+ "label": "Current"
2642
2775
  },
2643
2776
  {
2644
- "label": "Previous",
2645
- "color": "muted"
2777
+ "color": "muted",
2778
+ "label": "Previous"
2646
2779
  }
2647
2780
  ]
2648
2781
  },
2649
2782
  {
2650
2783
  "type": "graph-view",
2651
- "width": 400.0,
2652
- "height": 200.0,
2653
2784
  "nodes": [
2654
2785
  {
2655
2786
  "label": "Start",
@@ -2660,28 +2791,30 @@
2660
2791
  "label": "Process"
2661
2792
  },
2662
2793
  {
2663
- "id": "c",
2664
- "label": "End"
2794
+ "label": "End",
2795
+ "id": "c"
2665
2796
  }
2666
2797
  ],
2667
2798
  "edges": [
2668
2799
  {
2669
- "source": "a",
2670
- "target": "b"
2800
+ "target": "b",
2801
+ "source": "a"
2671
2802
  },
2672
2803
  {
2673
- "target": "c",
2674
- "source": "b"
2804
+ "source": "b",
2805
+ "target": "c"
2675
2806
  }
2676
- ]
2807
+ ],
2808
+ "height": 200.0,
2809
+ "width": 400.0
2677
2810
  }
2678
2811
  ],
2679
- "gap": "lg"
2812
+ "type": "stack"
2680
2813
  }
2681
- ]
2814
+ ],
2815
+ "type": "scaled-diagram"
2682
2816
  }
2683
- ],
2684
- "appName": "Finance Tracker"
2817
+ ]
2685
2818
  }
2686
2819
  ]
2687
2820
  ]
@@ -2706,13 +2839,16 @@
2706
2839
  "main",
2707
2840
  {
2708
2841
  "type": "dashboard-layout",
2709
- "appName": "Finance Tracker",
2710
2842
  "children": [
2711
2843
  {
2844
+ "type": "scaled-diagram",
2712
2845
  "children": [
2713
2846
  {
2847
+ "gap": "lg",
2848
+ "direction": "vertical",
2714
2849
  "children": [
2715
2850
  {
2851
+ "type": "breadcrumb",
2716
2852
  "items": [
2717
2853
  {
2718
2854
  "href": "/",
@@ -2721,51 +2857,53 @@
2721
2857
  {
2722
2858
  "label": "Financial Summary"
2723
2859
  }
2724
- ],
2725
- "type": "breadcrumb"
2860
+ ]
2726
2861
  },
2727
2862
  {
2728
- "gap": "md",
2863
+ "direction": "horizontal",
2729
2864
  "children": [
2730
2865
  {
2731
2866
  "gap": "md",
2732
2867
  "type": "stack",
2733
2868
  "children": [
2734
2869
  {
2735
- "type": "icon",
2736
- "name": "pie-chart"
2870
+ "name": "pie-chart",
2871
+ "type": "icon"
2737
2872
  },
2738
2873
  {
2739
- "type": "typography",
2740
2874
  "variant": "h2",
2875
+ "type": "typography",
2741
2876
  "content": "Financial Summary"
2742
2877
  }
2743
2878
  ],
2744
2879
  "direction": "horizontal"
2745
2880
  },
2746
2881
  {
2882
+ "icon": "refresh-cw",
2747
2883
  "type": "button",
2748
2884
  "label": "Refresh",
2749
- "icon": "refresh-cw",
2750
2885
  "action": "REFRESH",
2751
2886
  "variant": "secondary"
2752
2887
  }
2753
2888
  ],
2754
2889
  "type": "stack",
2755
- "direction": "horizontal",
2756
- "justify": "between"
2890
+ "justify": "between",
2891
+ "gap": "md"
2757
2892
  },
2758
2893
  {
2759
2894
  "type": "divider"
2760
2895
  },
2761
2896
  {
2897
+ "padding": "md",
2898
+ "type": "box",
2762
2899
  "children": [
2763
2900
  {
2901
+ "cols": 3.0,
2764
2902
  "children": [
2765
2903
  {
2766
- "type": "stat-display",
2904
+ "value": "@entity.totalIncome",
2767
2905
  "label": "TotalIncome",
2768
- "value": "@entity.totalIncome"
2906
+ "type": "stat-display"
2769
2907
  },
2770
2908
  {
2771
2909
  "label": "TotalExpenses",
@@ -2773,34 +2911,34 @@
2773
2911
  "value": "@entity.totalExpenses"
2774
2912
  },
2775
2913
  {
2776
- "type": "stat-display",
2914
+ "value": "@entity.balance",
2777
2915
  "label": "Balance",
2778
- "value": "@entity.balance"
2916
+ "type": "stat-display"
2779
2917
  },
2780
2918
  {
2781
- "type": "stat-display",
2782
2919
  "value": "@entity.savingsRate",
2920
+ "type": "stat-display",
2783
2921
  "label": "SavingsRate"
2784
2922
  }
2785
2923
  ],
2786
- "cols": 3.0,
2787
2924
  "type": "simple-grid"
2788
2925
  }
2789
- ],
2790
- "padding": "md",
2791
- "type": "box"
2926
+ ]
2792
2927
  },
2793
2928
  {
2794
2929
  "type": "divider"
2795
2930
  },
2796
2931
  {
2932
+ "cols": 2.0,
2933
+ "gap": "md",
2934
+ "type": "grid",
2797
2935
  "children": [
2798
2936
  {
2799
2937
  "children": [
2800
2938
  {
2801
- "variant": "caption",
2939
+ "type": "typography",
2802
2940
  "content": "Chart View",
2803
- "type": "typography"
2941
+ "variant": "caption"
2804
2942
  }
2805
2943
  ],
2806
2944
  "type": "card"
@@ -2808,32 +2946,29 @@
2808
2946
  {
2809
2947
  "children": [
2810
2948
  {
2811
- "content": "Graph View",
2812
2949
  "type": "typography",
2813
- "variant": "caption"
2950
+ "variant": "caption",
2951
+ "content": "Graph View"
2814
2952
  }
2815
2953
  ],
2816
2954
  "type": "card"
2817
2955
  }
2818
- ],
2819
- "gap": "md",
2820
- "cols": 2.0,
2821
- "type": "grid"
2956
+ ]
2822
2957
  },
2823
2958
  {
2824
2959
  "type": "line-chart",
2825
2960
  "data": [
2826
2961
  {
2827
- "value": 12.0,
2828
- "date": "Jan"
2962
+ "date": "Jan",
2963
+ "value": 12.0
2829
2964
  },
2830
2965
  {
2831
- "value": 19.0,
2832
- "date": "Feb"
2966
+ "date": "Feb",
2967
+ "value": 19.0
2833
2968
  },
2834
2969
  {
2835
- "date": "Mar",
2836
- "value": 15.0
2970
+ "value": 15.0,
2971
+ "date": "Mar"
2837
2972
  },
2838
2973
  {
2839
2974
  "date": "Apr",
@@ -2850,21 +2985,19 @@
2850
2985
  ]
2851
2986
  },
2852
2987
  {
2988
+ "type": "chart-legend",
2853
2989
  "items": [
2854
2990
  {
2855
- "label": "Current",
2856
- "color": "primary"
2991
+ "color": "primary",
2992
+ "label": "Current"
2857
2993
  },
2858
2994
  {
2859
2995
  "color": "muted",
2860
2996
  "label": "Previous"
2861
2997
  }
2862
- ],
2863
- "type": "chart-legend"
2998
+ ]
2864
2999
  },
2865
3000
  {
2866
- "type": "graph-view",
2867
- "width": 400.0,
2868
3001
  "nodes": [
2869
3002
  {
2870
3003
  "id": "a",
@@ -2879,42 +3012,42 @@
2879
3012
  "label": "End"
2880
3013
  }
2881
3014
  ],
2882
- "height": 200.0,
2883
3015
  "edges": [
2884
3016
  {
2885
3017
  "source": "a",
2886
3018
  "target": "b"
2887
3019
  },
2888
3020
  {
2889
- "source": "b",
2890
- "target": "c"
3021
+ "target": "c",
3022
+ "source": "b"
2891
3023
  }
2892
- ]
3024
+ ],
3025
+ "height": 200.0,
3026
+ "type": "graph-view",
3027
+ "width": 400.0
2893
3028
  }
2894
3029
  ],
2895
- "gap": "lg",
2896
- "direction": "vertical",
2897
3030
  "type": "stack"
2898
3031
  }
2899
- ],
2900
- "type": "scaled-diagram"
3032
+ ]
2901
3033
  }
2902
3034
  ],
3035
+ "appName": "Finance Tracker",
2903
3036
  "navItems": [
2904
3037
  {
2905
- "href": "/transactions",
3038
+ "icon": "dollar-sign",
2906
3039
  "label": "Transactions",
2907
- "icon": "dollar-sign"
3040
+ "href": "/transactions"
2908
3041
  },
2909
3042
  {
2910
- "label": "Summary",
2911
3043
  "href": "/summary",
2912
- "icon": "layout-list"
3044
+ "icon": "layout-list",
3045
+ "label": "Summary"
2913
3046
  },
2914
3047
  {
2915
- "href": "/reports",
3048
+ "label": "Reports",
2916
3049
  "icon": "bar-chart",
2917
- "label": "Reports"
3050
+ "href": "/reports"
2918
3051
  }
2919
3052
  ]
2920
3053
  }
@@ -2940,15 +3073,34 @@
2940
3073
  "render-ui",
2941
3074
  "main",
2942
3075
  {
3076
+ "type": "dashboard-layout",
3077
+ "navItems": [
3078
+ {
3079
+ "label": "Transactions",
3080
+ "href": "/transactions",
3081
+ "icon": "dollar-sign"
3082
+ },
3083
+ {
3084
+ "href": "/summary",
3085
+ "label": "Summary",
3086
+ "icon": "layout-list"
3087
+ },
3088
+ {
3089
+ "href": "/reports",
3090
+ "icon": "bar-chart",
3091
+ "label": "Reports"
3092
+ }
3093
+ ],
2943
3094
  "children": [
2944
3095
  {
3096
+ "type": "scaled-diagram",
2945
3097
  "children": [
2946
3098
  {
2947
- "direction": "vertical",
3099
+ "gap": "lg",
2948
3100
  "type": "stack",
3101
+ "direction": "vertical",
2949
3102
  "children": [
2950
3103
  {
2951
- "type": "breadcrumb",
2952
3104
  "items": [
2953
3105
  {
2954
3106
  "href": "/",
@@ -2957,88 +3109,90 @@
2957
3109
  {
2958
3110
  "label": "Financial Summary"
2959
3111
  }
2960
- ]
3112
+ ],
3113
+ "type": "breadcrumb"
2961
3114
  },
2962
3115
  {
2963
- "gap": "md",
2964
- "type": "stack",
3116
+ "direction": "horizontal",
2965
3117
  "justify": "between",
3118
+ "type": "stack",
2966
3119
  "children": [
2967
3120
  {
3121
+ "direction": "horizontal",
3122
+ "gap": "md",
3123
+ "type": "stack",
2968
3124
  "children": [
2969
3125
  {
2970
- "type": "icon",
2971
- "name": "pie-chart"
3126
+ "name": "pie-chart",
3127
+ "type": "icon"
2972
3128
  },
2973
3129
  {
2974
3130
  "content": "Financial Summary",
2975
3131
  "variant": "h2",
2976
3132
  "type": "typography"
2977
3133
  }
2978
- ],
2979
- "direction": "horizontal",
2980
- "gap": "md",
2981
- "type": "stack"
3134
+ ]
2982
3135
  },
2983
3136
  {
2984
- "label": "Refresh",
2985
- "variant": "secondary",
2986
3137
  "icon": "refresh-cw",
3138
+ "action": "REFRESH",
2987
3139
  "type": "button",
2988
- "action": "REFRESH"
3140
+ "label": "Refresh",
3141
+ "variant": "secondary"
2989
3142
  }
2990
3143
  ],
2991
- "direction": "horizontal"
3144
+ "gap": "md"
2992
3145
  },
2993
3146
  {
2994
3147
  "type": "divider"
2995
3148
  },
2996
3149
  {
2997
- "padding": "md",
2998
- "type": "box",
2999
3150
  "children": [
3000
3151
  {
3001
3152
  "cols": 3.0,
3002
- "type": "simple-grid",
3003
3153
  "children": [
3004
3154
  {
3155
+ "label": "TotalIncome",
3005
3156
  "value": "@entity.totalIncome",
3006
- "type": "stat-display",
3007
- "label": "TotalIncome"
3157
+ "type": "stat-display"
3008
3158
  },
3009
3159
  {
3010
- "value": "@entity.totalExpenses",
3160
+ "type": "stat-display",
3011
3161
  "label": "TotalExpenses",
3012
- "type": "stat-display"
3162
+ "value": "@entity.totalExpenses"
3013
3163
  },
3014
3164
  {
3165
+ "value": "@entity.balance",
3015
3166
  "type": "stat-display",
3016
- "label": "Balance",
3017
- "value": "@entity.balance"
3167
+ "label": "Balance"
3018
3168
  },
3019
3169
  {
3020
3170
  "value": "@entity.savingsRate",
3021
3171
  "type": "stat-display",
3022
3172
  "label": "SavingsRate"
3023
3173
  }
3024
- ]
3174
+ ],
3175
+ "type": "simple-grid"
3025
3176
  }
3026
- ]
3177
+ ],
3178
+ "padding": "md",
3179
+ "type": "box"
3027
3180
  },
3028
3181
  {
3029
3182
  "type": "divider"
3030
3183
  },
3031
3184
  {
3185
+ "type": "grid",
3032
3186
  "children": [
3033
3187
  {
3034
- "type": "card",
3035
3188
  "children": [
3036
3189
  {
3037
- "type": "typography",
3038
3190
  "content": "Chart View",
3191
+ "type": "typography",
3039
3192
  "variant": "caption"
3040
3193
  }
3041
- ]
3194
+ ],
3195
+ "type": "card"
3042
3196
  },
3043
3197
  {
3044
3198
  "type": "card",
@@ -3052,19 +3206,18 @@
3052
3206
  }
3053
3207
  ],
3054
3208
  "cols": 2.0,
3055
- "type": "grid",
3056
3209
  "gap": "md"
3057
3210
  },
3058
3211
  {
3059
3212
  "type": "line-chart",
3060
3213
  "data": [
3061
3214
  {
3062
- "value": 12.0,
3063
- "date": "Jan"
3215
+ "date": "Jan",
3216
+ "value": 12.0
3064
3217
  },
3065
3218
  {
3066
- "date": "Feb",
3067
- "value": 19.0
3219
+ "value": 19.0,
3220
+ "date": "Feb"
3068
3221
  },
3069
3222
  {
3070
3223
  "value": 15.0,
@@ -3075,8 +3228,8 @@
3075
3228
  "value": 25.0
3076
3229
  },
3077
3230
  {
3078
- "date": "May",
3079
- "value": 22.0
3231
+ "value": 22.0,
3232
+ "date": "May"
3080
3233
  },
3081
3234
  {
3082
3235
  "value": 30.0,
@@ -3088,29 +3241,17 @@
3088
3241
  "type": "chart-legend",
3089
3242
  "items": [
3090
3243
  {
3091
- "label": "Current",
3092
- "color": "primary"
3244
+ "color": "primary",
3245
+ "label": "Current"
3093
3246
  },
3094
3247
  {
3095
- "color": "muted",
3096
- "label": "Previous"
3248
+ "label": "Previous",
3249
+ "color": "muted"
3097
3250
  }
3098
3251
  ]
3099
3252
  },
3100
3253
  {
3101
- "height": 200.0,
3102
3254
  "width": 400.0,
3103
- "edges": [
3104
- {
3105
- "target": "b",
3106
- "source": "a"
3107
- },
3108
- {
3109
- "target": "c",
3110
- "source": "b"
3111
- }
3112
- ],
3113
- "type": "graph-view",
3114
3255
  "nodes": [
3115
3256
  {
3116
3257
  "label": "Start",
@@ -3124,34 +3265,26 @@
3124
3265
  "id": "c",
3125
3266
  "label": "End"
3126
3267
  }
3127
- ]
3268
+ ],
3269
+ "edges": [
3270
+ {
3271
+ "target": "b",
3272
+ "source": "a"
3273
+ },
3274
+ {
3275
+ "source": "b",
3276
+ "target": "c"
3277
+ }
3278
+ ],
3279
+ "height": 200.0,
3280
+ "type": "graph-view"
3128
3281
  }
3129
- ],
3130
- "gap": "lg"
3282
+ ]
3131
3283
  }
3132
- ],
3133
- "type": "scaled-diagram"
3284
+ ]
3134
3285
  }
3135
3286
  ],
3136
- "appName": "Finance Tracker",
3137
- "type": "dashboard-layout",
3138
- "navItems": [
3139
- {
3140
- "href": "/transactions",
3141
- "icon": "dollar-sign",
3142
- "label": "Transactions"
3143
- },
3144
- {
3145
- "icon": "layout-list",
3146
- "label": "Summary",
3147
- "href": "/summary"
3148
- },
3149
- {
3150
- "icon": "bar-chart",
3151
- "label": "Reports",
3152
- "href": "/reports"
3153
- }
3154
- ]
3287
+ "appName": "Finance Tracker"
3155
3288
  }
3156
3289
  ]
3157
3290
  ]
@@ -3175,12 +3308,11 @@
3175
3308
  "render-ui",
3176
3309
  "main",
3177
3310
  {
3178
- "type": "dashboard-layout",
3179
3311
  "navItems": [
3180
3312
  {
3181
3313
  "icon": "dollar-sign",
3182
- "href": "/transactions",
3183
- "label": "Transactions"
3314
+ "label": "Transactions",
3315
+ "href": "/transactions"
3184
3316
  },
3185
3317
  {
3186
3318
  "label": "Summary",
@@ -3188,95 +3320,96 @@
3188
3320
  "icon": "layout-list"
3189
3321
  },
3190
3322
  {
3191
- "href": "/reports",
3192
3323
  "icon": "bar-chart",
3193
- "label": "Reports"
3324
+ "label": "Reports",
3325
+ "href": "/reports"
3194
3326
  }
3195
3327
  ],
3196
3328
  "appName": "Finance Tracker",
3329
+ "type": "dashboard-layout",
3197
3330
  "children": [
3198
3331
  {
3332
+ "type": "scaled-diagram",
3199
3333
  "children": [
3200
3334
  {
3201
- "direction": "vertical",
3202
- "gap": "lg",
3203
3335
  "type": "stack",
3336
+ "gap": "lg",
3204
3337
  "children": [
3205
3338
  {
3339
+ "type": "breadcrumb",
3206
3340
  "items": [
3207
3341
  {
3208
- "href": "/",
3209
- "label": "Home"
3342
+ "label": "Home",
3343
+ "href": "/"
3210
3344
  },
3211
3345
  {
3212
3346
  "label": "Financial Summary"
3213
3347
  }
3214
- ],
3215
- "type": "breadcrumb"
3348
+ ]
3216
3349
  },
3217
3350
  {
3218
- "direction": "horizontal",
3219
- "gap": "md",
3220
- "type": "stack",
3221
3351
  "children": [
3222
3352
  {
3353
+ "gap": "md",
3354
+ "type": "stack",
3223
3355
  "children": [
3224
3356
  {
3225
3357
  "type": "icon",
3226
3358
  "name": "pie-chart"
3227
3359
  },
3228
3360
  {
3229
- "content": "Financial Summary",
3230
3361
  "variant": "h2",
3231
- "type": "typography"
3362
+ "type": "typography",
3363
+ "content": "Financial Summary"
3232
3364
  }
3233
3365
  ],
3234
- "gap": "md",
3235
- "type": "stack",
3236
3366
  "direction": "horizontal"
3237
3367
  },
3238
3368
  {
3239
- "type": "button",
3240
3369
  "variant": "secondary",
3241
- "label": "Refresh",
3242
3370
  "action": "REFRESH",
3371
+ "type": "button",
3372
+ "label": "Refresh",
3243
3373
  "icon": "refresh-cw"
3244
3374
  }
3245
3375
  ],
3246
- "justify": "between"
3376
+ "justify": "between",
3377
+ "gap": "md",
3378
+ "direction": "horizontal",
3379
+ "type": "stack"
3247
3380
  },
3248
3381
  {
3249
3382
  "type": "divider"
3250
3383
  },
3251
3384
  {
3252
- "type": "box",
3253
3385
  "padding": "md",
3386
+ "type": "box",
3254
3387
  "children": [
3255
3388
  {
3389
+ "type": "simple-grid",
3256
3390
  "cols": 3.0,
3257
3391
  "children": [
3258
3392
  {
3393
+ "type": "stat-display",
3259
3394
  "value": "@entity.totalIncome",
3260
- "label": "TotalIncome",
3261
- "type": "stat-display"
3395
+ "label": "TotalIncome"
3262
3396
  },
3263
3397
  {
3398
+ "label": "TotalExpenses",
3264
3399
  "value": "@entity.totalExpenses",
3265
- "type": "stat-display",
3266
- "label": "TotalExpenses"
3400
+ "type": "stat-display"
3267
3401
  },
3268
3402
  {
3403
+ "label": "Balance",
3269
3404
  "value": "@entity.balance",
3270
- "type": "stat-display",
3271
- "label": "Balance"
3405
+ "type": "stat-display"
3272
3406
  },
3273
3407
  {
3274
- "label": "SavingsRate",
3275
3408
  "value": "@entity.savingsRate",
3276
- "type": "stat-display"
3409
+ "type": "stat-display",
3410
+ "label": "SavingsRate"
3277
3411
  }
3278
- ],
3279
- "type": "simple-grid"
3412
+ ]
3280
3413
  }
3281
3414
  ]
3282
3415
  },
@@ -3284,14 +3417,15 @@
3284
3417
  "type": "divider"
3285
3418
  },
3286
3419
  {
3420
+ "cols": 2.0,
3287
3421
  "children": [
3288
3422
  {
3289
3423
  "type": "card",
3290
3424
  "children": [
3291
3425
  {
3292
- "type": "typography",
3293
3426
  "variant": "caption",
3294
- "content": "Chart View"
3427
+ "content": "Chart View",
3428
+ "type": "typography"
3295
3429
  }
3296
3430
  ]
3297
3431
  },
@@ -3306,9 +3440,8 @@
3306
3440
  ]
3307
3441
  }
3308
3442
  ],
3309
- "type": "grid",
3310
3443
  "gap": "md",
3311
- "cols": 2.0
3444
+ "type": "grid"
3312
3445
  },
3313
3446
  {
3314
3447
  "data": [
@@ -3325,12 +3458,12 @@
3325
3458
  "date": "Mar"
3326
3459
  },
3327
3460
  {
3328
- "value": 25.0,
3329
- "date": "Apr"
3461
+ "date": "Apr",
3462
+ "value": 25.0
3330
3463
  },
3331
3464
  {
3332
- "value": 22.0,
3333
- "date": "May"
3465
+ "date": "May",
3466
+ "value": 22.0
3334
3467
  },
3335
3468
  {
3336
3469
  "date": "Jun",
@@ -3340,36 +3473,26 @@
3340
3473
  "type": "line-chart"
3341
3474
  },
3342
3475
  {
3343
- "type": "chart-legend",
3344
3476
  "items": [
3345
3477
  {
3346
- "color": "primary",
3347
- "label": "Current"
3478
+ "label": "Current",
3479
+ "color": "primary"
3348
3480
  },
3349
3481
  {
3350
3482
  "label": "Previous",
3351
3483
  "color": "muted"
3352
3484
  }
3353
- ]
3485
+ ],
3486
+ "type": "chart-legend"
3354
3487
  },
3355
3488
  {
3356
3489
  "type": "graph-view",
3357
- "edges": [
3358
- {
3359
- "target": "b",
3360
- "source": "a"
3361
- },
3362
- {
3363
- "source": "b",
3364
- "target": "c"
3365
- }
3366
- ],
3367
3490
  "width": 400.0,
3368
3491
  "height": 200.0,
3369
3492
  "nodes": [
3370
3493
  {
3371
- "label": "Start",
3372
- "id": "a"
3494
+ "id": "a",
3495
+ "label": "Start"
3373
3496
  },
3374
3497
  {
3375
3498
  "id": "b",
@@ -3379,12 +3502,22 @@
3379
3502
  "id": "c",
3380
3503
  "label": "End"
3381
3504
  }
3505
+ ],
3506
+ "edges": [
3507
+ {
3508
+ "source": "a",
3509
+ "target": "b"
3510
+ },
3511
+ {
3512
+ "source": "b",
3513
+ "target": "c"
3514
+ }
3382
3515
  ]
3383
3516
  }
3384
- ]
3517
+ ],
3518
+ "direction": "vertical"
3385
3519
  }
3386
- ],
3387
- "type": "scaled-diagram"
3520
+ ]
3388
3521
  }
3389
3522
  ]
3390
3523
  }
@@ -3565,8 +3698,8 @@
3565
3698
  "FinanceReport",
3566
3699
  {
3567
3700
  "emit": {
3568
- "failure": "FinanceReportLoadFailed",
3569
- "success": "FinanceReportLoaded"
3701
+ "success": "FinanceReportLoaded",
3702
+ "failure": "FinanceReportLoadFailed"
3570
3703
  }
3571
3704
  }
3572
3705
  ],
@@ -3574,22 +3707,22 @@
3574
3707
  "render-ui",
3575
3708
  "main",
3576
3709
  {
3710
+ "align": "center",
3711
+ "type": "stack",
3712
+ "direction": "vertical",
3713
+ "className": "py-12",
3577
3714
  "children": [
3578
3715
  {
3579
3716
  "type": "spinner"
3580
3717
  },
3581
3718
  {
3582
- "color": "muted",
3583
3719
  "variant": "caption",
3584
- "content": "Loading…",
3585
- "type": "typography"
3720
+ "color": "muted",
3721
+ "type": "typography",
3722
+ "content": "Loading…"
3586
3723
  }
3587
3724
  ],
3588
- "gap": "md",
3589
- "direction": "vertical",
3590
- "align": "center",
3591
- "type": "stack",
3592
- "className": "py-12"
3725
+ "gap": "md"
3593
3726
  }
3594
3727
  ]
3595
3728
  ]
@@ -3604,76 +3737,58 @@
3604
3737
  "main",
3605
3738
  {
3606
3739
  "appName": "Finance Tracker",
3607
- "navItems": [
3608
- {
3609
- "label": "Transactions",
3610
- "href": "/transactions",
3611
- "icon": "dollar-sign"
3612
- },
3613
- {
3614
- "label": "Summary",
3615
- "href": "/summary",
3616
- "icon": "layout-list"
3617
- },
3618
- {
3619
- "href": "/reports",
3620
- "icon": "bar-chart",
3621
- "label": "Reports"
3622
- }
3623
- ],
3624
3740
  "children": [
3625
3741
  {
3626
- "direction": "vertical",
3627
- "type": "stack",
3628
3742
  "gap": "lg",
3629
3743
  "className": "max-w-5xl mx-auto w-full",
3744
+ "type": "stack",
3630
3745
  "children": [
3631
3746
  {
3632
3747
  "type": "stack",
3633
3748
  "align": "center",
3634
- "direction": "horizontal",
3635
3749
  "children": [
3636
3750
  {
3637
- "direction": "horizontal",
3638
- "gap": "sm",
3639
3751
  "type": "stack",
3640
3752
  "align": "center",
3641
3753
  "children": [
3642
3754
  {
3643
- "type": "icon",
3644
- "name": "file-text"
3755
+ "name": "file-text",
3756
+ "type": "icon"
3645
3757
  },
3646
3758
  {
3759
+ "type": "typography",
3647
3760
  "content": "Reports",
3648
- "variant": "h2",
3649
- "type": "typography"
3761
+ "variant": "h2"
3650
3762
  }
3651
- ]
3763
+ ],
3764
+ "direction": "horizontal",
3765
+ "gap": "sm"
3652
3766
  },
3653
3767
  {
3654
- "direction": "horizontal",
3655
3768
  "gap": "sm",
3656
3769
  "type": "stack",
3770
+ "direction": "horizontal",
3657
3771
  "children": [
3658
3772
  {
3659
3773
  "variant": "primary",
3660
- "type": "button",
3661
- "label": "Create FinanceReport",
3662
3774
  "action": "CREATE",
3663
- "icon": "plus"
3775
+ "label": "Create FinanceReport",
3776
+ "icon": "plus",
3777
+ "type": "button"
3664
3778
  }
3665
3779
  ]
3666
3780
  }
3667
3781
  ],
3668
- "gap": "md",
3669
- "justify": "between"
3782
+ "direction": "horizontal",
3783
+ "justify": "between",
3784
+ "gap": "md"
3670
3785
  },
3671
3786
  {
3672
3787
  "type": "divider"
3673
3788
  },
3674
3789
  {
3675
- "variant": "card",
3676
- "gap": "sm",
3790
+ "type": "data-list",
3791
+ "entity": "@payload.data",
3677
3792
  "itemActions": [
3678
3793
  {
3679
3794
  "variant": "ghost",
@@ -3683,33 +3798,51 @@
3683
3798
  ],
3684
3799
  "fields": [
3685
3800
  {
3686
- "icon": "file-text",
3687
3801
  "name": "title",
3802
+ "icon": "file-text",
3688
3803
  "variant": "h3"
3689
3804
  },
3690
3805
  {
3691
- "variant": "badge",
3692
- "name": "period"
3806
+ "name": "period",
3807
+ "variant": "badge"
3693
3808
  },
3694
3809
  {
3695
- "variant": "h4",
3696
3810
  "format": "currency",
3697
- "name": "total"
3811
+ "name": "total",
3812
+ "variant": "h4"
3698
3813
  },
3699
3814
  {
3700
- "format": "date",
3701
- "variant": "caption",
3815
+ "label": "Generated",
3702
3816
  "name": "generatedAt",
3703
- "label": "Generated"
3817
+ "variant": "caption",
3818
+ "format": "date"
3704
3819
  }
3705
3820
  ],
3706
- "entity": "@payload.data",
3707
- "type": "data-list"
3821
+ "variant": "card",
3822
+ "gap": "sm"
3708
3823
  }
3709
- ]
3824
+ ],
3825
+ "direction": "vertical"
3710
3826
  }
3711
3827
  ],
3712
- "type": "dashboard-layout"
3828
+ "type": "dashboard-layout",
3829
+ "navItems": [
3830
+ {
3831
+ "icon": "dollar-sign",
3832
+ "href": "/transactions",
3833
+ "label": "Transactions"
3834
+ },
3835
+ {
3836
+ "href": "/summary",
3837
+ "icon": "layout-list",
3838
+ "label": "Summary"
3839
+ },
3840
+ {
3841
+ "href": "/reports",
3842
+ "icon": "bar-chart",
3843
+ "label": "Reports"
3844
+ }
3845
+ ]
3713
3846
  }
3714
3847
  ]
3715
3848
  ]
@@ -3723,36 +3856,36 @@
3723
3856
  "render-ui",
3724
3857
  "main",
3725
3858
  {
3859
+ "type": "stack",
3726
3860
  "children": [
3727
3861
  {
3728
- "color": "destructive",
3729
3862
  "type": "icon",
3863
+ "color": "destructive",
3730
3864
  "name": "alert-triangle"
3731
3865
  },
3732
3866
  {
3733
- "type": "typography",
3734
3867
  "variant": "h3",
3735
- "content": "Failed to load financereport"
3868
+ "content": "Failed to load financereport",
3869
+ "type": "typography"
3736
3870
  },
3737
3871
  {
3738
3872
  "content": "@payload.error",
3873
+ "color": "muted",
3739
3874
  "type": "typography",
3740
- "variant": "body",
3741
- "color": "muted"
3875
+ "variant": "body"
3742
3876
  },
3743
3877
  {
3744
3878
  "label": "Retry",
3745
3879
  "action": "INIT",
3746
- "icon": "rotate-ccw",
3880
+ "variant": "primary",
3747
3881
  "type": "button",
3748
- "variant": "primary"
3882
+ "icon": "rotate-ccw"
3749
3883
  }
3750
3884
  ],
3751
- "gap": "md",
3752
- "direction": "vertical",
3753
3885
  "align": "center",
3754
- "type": "stack",
3755
- "className": "py-12"
3886
+ "gap": "md",
3887
+ "className": "py-12",
3888
+ "direction": "vertical"
3756
3889
  }
3757
3890
  ]
3758
3891
  ]
@@ -3946,42 +4079,42 @@
3946
4079
  "render-ui",
3947
4080
  "modal",
3948
4081
  {
3949
- "direction": "vertical",
4082
+ "gap": "md",
3950
4083
  "children": [
3951
4084
  {
4085
+ "type": "stack",
4086
+ "gap": "sm",
3952
4087
  "children": [
3953
4088
  {
3954
- "name": "plus-circle",
3955
- "type": "icon"
4089
+ "type": "icon",
4090
+ "name": "plus-circle"
3956
4091
  },
3957
4092
  {
3958
- "variant": "h3",
3959
4093
  "type": "typography",
4094
+ "variant": "h3",
3960
4095
  "content": "New FinanceReport"
3961
4096
  }
3962
4097
  ],
3963
- "type": "stack",
3964
- "direction": "horizontal",
3965
- "gap": "sm"
4098
+ "direction": "horizontal"
3966
4099
  },
3967
4100
  {
3968
4101
  "type": "divider"
3969
4102
  },
3970
4103
  {
3971
4104
  "mode": "create",
4105
+ "cancelEvent": "CLOSE",
4106
+ "type": "form-section",
3972
4107
  "fields": [
3973
4108
  "title",
3974
4109
  "period",
3975
4110
  "total",
3976
4111
  "generatedAt"
3977
4112
  ],
3978
- "submitEvent": "SAVE",
3979
- "type": "form-section",
3980
- "cancelEvent": "CLOSE"
4113
+ "submitEvent": "SAVE"
3981
4114
  }
3982
4115
  ],
3983
- "gap": "md",
3984
- "type": "stack"
4116
+ "type": "stack",
4117
+ "direction": "vertical"
3985
4118
  }
3986
4119
  ]
3987
4120
  ]
@@ -4022,8 +4155,8 @@
4022
4155
  "@payload.data",
4023
4156
  {
4024
4157
  "emit": {
4025
- "failure": "FinanceReportSaveFailed",
4026
- "success": "FinanceReportSaved"
4158
+ "success": "FinanceReportSaved",
4159
+ "failure": "FinanceReportSaveFailed"
4027
4160
  }
4028
4161
  }
4029
4162
  ],
@@ -4192,34 +4325,32 @@
4192
4325
  "fetch",
4193
4326
  "FinanceReport",
4194
4327
  {
4195
- "id": "@payload.id",
4196
4328
  "emit": {
4197
4329
  "success": "FinanceReportLoaded",
4198
4330
  "failure": "FinanceReportLoadFailed"
4199
- }
4331
+ },
4332
+ "id": "@payload.id"
4200
4333
  }
4201
4334
  ],
4202
4335
  [
4203
4336
  "render-ui",
4204
4337
  "modal",
4205
4338
  {
4206
- "type": "stack",
4207
- "gap": "md",
4208
4339
  "children": [
4209
4340
  {
4210
- "direction": "horizontal",
4211
4341
  "gap": "sm",
4212
4342
  "type": "stack",
4213
4343
  "align": "center",
4344
+ "direction": "horizontal",
4214
4345
  "children": [
4215
4346
  {
4216
4347
  "type": "icon",
4217
4348
  "name": "eye"
4218
4349
  },
4219
4350
  {
4220
- "variant": "h3",
4351
+ "type": "typography",
4221
4352
  "content": "@entity.title",
4222
- "type": "typography"
4353
+ "variant": "h3"
4223
4354
  }
4224
4355
  ]
4225
4356
  },
@@ -4227,64 +4358,64 @@
4227
4358
  "type": "divider"
4228
4359
  },
4229
4360
  {
4361
+ "gap": "md",
4230
4362
  "type": "stack",
4231
4363
  "direction": "horizontal",
4232
- "gap": "md",
4233
4364
  "children": [
4234
4365
  {
4235
- "type": "typography",
4236
4366
  "content": "Title",
4237
- "variant": "caption"
4367
+ "variant": "caption",
4368
+ "type": "typography"
4238
4369
  },
4239
4370
  {
4240
- "content": "@entity.title",
4371
+ "type": "typography",
4241
4372
  "variant": "body",
4242
- "type": "typography"
4373
+ "content": "@entity.title"
4243
4374
  }
4244
4375
  ]
4245
4376
  },
4246
4377
  {
4378
+ "gap": "md",
4379
+ "type": "stack",
4247
4380
  "direction": "horizontal",
4248
4381
  "children": [
4249
4382
  {
4250
4383
  "content": "Period",
4251
- "type": "typography",
4252
- "variant": "caption"
4384
+ "variant": "caption",
4385
+ "type": "typography"
4253
4386
  },
4254
4387
  {
4255
4388
  "variant": "body",
4256
- "content": "@entity.period",
4257
- "type": "typography"
4389
+ "type": "typography",
4390
+ "content": "@entity.period"
4258
4391
  }
4259
- ],
4260
- "gap": "md",
4261
- "type": "stack"
4392
+ ]
4262
4393
  },
4263
4394
  {
4264
- "gap": "md",
4265
- "direction": "horizontal",
4395
+ "type": "stack",
4266
4396
  "children": [
4267
4397
  {
4268
- "content": "Total",
4269
4398
  "type": "typography",
4270
- "variant": "caption"
4399
+ "variant": "caption",
4400
+ "content": "Total"
4271
4401
  },
4272
4402
  {
4273
4403
  "type": "typography",
4274
- "content": "@entity.total",
4275
- "variant": "body"
4404
+ "variant": "body",
4405
+ "content": "@entity.total"
4276
4406
  }
4277
4407
  ],
4278
- "type": "stack"
4408
+ "direction": "horizontal",
4409
+ "gap": "md"
4279
4410
  },
4280
4411
  {
4281
- "gap": "md",
4282
4412
  "type": "stack",
4413
+ "gap": "md",
4283
4414
  "direction": "horizontal",
4284
4415
  "children": [
4285
4416
  {
4286
- "variant": "caption",
4287
4417
  "type": "typography",
4418
+ "variant": "caption",
4288
4419
  "content": "Generated At"
4289
4420
  },
4290
4421
  {
@@ -4298,21 +4429,23 @@
4298
4429
  "type": "divider"
4299
4430
  },
4300
4431
  {
4301
- "justify": "end",
4302
4432
  "children": [
4303
4433
  {
4304
- "type": "button",
4305
- "label": "Close",
4434
+ "variant": "ghost",
4306
4435
  "action": "CLOSE",
4307
- "variant": "ghost"
4436
+ "label": "Close",
4437
+ "type": "button"
4308
4438
  }
4309
4439
  ],
4440
+ "type": "stack",
4310
4441
  "direction": "horizontal",
4311
- "gap": "sm",
4312
- "type": "stack"
4442
+ "justify": "end",
4443
+ "gap": "sm"
4313
4444
  }
4314
4445
  ],
4315
- "direction": "vertical"
4446
+ "direction": "vertical",
4447
+ "gap": "md",
4448
+ "type": "stack"
4316
4449
  }
4317
4450
  ]
4318
4451
  ]