@almadar/std 9.0.0 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/behaviors/registry/agent/atoms/std-agent-activity-log.orb +80 -80
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +131 -113
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1097 -1072
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  27. package/behaviors/registry/app/organisms/std-cms.orb +608 -512
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  29. package/behaviors/registry/app/organisms/std-crm.orb +887 -791
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  37. package/behaviors/registry/app/organisms/std-lms.orb +935 -893
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  42. package/behaviors/registry/core/atoms/std-browse.orb +56 -56
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  44. package/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  47. package/behaviors/registry/core/atoms/std-display.orb +388 -388
  48. package/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  49. package/behaviors/registry/core/atoms/std-filter.orb +47 -47
  50. package/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  51. package/behaviors/registry/core/atoms/std-modal.orb +12 -12
  52. package/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  53. package/behaviors/registry/core/atoms/std-push.orb +43 -43
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  55. package/behaviors/registry/core/atoms/std-related.orb +37 -37
  56. package/behaviors/registry/core/atoms/std-search.orb +68 -68
  57. package/behaviors/registry/core/atoms/std-selection.orb +90 -90
  58. package/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  59. package/behaviors/registry/core/molecules/std-cart.orb +55 -59
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  62. package/behaviors/registry/core/molecules/std-list.orb +79 -85
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  64. package/behaviors/registry/game/atoms/std-collision.orb +122 -122
  65. package/behaviors/registry/game/atoms/std-combat.orb +66 -66
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  69. package/behaviors/registry/game/atoms/std-movement.orb +291 -291
  70. package/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  72. package/behaviors/registry/game/atoms/std-quest.orb +133 -133
  73. package/behaviors/registry/game/atoms/std-timer.orb +291 -291
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  83. package/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  84. package/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +80 -80
  95. package/dist/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  96. package/dist/behaviors/registry/agent/atoms/std-agent-classifier.orb +131 -113
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  111. package/dist/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  112. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1097 -1072
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +608 -512
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +887 -791
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +935 -893
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +56 -56
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +388 -388
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +47 -47
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +12 -12
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +43 -43
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +37 -37
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +68 -68
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +90 -90
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +55 -59
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +79 -85
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +122 -122
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +66 -66
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +291 -291
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +133 -133
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +291 -291
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  187. package/package.json +1 -1
package/dist/behaviors/registry/app/organisms/std-crm.orb CHANGED
@@ -563,22 +563,22 @@
563
563
  "render-ui",
564
564
  "main",
565
565
  {
566
- "type": "stack",
567
- "direction": "vertical",
568
- "gap": "md",
569
- "className": "py-12",
570
- "align": "center",
571
566
  "children": [
572
567
  {
573
568
  "type": "spinner"
574
569
  },
575
570
  {
576
- "variant": "caption",
577
571
  "content": "Loading…",
578
- "color": "muted",
579
- "type": "typography"
572
+ "type": "typography",
573
+ "variant": "caption",
574
+ "color": "muted"
580
575
  }
581
- ]
576
+ ],
577
+ "className": "py-12",
578
+ "direction": "vertical",
579
+ "gap": "md",
580
+ "align": "center",
581
+ "type": "stack"
582
582
  }
583
583
  ]
584
584
  ]
@@ -593,17 +593,16 @@
593
593
  "main",
594
594
  {
595
595
  "appName": "CRM",
596
- "type": "dashboard-layout",
597
596
  "navItems": [
598
597
  {
598
+ "icon": "users",
599
599
  "label": "Contacts",
600
- "href": "/contacts",
601
- "icon": "users"
600
+ "href": "/contacts"
602
601
  },
603
602
  {
603
+ "label": "Deals",
604
604
  "href": "/deals",
605
- "icon": "briefcase",
606
- "label": "Deals"
605
+ "icon": "briefcase"
607
606
  },
608
607
  {
609
608
  "icon": "bar-chart-2",
@@ -612,27 +611,29 @@
612
611
  },
613
612
  {
614
613
  "label": "Notes",
615
- "icon": "file-text",
616
- "href": "/notes"
614
+ "href": "/notes",
615
+ "icon": "file-text"
617
616
  }
618
617
  ],
618
+ "type": "dashboard-layout",
619
619
  "children": [
620
620
  {
621
+ "className": "max-w-5xl mx-auto w-full",
622
+ "gap": "lg",
623
+ "type": "stack",
621
624
  "children": [
622
625
  {
623
- "type": "stack",
624
- "direction": "horizontal",
625
- "gap": "md",
626
626
  "justify": "between",
627
627
  "align": "center",
628
628
  "children": [
629
629
  {
630
630
  "direction": "horizontal",
631
631
  "gap": "sm",
632
+ "align": "center",
632
633
  "children": [
633
634
  {
634
- "type": "icon",
635
- "name": "users"
635
+ "name": "users",
636
+ "type": "icon"
636
637
  },
637
638
  {
638
639
  "content": "Contacts",
@@ -640,24 +641,26 @@
640
641
  "variant": "h2"
641
642
  }
642
643
  ],
643
- "align": "center",
644
644
  "type": "stack"
645
645
  },
646
646
  {
647
- "type": "stack",
647
+ "gap": "sm",
648
648
  "children": [
649
649
  {
650
- "action": "CREATE",
651
- "variant": "primary",
652
650
  "icon": "plus",
651
+ "type": "button",
653
652
  "label": "Add Contact",
654
- "type": "button"
653
+ "action": "CREATE",
654
+ "variant": "primary"
655
655
  }
656
656
  ],
657
- "gap": "sm",
657
+ "type": "stack",
658
658
  "direction": "horizontal"
659
659
  }
660
- ]
660
+ ],
661
+ "direction": "horizontal",
662
+ "gap": "md",
663
+ "type": "stack"
661
664
  },
662
665
  {
663
666
  "type": "divider"
@@ -667,8 +670,8 @@
667
670
  "children": [
668
671
  {
669
672
  "type": "stat-display",
670
- "icon": "users",
671
673
  "value": "@entity",
674
+ "icon": "users",
672
675
  "label": "Total Contacts"
673
676
  }
674
677
  ],
@@ -678,15 +681,16 @@
678
681
  "type": "divider"
679
682
  },
680
683
  {
684
+ "entity": "@payload.data",
681
685
  "columns": [
682
686
  {
687
+ "name": "name",
683
688
  "variant": "h3",
684
- "icon": "user",
685
- "name": "name"
689
+ "icon": "user"
686
690
  },
687
691
  {
688
- "name": "status",
689
- "variant": "badge"
692
+ "variant": "badge",
693
+ "name": "status"
690
694
  },
691
695
  {
692
696
  "variant": "body",
@@ -697,13 +701,12 @@
697
701
  "variant": "caption"
698
702
  },
699
703
  {
700
- "name": "phone",
701
- "variant": "caption"
704
+ "variant": "caption",
705
+ "name": "phone"
702
706
  }
703
707
  ],
704
- "gap": "sm",
705
- "entity": "@payload.data",
706
708
  "fields": [],
709
+ "type": "data-list",
707
710
  "itemActions": [
708
711
  {
709
712
  "variant": "ghost",
@@ -711,23 +714,20 @@
711
714
  "event": "VIEW"
712
715
  },
713
716
  {
714
- "variant": "ghost",
715
717
  "label": "Edit",
716
- "event": "EDIT"
718
+ "event": "EDIT",
719
+ "variant": "ghost"
717
720
  },
718
721
  {
719
722
  "event": "DELETE",
720
- "label": "Delete",
721
- "variant": "danger"
723
+ "variant": "danger",
724
+ "label": "Delete"
722
725
  }
723
726
  ],
724
727
  "variant": "card",
725
- "type": "data-list"
728
+ "gap": "sm"
726
729
  }
727
730
  ],
728
- "type": "stack",
729
- "gap": "lg",
730
- "className": "max-w-5xl mx-auto w-full",
731
731
  "direction": "vertical"
732
732
  }
733
733
  ]
@@ -744,36 +744,36 @@
744
744
  "render-ui",
745
745
  "main",
746
746
  {
747
- "gap": "md",
748
- "className": "py-12",
749
- "direction": "vertical",
750
- "align": "center",
751
747
  "type": "stack",
752
748
  "children": [
753
749
  {
750
+ "color": "destructive",
754
751
  "type": "icon",
755
- "name": "alert-triangle",
756
- "color": "destructive"
752
+ "name": "alert-triangle"
757
753
  },
758
754
  {
755
+ "content": "Failed to load contact",
759
756
  "variant": "h3",
760
- "type": "typography",
761
- "content": "Failed to load contact"
757
+ "type": "typography"
762
758
  },
763
759
  {
760
+ "content": "@payload.error",
764
761
  "type": "typography",
765
- "variant": "body",
766
762
  "color": "muted",
767
- "content": "@payload.error"
763
+ "variant": "body"
768
764
  },
769
765
  {
770
- "type": "button",
771
- "label": "Retry",
766
+ "action": "INIT",
772
767
  "variant": "primary",
773
- "icon": "rotate-ccw",
774
- "action": "INIT"
768
+ "label": "Retry",
769
+ "type": "button",
770
+ "icon": "rotate-ccw"
775
771
  }
776
- ]
772
+ ],
773
+ "align": "center",
774
+ "direction": "vertical",
775
+ "gap": "md",
776
+ "className": "py-12"
777
777
  }
778
778
  ]
779
779
  ]
@@ -942,8 +942,14 @@
942
942
  "event": "INIT",
943
943
  "effects": [
944
944
  [
945
- "ref",
946
- "Contact"
945
+ "fetch",
946
+ "Contact",
947
+ {
948
+ "emit": {
949
+ "failure": "ContactLoadFailed",
950
+ "success": "ContactLoaded"
951
+ }
952
+ }
947
953
  ]
948
954
  ]
949
955
  },
@@ -966,25 +972,25 @@
966
972
  "render-ui",
967
973
  "modal",
968
974
  {
969
- "direction": "vertical",
970
- "gap": "md",
971
975
  "type": "stack",
976
+ "gap": "md",
977
+ "direction": "vertical",
972
978
  "children": [
973
979
  {
974
- "gap": "sm",
975
980
  "type": "stack",
976
- "direction": "horizontal",
981
+ "gap": "sm",
977
982
  "children": [
978
983
  {
979
- "type": "icon",
980
- "name": "plus-circle"
984
+ "name": "plus-circle",
985
+ "type": "icon"
981
986
  },
982
987
  {
983
988
  "content": "New Contact",
984
- "type": "typography",
985
- "variant": "h3"
989
+ "variant": "h3",
990
+ "type": "typography"
986
991
  }
987
- ]
992
+ ],
993
+ "direction": "horizontal"
988
994
  },
989
995
  {
990
996
  "type": "divider"
@@ -999,8 +1005,8 @@
999
1005
  ],
1000
1006
  "mode": "create",
1001
1007
  "type": "form-section",
1002
- "submitEvent": "SAVE",
1003
- "cancelEvent": "CLOSE"
1008
+ "cancelEvent": "CLOSE",
1009
+ "submitEvent": "SAVE"
1004
1010
  }
1005
1011
  ]
1006
1012
  }
@@ -1241,8 +1247,14 @@
1241
1247
  "event": "INIT",
1242
1248
  "effects": [
1243
1249
  [
1244
- "ref",
1245
- "Contact"
1250
+ "fetch",
1251
+ "Contact",
1252
+ {
1253
+ "emit": {
1254
+ "failure": "ContactLoadFailed",
1255
+ "success": "ContactLoaded"
1256
+ }
1257
+ }
1246
1258
  ]
1247
1259
  ]
1248
1260
  },
@@ -1256,8 +1268,8 @@
1256
1268
  "Contact",
1257
1269
  {
1258
1270
  "emit": {
1259
- "success": "ContactLoaded",
1260
- "failure": "ContactLoadFailed"
1271
+ "failure": "ContactLoadFailed",
1272
+ "success": "ContactLoaded"
1261
1273
  },
1262
1274
  "id": "@payload.id"
1263
1275
  }
@@ -1266,12 +1278,8 @@
1266
1278
  "render-ui",
1267
1279
  "modal",
1268
1280
  {
1269
- "direction": "vertical",
1270
1281
  "children": [
1271
1282
  {
1272
- "direction": "horizontal",
1273
- "type": "stack",
1274
- "gap": "sm",
1275
1283
  "children": [
1276
1284
  {
1277
1285
  "type": "icon",
@@ -1282,7 +1290,10 @@
1282
1290
  "type": "typography",
1283
1291
  "variant": "h3"
1284
1292
  }
1285
- ]
1293
+ ],
1294
+ "direction": "horizontal",
1295
+ "type": "stack",
1296
+ "gap": "sm"
1286
1297
  },
1287
1298
  {
1288
1299
  "type": "divider"
@@ -1290,8 +1301,6 @@
1290
1301
  {
1291
1302
  "cancelEvent": "CLOSE",
1292
1303
  "mode": "edit",
1293
- "submitEvent": "SAVE",
1294
- "entity": "@payload.row",
1295
1304
  "fields": [
1296
1305
  "name",
1297
1306
  "company",
@@ -1299,9 +1308,12 @@
1299
1308
  "phone",
1300
1309
  "status"
1301
1310
  ],
1302
- "type": "form-section"
1311
+ "submitEvent": "SAVE",
1312
+ "type": "form-section",
1313
+ "entity": "@payload.row"
1303
1314
  }
1304
1315
  ],
1316
+ "direction": "vertical",
1305
1317
  "gap": "md",
1306
1318
  "type": "stack"
1307
1319
  }
@@ -1476,8 +1488,14 @@
1476
1488
  "event": "INIT",
1477
1489
  "effects": [
1478
1490
  [
1479
- "ref",
1480
- "Contact"
1491
+ "fetch",
1492
+ "Contact",
1493
+ {
1494
+ "emit": {
1495
+ "success": "ContactLoaded",
1496
+ "failure": "ContactLoadFailed"
1497
+ }
1498
+ }
1481
1499
  ]
1482
1500
  ]
1483
1501
  },
@@ -1490,76 +1508,76 @@
1490
1508
  "fetch",
1491
1509
  "Contact",
1492
1510
  {
1511
+ "id": "@payload.id",
1493
1512
  "emit": {
1494
1513
  "success": "ContactLoaded",
1495
1514
  "failure": "ContactLoadFailed"
1496
- },
1497
- "id": "@payload.id"
1515
+ }
1498
1516
  }
1499
1517
  ],
1500
1518
  [
1501
1519
  "render-ui",
1502
1520
  "modal",
1503
1521
  {
1522
+ "direction": "vertical",
1504
1523
  "gap": "md",
1524
+ "type": "stack",
1505
1525
  "children": [
1506
1526
  {
1527
+ "align": "center",
1528
+ "type": "stack",
1507
1529
  "children": [
1508
1530
  {
1509
- "type": "icon",
1510
- "name": "eye"
1531
+ "name": "eye",
1532
+ "type": "icon"
1511
1533
  },
1512
1534
  {
1513
- "variant": "h3",
1535
+ "content": "@entity.name",
1514
1536
  "type": "typography",
1515
- "content": "@entity.name"
1537
+ "variant": "h3"
1516
1538
  }
1517
1539
  ],
1518
- "gap": "sm",
1519
- "type": "stack",
1520
- "align": "center",
1521
- "direction": "horizontal"
1540
+ "direction": "horizontal",
1541
+ "gap": "sm"
1522
1542
  },
1523
1543
  {
1524
1544
  "type": "divider"
1525
1545
  },
1526
1546
  {
1527
1547
  "gap": "md",
1528
- "direction": "horizontal",
1548
+ "type": "stack",
1529
1549
  "children": [
1530
1550
  {
1551
+ "variant": "caption",
1531
1552
  "content": "Name",
1532
- "type": "typography",
1533
- "variant": "caption"
1553
+ "type": "typography"
1534
1554
  },
1535
1555
  {
1556
+ "type": "typography",
1536
1557
  "content": "@entity.name",
1537
- "variant": "body",
1538
- "type": "typography"
1558
+ "variant": "body"
1539
1559
  }
1540
1560
  ],
1541
- "type": "stack"
1561
+ "direction": "horizontal"
1542
1562
  },
1543
1563
  {
1544
- "type": "stack",
1545
1564
  "direction": "horizontal",
1565
+ "gap": "md",
1566
+ "type": "stack",
1546
1567
  "children": [
1547
1568
  {
1548
1569
  "variant": "caption",
1549
- "type": "typography",
1550
- "content": "Company"
1570
+ "content": "Company",
1571
+ "type": "typography"
1551
1572
  },
1552
1573
  {
1553
- "content": "@entity.company",
1554
1574
  "type": "typography",
1575
+ "content": "@entity.company",
1555
1576
  "variant": "body"
1556
1577
  }
1557
- ],
1558
- "gap": "md"
1578
+ ]
1559
1579
  },
1560
1580
  {
1561
- "type": "stack",
1562
- "direction": "horizontal",
1563
1581
  "gap": "md",
1564
1582
  "children": [
1565
1583
  {
@@ -1572,40 +1590,42 @@
1572
1590
  "variant": "body",
1573
1591
  "content": "@entity.email"
1574
1592
  }
1575
- ]
1593
+ ],
1594
+ "type": "stack",
1595
+ "direction": "horizontal"
1576
1596
  },
1577
1597
  {
1598
+ "gap": "md",
1578
1599
  "children": [
1579
1600
  {
1580
- "content": "Phone",
1581
1601
  "variant": "caption",
1582
- "type": "typography"
1602
+ "type": "typography",
1603
+ "content": "Phone"
1583
1604
  },
1584
1605
  {
1585
- "content": "@entity.phone",
1586
1606
  "type": "typography",
1607
+ "content": "@entity.phone",
1587
1608
  "variant": "body"
1588
1609
  }
1589
1610
  ],
1590
1611
  "type": "stack",
1591
- "direction": "horizontal",
1592
- "gap": "md"
1612
+ "direction": "horizontal"
1593
1613
  },
1594
1614
  {
1595
1615
  "gap": "md",
1616
+ "direction": "horizontal",
1596
1617
  "children": [
1597
1618
  {
1598
1619
  "variant": "caption",
1599
- "content": "Status",
1600
- "type": "typography"
1620
+ "type": "typography",
1621
+ "content": "Status"
1601
1622
  },
1602
1623
  {
1624
+ "variant": "body",
1603
1625
  "content": "@entity.status",
1604
- "type": "typography",
1605
- "variant": "body"
1626
+ "type": "typography"
1606
1627
  }
1607
1628
  ],
1608
- "direction": "horizontal",
1609
1629
  "type": "stack"
1610
1630
  },
1611
1631
  {
@@ -1613,14 +1633,16 @@
1613
1633
  },
1614
1634
  {
1615
1635
  "type": "stack",
1636
+ "direction": "horizontal",
1637
+ "gap": "sm",
1616
1638
  "justify": "end",
1617
1639
  "children": [
1618
1640
  {
1619
- "label": "Edit",
1620
1641
  "action": "EDIT",
1642
+ "variant": "primary",
1621
1643
  "icon": "edit",
1622
- "type": "button",
1623
- "variant": "primary"
1644
+ "label": "Edit",
1645
+ "type": "button"
1624
1646
  },
1625
1647
  {
1626
1648
  "type": "button",
@@ -1628,13 +1650,9 @@
1628
1650
  "label": "Close",
1629
1651
  "variant": "ghost"
1630
1652
  }
1631
- ],
1632
- "direction": "horizontal",
1633
- "gap": "sm"
1653
+ ]
1634
1654
  }
1635
- ],
1636
- "direction": "vertical",
1637
- "type": "stack"
1655
+ ]
1638
1656
  }
1639
1657
  ]
1640
1658
  ]
@@ -1850,8 +1868,14 @@
1850
1868
  "event": "INIT",
1851
1869
  "effects": [
1852
1870
  [
1853
- "ref",
1854
- "Contact"
1871
+ "fetch",
1872
+ "Contact",
1873
+ {
1874
+ "emit": {
1875
+ "success": "ContactLoaded",
1876
+ "failure": "ContactLoadFailed"
1877
+ }
1878
+ }
1855
1879
  ]
1856
1880
  ]
1857
1881
  },
@@ -1869,37 +1893,37 @@
1869
1893
  "fetch",
1870
1894
  "Contact",
1871
1895
  {
1872
- "id": "@payload.id",
1873
1896
  "emit": {
1874
1897
  "failure": "ContactLoadFailed",
1875
1898
  "success": "ContactLoaded"
1876
- }
1899
+ },
1900
+ "id": "@payload.id"
1877
1901
  }
1878
1902
  ],
1879
1903
  [
1880
1904
  "render-ui",
1881
1905
  "modal",
1882
1906
  {
1907
+ "direction": "vertical",
1883
1908
  "gap": "md",
1884
1909
  "type": "stack",
1885
- "direction": "vertical",
1886
1910
  "children": [
1887
1911
  {
1888
- "type": "stack",
1889
1912
  "direction": "horizontal",
1890
- "align": "center",
1913
+ "type": "stack",
1914
+ "gap": "sm",
1891
1915
  "children": [
1892
1916
  {
1893
- "name": "alert-triangle",
1894
- "type": "icon"
1917
+ "type": "icon",
1918
+ "name": "alert-triangle"
1895
1919
  },
1896
1920
  {
1921
+ "content": "Delete Contact",
1897
1922
  "variant": "h3",
1898
- "type": "typography",
1899
- "content": "Delete Contact"
1923
+ "type": "typography"
1900
1924
  }
1901
1925
  ],
1902
- "gap": "sm"
1926
+ "align": "center"
1903
1927
  },
1904
1928
  {
1905
1929
  "type": "divider"
@@ -1910,25 +1934,25 @@
1910
1934
  "variant": "error"
1911
1935
  },
1912
1936
  {
1913
- "justify": "end",
1914
- "type": "stack",
1915
- "direction": "horizontal",
1916
1937
  "gap": "sm",
1938
+ "type": "stack",
1939
+ "justify": "end",
1917
1940
  "children": [
1918
1941
  {
1919
1942
  "variant": "ghost",
1943
+ "type": "button",
1920
1944
  "action": "CANCEL",
1921
- "label": "Cancel",
1922
- "type": "button"
1945
+ "label": "Cancel"
1923
1946
  },
1924
1947
  {
1925
- "variant": "danger",
1926
1948
  "type": "button",
1927
1949
  "action": "CONFIRM_DELETE",
1928
- "label": "Delete",
1929
- "icon": "check"
1950
+ "variant": "danger",
1951
+ "icon": "check",
1952
+ "label": "Delete"
1930
1953
  }
1931
- ]
1954
+ ],
1955
+ "direction": "horizontal"
1932
1956
  }
1933
1957
  ]
1934
1958
  }
@@ -1947,8 +1971,8 @@
1947
1971
  "@entity.pendingId",
1948
1972
  {
1949
1973
  "emit": {
1950
- "success": "ContactDeleted",
1951
- "failure": "ContactDeleteFailed"
1974
+ "failure": "ContactDeleteFailed",
1975
+ "success": "ContactDeleted"
1952
1976
  }
1953
1977
  }
1954
1978
  ],
@@ -1965,8 +1989,14 @@
1965
1989
  }
1966
1990
  ],
1967
1991
  [
1968
- "ref",
1969
- "Contact"
1992
+ "fetch",
1993
+ "Contact",
1994
+ {
1995
+ "emit": {
1996
+ "failure": "ContactLoadFailed",
1997
+ "success": "ContactLoaded"
1998
+ }
1999
+ }
1970
2000
  ],
1971
2001
  [
1972
2002
  "emit",
@@ -1992,8 +2022,14 @@
1992
2022
  }
1993
2023
  ],
1994
2024
  [
1995
- "ref",
1996
- "Contact"
2025
+ "fetch",
2026
+ "Contact",
2027
+ {
2028
+ "emit": {
2029
+ "failure": "ContactLoadFailed",
2030
+ "success": "ContactLoaded"
2031
+ }
2032
+ }
1997
2033
  ]
1998
2034
  ]
1999
2035
  },
@@ -2015,8 +2051,14 @@
2015
2051
  }
2016
2052
  ],
2017
2053
  [
2018
- "ref",
2019
- "Contact"
2054
+ "fetch",
2055
+ "Contact",
2056
+ {
2057
+ "emit": {
2058
+ "success": "ContactLoaded",
2059
+ "failure": "ContactLoadFailed"
2060
+ }
2061
+ }
2020
2062
  ]
2021
2063
  ]
2022
2064
  }
@@ -2215,8 +2257,8 @@
2215
2257
  "Deal",
2216
2258
  {
2217
2259
  "emit": {
2218
- "failure": "DealLoadFailed",
2219
- "success": "DealLoaded"
2260
+ "success": "DealLoaded",
2261
+ "failure": "DealLoadFailed"
2220
2262
  }
2221
2263
  }
2222
2264
  ],
@@ -2224,8 +2266,6 @@
2224
2266
  "render-ui",
2225
2267
  "main",
2226
2268
  {
2227
- "className": "py-12",
2228
- "direction": "vertical",
2229
2269
  "gap": "md",
2230
2270
  "children": [
2231
2271
  {
@@ -2234,12 +2274,14 @@
2234
2274
  {
2235
2275
  "color": "muted",
2236
2276
  "type": "typography",
2237
- "content": "Loading…",
2238
- "variant": "caption"
2277
+ "variant": "caption",
2278
+ "content": "Loading…"
2239
2279
  }
2240
2280
  ],
2241
2281
  "align": "center",
2242
- "type": "stack"
2282
+ "type": "stack",
2283
+ "className": "py-12",
2284
+ "direction": "vertical"
2243
2285
  }
2244
2286
  ]
2245
2287
  ]
@@ -2253,127 +2295,127 @@
2253
2295
  "render-ui",
2254
2296
  "main",
2255
2297
  {
2256
- "navItems": [
2257
- {
2258
- "icon": "users",
2259
- "label": "Contacts",
2260
- "href": "/contacts"
2261
- },
2262
- {
2263
- "href": "/deals",
2264
- "label": "Deals",
2265
- "icon": "briefcase"
2266
- },
2267
- {
2268
- "label": "Pipeline",
2269
- "href": "/pipeline",
2270
- "icon": "bar-chart-2"
2271
- },
2272
- {
2273
- "label": "Notes",
2274
- "href": "/notes",
2275
- "icon": "file-text"
2276
- }
2277
- ],
2278
2298
  "type": "dashboard-layout",
2279
2299
  "appName": "CRM",
2280
2300
  "children": [
2281
2301
  {
2282
- "type": "stack",
2283
2302
  "direction": "vertical",
2284
- "className": "max-w-5xl mx-auto w-full",
2303
+ "type": "stack",
2285
2304
  "gap": "lg",
2305
+ "className": "max-w-5xl mx-auto w-full",
2286
2306
  "children": [
2287
2307
  {
2288
- "gap": "md",
2308
+ "align": "center",
2289
2309
  "type": "stack",
2290
- "justify": "between",
2310
+ "direction": "horizontal",
2291
2311
  "children": [
2292
2312
  {
2293
2313
  "direction": "horizontal",
2314
+ "align": "center",
2315
+ "gap": "sm",
2316
+ "type": "stack",
2294
2317
  "children": [
2295
2318
  {
2296
2319
  "type": "icon",
2297
2320
  "name": "briefcase"
2298
2321
  },
2299
2322
  {
2300
- "content": "Deals",
2301
2323
  "variant": "h2",
2324
+ "content": "Deals",
2302
2325
  "type": "typography"
2303
2326
  }
2304
- ],
2305
- "type": "stack",
2306
- "gap": "sm",
2307
- "align": "center"
2327
+ ]
2308
2328
  },
2309
2329
  {
2330
+ "type": "stack",
2310
2331
  "gap": "sm",
2311
- "direction": "horizontal",
2312
2332
  "children": [
2313
2333
  {
2314
2334
  "type": "button",
2315
- "variant": "primary",
2316
- "label": "New Deal",
2335
+ "icon": "plus",
2317
2336
  "action": "CREATE",
2318
- "icon": "plus"
2337
+ "label": "New Deal",
2338
+ "variant": "primary"
2319
2339
  }
2320
2340
  ],
2321
- "type": "stack"
2341
+ "direction": "horizontal"
2322
2342
  }
2323
2343
  ],
2324
- "align": "center",
2325
- "direction": "horizontal"
2344
+ "justify": "between",
2345
+ "gap": "md"
2326
2346
  },
2327
2347
  {
2328
2348
  "type": "divider"
2329
2349
  },
2330
2350
  {
2331
- "cols": 2.0,
2332
- "gap": "md",
2333
- "type": "data-grid",
2334
2351
  "itemActions": [
2335
2352
  {
2336
- "event": "VIEW",
2353
+ "label": "View",
2337
2354
  "variant": "ghost",
2338
- "label": "View"
2355
+ "event": "VIEW"
2339
2356
  },
2340
2357
  {
2341
- "variant": "ghost",
2358
+ "label": "Edit",
2342
2359
  "event": "EDIT",
2343
- "label": "Edit"
2360
+ "variant": "ghost"
2344
2361
  },
2345
2362
  {
2346
2363
  "variant": "danger",
2347
- "event": "DELETE",
2348
- "label": "Delete"
2364
+ "label": "Delete",
2365
+ "event": "DELETE"
2349
2366
  }
2350
2367
  ],
2351
2368
  "fields": [],
2352
2369
  "columns": [
2353
2370
  {
2354
- "icon": "briefcase",
2355
2371
  "name": "title",
2356
- "variant": "h3"
2372
+ "variant": "h3",
2373
+ "icon": "briefcase"
2357
2374
  },
2358
2375
  {
2359
2376
  "variant": "badge",
2360
2377
  "name": "stage"
2361
2378
  },
2362
2379
  {
2363
- "name": "value",
2364
2380
  "variant": "h4",
2365
- "format": "currency"
2381
+ "format": "currency",
2382
+ "name": "value"
2366
2383
  },
2367
2384
  {
2368
2385
  "name": "contactId",
2369
- "variant": "caption",
2370
- "label": "Contact"
2386
+ "label": "Contact",
2387
+ "variant": "caption"
2371
2388
  }
2372
2389
  ],
2373
- "entity": "@payload.data"
2390
+ "gap": "md",
2391
+ "entity": "@payload.data",
2392
+ "type": "data-grid",
2393
+ "cols": 2.0
2374
2394
  }
2375
2395
  ]
2376
2396
  }
2397
+ ],
2398
+ "navItems": [
2399
+ {
2400
+ "label": "Contacts",
2401
+ "href": "/contacts",
2402
+ "icon": "users"
2403
+ },
2404
+ {
2405
+ "label": "Deals",
2406
+ "href": "/deals",
2407
+ "icon": "briefcase"
2408
+ },
2409
+ {
2410
+ "icon": "bar-chart-2",
2411
+ "href": "/pipeline",
2412
+ "label": "Pipeline"
2413
+ },
2414
+ {
2415
+ "label": "Notes",
2416
+ "icon": "file-text",
2417
+ "href": "/notes"
2418
+ }
2377
2419
  ]
2378
2420
  }
2379
2421
  ]
@@ -2388,11 +2430,10 @@
2388
2430
  "render-ui",
2389
2431
  "main",
2390
2432
  {
2391
- "gap": "md",
2433
+ "type": "stack",
2392
2434
  "className": "py-12",
2393
- "direction": "vertical",
2394
2435
  "align": "center",
2395
- "type": "stack",
2436
+ "gap": "md",
2396
2437
  "children": [
2397
2438
  {
2398
2439
  "type": "icon",
@@ -2400,24 +2441,25 @@
2400
2441
  "color": "destructive"
2401
2442
  },
2402
2443
  {
2403
- "type": "typography",
2404
2444
  "variant": "h3",
2445
+ "type": "typography",
2405
2446
  "content": "Failed to load deal"
2406
2447
  },
2407
2448
  {
2408
- "content": "@payload.error",
2409
- "color": "muted",
2410
2449
  "variant": "body",
2450
+ "color": "muted",
2451
+ "content": "@payload.error",
2411
2452
  "type": "typography"
2412
2453
  },
2413
2454
  {
2414
- "type": "button",
2455
+ "label": "Retry",
2415
2456
  "action": "INIT",
2416
2457
  "icon": "rotate-ccw",
2417
- "variant": "primary",
2418
- "label": "Retry"
2458
+ "type": "button",
2459
+ "variant": "primary"
2419
2460
  }
2420
- ]
2461
+ ],
2462
+ "direction": "vertical"
2421
2463
  }
2422
2464
  ]
2423
2465
  ]
@@ -2578,8 +2620,14 @@
2578
2620
  "event": "INIT",
2579
2621
  "effects": [
2580
2622
  [
2581
- "ref",
2582
- "Deal"
2623
+ "fetch",
2624
+ "Deal",
2625
+ {
2626
+ "emit": {
2627
+ "failure": "DealLoadFailed",
2628
+ "success": "DealLoaded"
2629
+ }
2630
+ }
2583
2631
  ]
2584
2632
  ]
2585
2633
  },
@@ -2593,8 +2641,8 @@
2593
2641
  "Deal",
2594
2642
  {
2595
2643
  "emit": {
2596
- "failure": "DealLoadFailed",
2597
- "success": "DealLoaded"
2644
+ "success": "DealLoaded",
2645
+ "failure": "DealLoadFailed"
2598
2646
  }
2599
2647
  }
2600
2648
  ],
@@ -2602,43 +2650,43 @@
2602
2650
  "render-ui",
2603
2651
  "modal",
2604
2652
  {
2605
- "direction": "vertical",
2606
- "type": "stack",
2607
- "gap": "md",
2608
2653
  "children": [
2609
2654
  {
2655
+ "direction": "horizontal",
2656
+ "gap": "sm",
2657
+ "type": "stack",
2610
2658
  "children": [
2611
2659
  {
2612
2660
  "name": "plus-circle",
2613
2661
  "type": "icon"
2614
2662
  },
2615
2663
  {
2664
+ "type": "typography",
2616
2665
  "variant": "h3",
2617
- "content": "Create Deal",
2618
- "type": "typography"
2666
+ "content": "Create Deal"
2619
2667
  }
2620
- ],
2621
- "type": "stack",
2622
- "direction": "horizontal",
2623
- "gap": "sm"
2668
+ ]
2624
2669
  },
2625
2670
  {
2626
2671
  "type": "divider"
2627
2672
  },
2628
2673
  {
2629
- "type": "form-section",
2630
- "submitEvent": "SAVE",
2631
- "cancelEvent": "CLOSE",
2632
- "mode": "create",
2633
2674
  "fields": [
2634
2675
  "title",
2635
2676
  "contactId",
2636
2677
  "value",
2637
2678
  "stage",
2638
2679
  "closedAt"
2639
- ]
2680
+ ],
2681
+ "type": "form-section",
2682
+ "cancelEvent": "CLOSE",
2683
+ "submitEvent": "SAVE",
2684
+ "mode": "create"
2640
2685
  }
2641
- ]
2686
+ ],
2687
+ "direction": "vertical",
2688
+ "gap": "md",
2689
+ "type": "stack"
2642
2690
  }
2643
2691
  ]
2644
2692
  ]
@@ -2679,8 +2727,8 @@
2679
2727
  "@payload.data",
2680
2728
  {
2681
2729
  "emit": {
2682
- "success": "DealSaved",
2683
- "failure": "DealSaveFailed"
2730
+ "failure": "DealSaveFailed",
2731
+ "success": "DealSaved"
2684
2732
  }
2685
2733
  }
2686
2734
  ],
@@ -2868,8 +2916,14 @@
2868
2916
  "event": "INIT",
2869
2917
  "effects": [
2870
2918
  [
2871
- "ref",
2872
- "Deal"
2919
+ "fetch",
2920
+ "Deal",
2921
+ {
2922
+ "emit": {
2923
+ "success": "DealLoaded",
2924
+ "failure": "DealLoadFailed"
2925
+ }
2926
+ }
2873
2927
  ]
2874
2928
  ]
2875
2929
  },
@@ -2893,23 +2947,25 @@
2893
2947
  "render-ui",
2894
2948
  "modal",
2895
2949
  {
2950
+ "gap": "md",
2951
+ "direction": "vertical",
2896
2952
  "type": "stack",
2897
2953
  "children": [
2898
2954
  {
2899
- "direction": "horizontal",
2955
+ "gap": "sm",
2900
2956
  "children": [
2901
2957
  {
2902
2958
  "name": "edit",
2903
2959
  "type": "icon"
2904
2960
  },
2905
2961
  {
2906
- "type": "typography",
2907
2962
  "content": "Edit Deal",
2963
+ "type": "typography",
2908
2964
  "variant": "h3"
2909
2965
  }
2910
2966
  ],
2911
- "gap": "sm",
2912
- "type": "stack"
2967
+ "type": "stack",
2968
+ "direction": "horizontal"
2913
2969
  },
2914
2970
  {
2915
2971
  "type": "divider"
@@ -2924,13 +2980,11 @@
2924
2980
  ],
2925
2981
  "entity": "@payload.row",
2926
2982
  "submitEvent": "SAVE",
2927
- "mode": "edit",
2928
2983
  "type": "form-section",
2984
+ "mode": "edit",
2929
2985
  "cancelEvent": "CLOSE"
2930
2986
  }
2931
- ],
2932
- "gap": "md",
2933
- "direction": "vertical"
2987
+ ]
2934
2988
  }
2935
2989
  ]
2936
2990
  ]
@@ -2971,8 +3025,8 @@
2971
3025
  "@payload.data",
2972
3026
  {
2973
3027
  "emit": {
2974
- "success": "DealUpdated",
2975
- "failure": "DealUpdateFailed"
3028
+ "failure": "DealUpdateFailed",
3029
+ "success": "DealUpdated"
2976
3030
  }
2977
3031
  }
2978
3032
  ],
@@ -3095,8 +3149,14 @@
3095
3149
  "event": "INIT",
3096
3150
  "effects": [
3097
3151
  [
3098
- "ref",
3099
- "Deal"
3152
+ "fetch",
3153
+ "Deal",
3154
+ {
3155
+ "emit": {
3156
+ "success": "DealLoaded",
3157
+ "failure": "DealLoadFailed"
3158
+ }
3159
+ }
3100
3160
  ]
3101
3161
  ]
3102
3162
  },
@@ -3111,8 +3171,8 @@
3111
3171
  {
3112
3172
  "id": "@payload.id",
3113
3173
  "emit": {
3114
- "success": "DealLoaded",
3115
- "failure": "DealLoadFailed"
3174
+ "failure": "DealLoadFailed",
3175
+ "success": "DealLoaded"
3116
3176
  }
3117
3177
  }
3118
3178
  ],
@@ -3124,21 +3184,21 @@
3124
3184
  "type": "stack",
3125
3185
  "children": [
3126
3186
  {
3127
- "gap": "sm",
3128
- "align": "center",
3187
+ "type": "stack",
3188
+ "direction": "horizontal",
3129
3189
  "children": [
3130
3190
  {
3131
- "type": "icon",
3132
- "name": "eye"
3191
+ "name": "eye",
3192
+ "type": "icon"
3133
3193
  },
3134
3194
  {
3135
- "variant": "h3",
3195
+ "content": "@entity.title",
3136
3196
  "type": "typography",
3137
- "content": "@entity.title"
3197
+ "variant": "h3"
3138
3198
  }
3139
3199
  ],
3140
- "type": "stack",
3141
- "direction": "horizontal"
3200
+ "align": "center",
3201
+ "gap": "sm"
3142
3202
  },
3143
3203
  {
3144
3204
  "type": "divider"
@@ -3146,61 +3206,60 @@
3146
3206
  {
3147
3207
  "direction": "horizontal",
3148
3208
  "gap": "md",
3149
- "type": "stack",
3150
3209
  "children": [
3151
3210
  {
3211
+ "content": "Title",
3152
3212
  "variant": "caption",
3153
- "type": "typography",
3154
- "content": "Title"
3213
+ "type": "typography"
3155
3214
  },
3156
3215
  {
3216
+ "type": "typography",
3157
3217
  "variant": "body",
3158
- "content": "@entity.title",
3159
- "type": "typography"
3218
+ "content": "@entity.title"
3160
3219
  }
3161
- ]
3162
- },
3220
+ ],
3221
+ "type": "stack"
3222
+ },
3163
3223
  {
3224
+ "type": "stack",
3225
+ "gap": "md",
3226
+ "direction": "horizontal",
3164
3227
  "children": [
3165
3228
  {
3166
- "content": "Contact ID",
3229
+ "variant": "caption",
3167
3230
  "type": "typography",
3168
- "variant": "caption"
3231
+ "content": "Contact ID"
3169
3232
  },
3170
3233
  {
3171
- "type": "typography",
3172
3234
  "variant": "body",
3235
+ "type": "typography",
3173
3236
  "content": "@entity.contactId"
3174
3237
  }
3175
- ],
3176
- "type": "stack",
3177
- "direction": "horizontal",
3178
- "gap": "md"
3238
+ ]
3179
3239
  },
3180
3240
  {
3181
- "type": "stack",
3182
- "direction": "horizontal",
3183
3241
  "children": [
3184
3242
  {
3185
- "variant": "caption",
3186
3243
  "type": "typography",
3244
+ "variant": "caption",
3187
3245
  "content": "Value"
3188
3246
  },
3189
3247
  {
3190
- "content": "@entity.value",
3191
3248
  "variant": "body",
3249
+ "content": "@entity.value",
3192
3250
  "type": "typography"
3193
3251
  }
3194
3252
  ],
3195
- "gap": "md"
3253
+ "type": "stack",
3254
+ "gap": "md",
3255
+ "direction": "horizontal"
3196
3256
  },
3197
3257
  {
3198
- "gap": "md",
3199
3258
  "children": [
3200
3259
  {
3201
3260
  "content": "Stage",
3202
- "type": "typography",
3203
- "variant": "caption"
3261
+ "variant": "caption",
3262
+ "type": "typography"
3204
3263
  },
3205
3264
  {
3206
3265
  "type": "typography",
@@ -3208,49 +3267,50 @@
3208
3267
  "content": "@entity.stage"
3209
3268
  }
3210
3269
  ],
3270
+ "gap": "md",
3211
3271
  "direction": "horizontal",
3212
3272
  "type": "stack"
3213
3273
  },
3214
3274
  {
3215
- "type": "stack",
3216
3275
  "direction": "horizontal",
3217
- "gap": "md",
3218
3276
  "children": [
3219
3277
  {
3220
- "type": "typography",
3278
+ "variant": "caption",
3221
3279
  "content": "Closed At",
3222
- "variant": "caption"
3280
+ "type": "typography"
3223
3281
  },
3224
3282
  {
3225
- "variant": "body",
3226
3283
  "content": "@entity.closedAt",
3284
+ "variant": "body",
3227
3285
  "type": "typography"
3228
3286
  }
3229
- ]
3287
+ ],
3288
+ "type": "stack",
3289
+ "gap": "md"
3230
3290
  },
3231
3291
  {
3232
3292
  "type": "divider"
3233
3293
  },
3234
3294
  {
3235
- "justify": "end",
3295
+ "direction": "horizontal",
3236
3296
  "gap": "sm",
3237
3297
  "type": "stack",
3238
- "direction": "horizontal",
3239
3298
  "children": [
3240
3299
  {
3241
- "action": "EDIT",
3300
+ "type": "button",
3301
+ "label": "Edit",
3242
3302
  "variant": "primary",
3243
3303
  "icon": "edit",
3244
- "type": "button",
3245
- "label": "Edit"
3304
+ "action": "EDIT"
3246
3305
  },
3247
3306
  {
3248
- "type": "button",
3249
3307
  "action": "CLOSE",
3250
3308
  "label": "Close",
3251
- "variant": "ghost"
3309
+ "variant": "ghost",
3310
+ "type": "button"
3252
3311
  }
3253
- ]
3312
+ ],
3313
+ "justify": "end"
3254
3314
  }
3255
3315
  ],
3256
3316
  "gap": "md"
@@ -3461,8 +3521,14 @@
3461
3521
  "event": "INIT",
3462
3522
  "effects": [
3463
3523
  [
3464
- "ref",
3465
- "Deal"
3524
+ "fetch",
3525
+ "Deal",
3526
+ {
3527
+ "emit": {
3528
+ "failure": "DealLoadFailed",
3529
+ "success": "DealLoaded"
3530
+ }
3531
+ }
3466
3532
  ]
3467
3533
  ]
3468
3534
  },
@@ -3491,23 +3557,24 @@
3491
3557
  "render-ui",
3492
3558
  "modal",
3493
3559
  {
3560
+ "gap": "md",
3494
3561
  "children": [
3495
3562
  {
3496
- "gap": "sm",
3497
- "direction": "horizontal",
3498
- "type": "stack",
3499
- "align": "center",
3500
3563
  "children": [
3501
3564
  {
3502
- "name": "alert-triangle",
3503
- "type": "icon"
3565
+ "type": "icon",
3566
+ "name": "alert-triangle"
3504
3567
  },
3505
3568
  {
3506
3569
  "variant": "h3",
3507
- "content": "Delete Deal",
3508
- "type": "typography"
3570
+ "type": "typography",
3571
+ "content": "Delete Deal"
3509
3572
  }
3510
- ]
3573
+ ],
3574
+ "type": "stack",
3575
+ "direction": "horizontal",
3576
+ "align": "center",
3577
+ "gap": "sm"
3511
3578
  },
3512
3579
  {
3513
3580
  "type": "divider"
@@ -3518,30 +3585,29 @@
3518
3585
  "type": "alert"
3519
3586
  },
3520
3587
  {
3521
- "justify": "end",
3522
3588
  "type": "stack",
3523
- "direction": "horizontal",
3524
3589
  "children": [
3525
3590
  {
3526
- "variant": "ghost",
3591
+ "action": "CANCEL",
3527
3592
  "label": "Cancel",
3528
- "type": "button",
3529
- "action": "CANCEL"
3593
+ "variant": "ghost",
3594
+ "type": "button"
3530
3595
  },
3531
3596
  {
3532
3597
  "variant": "danger",
3533
3598
  "action": "CONFIRM_DELETE",
3534
- "label": "Delete",
3535
3599
  "icon": "check",
3536
- "type": "button"
3600
+ "type": "button",
3601
+ "label": "Delete"
3537
3602
  }
3538
3603
  ],
3539
- "gap": "sm"
3604
+ "direction": "horizontal",
3605
+ "gap": "sm",
3606
+ "justify": "end"
3540
3607
  }
3541
3608
  ],
3542
3609
  "type": "stack",
3543
- "direction": "vertical",
3544
- "gap": "md"
3610
+ "direction": "vertical"
3545
3611
  }
3546
3612
  ]
3547
3613
  ]
@@ -3576,8 +3642,14 @@
3576
3642
  }
3577
3643
  ],
3578
3644
  [
3579
- "ref",
3580
- "Deal"
3645
+ "fetch",
3646
+ "Deal",
3647
+ {
3648
+ "emit": {
3649
+ "success": "DealLoaded",
3650
+ "failure": "DealLoadFailed"
3651
+ }
3652
+ }
3581
3653
  ],
3582
3654
  [
3583
3655
  "emit",
@@ -3603,8 +3675,14 @@
3603
3675
  }
3604
3676
  ],
3605
3677
  [
3606
- "ref",
3607
- "Deal"
3678
+ "fetch",
3679
+ "Deal",
3680
+ {
3681
+ "emit": {
3682
+ "failure": "DealLoadFailed",
3683
+ "success": "DealLoaded"
3684
+ }
3685
+ }
3608
3686
  ]
3609
3687
  ]
3610
3688
  },
@@ -3626,8 +3704,14 @@
3626
3704
  }
3627
3705
  ],
3628
3706
  [
3629
- "ref",
3630
- "Deal"
3707
+ "fetch",
3708
+ "Deal",
3709
+ {
3710
+ "emit": {
3711
+ "failure": "DealLoadFailed",
3712
+ "success": "DealLoaded"
3713
+ }
3714
+ }
3631
3715
  ]
3632
3716
  ]
3633
3717
  }
@@ -3801,8 +3885,8 @@
3801
3885
  "Pipeline",
3802
3886
  {
3803
3887
  "emit": {
3804
- "failure": "PipelineLoadFailed",
3805
- "success": "PipelineLoaded"
3888
+ "success": "PipelineLoaded",
3889
+ "failure": "PipelineLoadFailed"
3806
3890
  }
3807
3891
  }
3808
3892
  ],
@@ -3810,34 +3894,14 @@
3810
3894
  "render-ui",
3811
3895
  "main",
3812
3896
  {
3813
- "appName": "CRM",
3814
3897
  "type": "dashboard-layout",
3815
- "navItems": [
3816
- {
3817
- "label": "Contacts",
3818
- "href": "/contacts",
3819
- "icon": "users"
3820
- },
3821
- {
3822
- "href": "/deals",
3823
- "icon": "briefcase",
3824
- "label": "Deals"
3825
- },
3826
- {
3827
- "href": "/pipeline",
3828
- "label": "Pipeline",
3829
- "icon": "bar-chart-2"
3830
- },
3831
- {
3832
- "label": "Notes",
3833
- "href": "/notes",
3834
- "icon": "file-text"
3835
- }
3836
- ],
3837
3898
  "children": [
3838
3899
  {
3839
3900
  "children": [
3840
3901
  {
3902
+ "direction": "vertical",
3903
+ "gap": "lg",
3904
+ "type": "stack",
3841
3905
  "children": [
3842
3906
  {
3843
3907
  "type": "breadcrumb",
@@ -3852,9 +3916,9 @@
3852
3916
  ]
3853
3917
  },
3854
3918
  {
3919
+ "gap": "md",
3855
3920
  "children": [
3856
3921
  {
3857
- "type": "stack",
3858
3922
  "direction": "horizontal",
3859
3923
  "children": [
3860
3924
  {
@@ -3862,22 +3926,22 @@
3862
3926
  "name": "bar-chart-2"
3863
3927
  },
3864
3928
  {
3865
- "type": "typography",
3866
3929
  "content": "Pipeline",
3867
- "variant": "h2"
3930
+ "variant": "h2",
3931
+ "type": "typography"
3868
3932
  }
3869
3933
  ],
3870
- "gap": "md"
3934
+ "gap": "md",
3935
+ "type": "stack"
3871
3936
  },
3872
3937
  {
3873
- "variant": "secondary",
3874
- "type": "button",
3875
- "label": "Refresh",
3876
3938
  "action": "REFRESH",
3877
- "icon": "refresh-cw"
3939
+ "icon": "refresh-cw",
3940
+ "label": "Refresh",
3941
+ "type": "button",
3942
+ "variant": "secondary"
3878
3943
  }
3879
3944
  ],
3880
- "gap": "md",
3881
3945
  "type": "stack",
3882
3946
  "direction": "horizontal",
3883
3947
  "justify": "between"
@@ -3886,41 +3950,41 @@
3886
3950
  "type": "divider"
3887
3951
  },
3888
3952
  {
3889
- "padding": "md",
3890
- "type": "box",
3891
3953
  "children": [
3892
3954
  {
3893
3955
  "cols": 3.0,
3894
3956
  "children": [
3895
3957
  {
3896
- "type": "stat-display",
3958
+ "value": "@entity.totalDeals",
3897
3959
  "label": "TotalDeals",
3898
- "value": "@entity.totalDeals"
3960
+ "type": "stat-display"
3899
3961
  },
3900
3962
  {
3901
- "type": "stat-display",
3902
3963
  "label": "TotalValue",
3964
+ "type": "stat-display",
3903
3965
  "value": "@entity.totalValue"
3904
3966
  },
3905
3967
  {
3906
- "type": "stat-display",
3907
3968
  "label": "WonDeals",
3969
+ "type": "stat-display",
3908
3970
  "value": "@entity.wonDeals"
3909
3971
  },
3910
3972
  {
3911
- "type": "stat-display",
3912
3973
  "label": "LostDeals",
3913
- "value": "@entity.lostDeals"
3974
+ "value": "@entity.lostDeals",
3975
+ "type": "stat-display"
3914
3976
  },
3915
3977
  {
3978
+ "value": "@entity.conversionRate",
3916
3979
  "label": "ConversionRate",
3917
- "type": "stat-display",
3918
- "value": "@entity.conversionRate"
3980
+ "type": "stat-display"
3919
3981
  }
3920
3982
  ],
3921
3983
  "type": "simple-grid"
3922
3984
  }
3923
- ]
3985
+ ],
3986
+ "padding": "md",
3987
+ "type": "box"
3924
3988
  },
3925
3989
  {
3926
3990
  "type": "divider"
@@ -3941,26 +4005,27 @@
3941
4005
  "type": "card",
3942
4006
  "children": [
3943
4007
  {
4008
+ "variant": "caption",
3944
4009
  "content": "Graph View",
3945
- "type": "typography",
3946
- "variant": "caption"
4010
+ "type": "typography"
3947
4011
  }
3948
4012
  ]
3949
4013
  }
3950
4014
  ],
4015
+ "gap": "md",
3951
4016
  "type": "grid",
3952
- "cols": 2.0,
3953
- "gap": "md"
4017
+ "cols": 2.0
3954
4018
  },
3955
4019
  {
4020
+ "type": "line-chart",
3956
4021
  "data": [
3957
4022
  {
3958
4023
  "value": 12.0,
3959
4024
  "date": "Jan"
3960
4025
  },
3961
4026
  {
3962
- "value": 19.0,
3963
- "date": "Feb"
4027
+ "date": "Feb",
4028
+ "value": 19.0
3964
4029
  },
3965
4030
  {
3966
4031
  "value": 15.0,
@@ -3978,76 +4043,95 @@
3978
4043
  "date": "Jun",
3979
4044
  "value": 30.0
3980
4045
  }
3981
- ],
3982
- "type": "line-chart"
4046
+ ]
3983
4047
  },
3984
4048
  {
4049
+ "type": "chart-legend",
3985
4050
  "items": [
3986
4051
  {
3987
- "label": "Current",
3988
- "color": "primary"
4052
+ "color": "primary",
4053
+ "label": "Current"
3989
4054
  },
3990
4055
  {
3991
4056
  "label": "Previous",
3992
4057
  "color": "muted"
3993
4058
  }
3994
- ],
3995
- "type": "chart-legend"
4059
+ ]
3996
4060
  },
3997
4061
  {
3998
- "width": 400.0,
3999
- "type": "graph-view",
4000
- "edges": [
4062
+ "nodes": [
4001
4063
  {
4002
- "source": "a",
4003
- "target": "b"
4064
+ "label": "Start",
4065
+ "id": "a"
4004
4066
  },
4005
4067
  {
4006
- "source": "b",
4007
- "target": "c"
4068
+ "label": "Process",
4069
+ "id": "b"
4070
+ },
4071
+ {
4072
+ "label": "End",
4073
+ "id": "c"
4008
4074
  }
4009
4075
  ],
4010
- "nodes": [
4011
- {
4012
- "id": "a",
4013
- "label": "Start"
4014
- },
4076
+ "edges": [
4015
4077
  {
4016
- "id": "b",
4017
- "label": "Process"
4078
+ "source": "a",
4079
+ "target": "b"
4018
4080
  },
4019
4081
  {
4020
- "id": "c",
4021
- "label": "End"
4082
+ "source": "b",
4083
+ "target": "c"
4022
4084
  }
4023
4085
  ],
4086
+ "type": "graph-view",
4087
+ "width": 400.0,
4024
4088
  "height": 200.0
4025
4089
  }
4026
- ],
4027
- "gap": "lg",
4028
- "direction": "vertical",
4029
- "type": "stack"
4090
+ ]
4030
4091
  }
4031
4092
  ],
4032
4093
  "type": "scaled-diagram"
4033
4094
  }
4034
- ]
4035
- }
4036
- ]
4037
- ]
4038
- },
4039
- {
4040
- "from": "loading",
4041
- "to": "displaying",
4042
- "event": "LOADED",
4095
+ ],
4096
+ "appName": "CRM",
4097
+ "navItems": [
4098
+ {
4099
+ "label": "Contacts",
4100
+ "icon": "users",
4101
+ "href": "/contacts"
4102
+ },
4103
+ {
4104
+ "href": "/deals",
4105
+ "icon": "briefcase",
4106
+ "label": "Deals"
4107
+ },
4108
+ {
4109
+ "label": "Pipeline",
4110
+ "icon": "bar-chart-2",
4111
+ "href": "/pipeline"
4112
+ },
4113
+ {
4114
+ "href": "/notes",
4115
+ "label": "Notes",
4116
+ "icon": "file-text"
4117
+ }
4118
+ ]
4119
+ }
4120
+ ]
4121
+ ]
4122
+ },
4123
+ {
4124
+ "from": "loading",
4125
+ "to": "displaying",
4126
+ "event": "LOADED",
4043
4127
  "effects": [
4044
4128
  [
4045
4129
  "fetch",
4046
4130
  "Pipeline",
4047
4131
  {
4048
4132
  "emit": {
4049
- "success": "PipelineLoaded",
4050
- "failure": "PipelineLoadFailed"
4133
+ "failure": "PipelineLoadFailed",
4134
+ "success": "PipelineLoaded"
4051
4135
  }
4052
4136
  }
4053
4137
  ],
@@ -4055,14 +4139,12 @@
4055
4139
  "render-ui",
4056
4140
  "main",
4057
4141
  {
4142
+ "appName": "CRM",
4143
+ "type": "dashboard-layout",
4058
4144
  "children": [
4059
4145
  {
4060
- "type": "scaled-diagram",
4061
4146
  "children": [
4062
4147
  {
4063
- "type": "stack",
4064
- "direction": "vertical",
4065
- "gap": "lg",
4066
4148
  "children": [
4067
4149
  {
4068
4150
  "type": "breadcrumb",
@@ -4077,60 +4159,58 @@
4077
4159
  ]
4078
4160
  },
4079
4161
  {
4080
- "type": "stack",
4081
- "justify": "between",
4082
- "direction": "horizontal",
4083
- "gap": "md",
4084
4162
  "children": [
4085
4163
  {
4086
- "gap": "md",
4164
+ "type": "stack",
4087
4165
  "children": [
4088
4166
  {
4089
- "type": "icon",
4090
- "name": "bar-chart-2"
4167
+ "name": "bar-chart-2",
4168
+ "type": "icon"
4091
4169
  },
4092
4170
  {
4093
4171
  "type": "typography",
4094
- "variant": "h2",
4095
- "content": "Pipeline"
4172
+ "content": "Pipeline",
4173
+ "variant": "h2"
4096
4174
  }
4097
4175
  ],
4098
- "type": "stack",
4099
- "direction": "horizontal"
4176
+ "direction": "horizontal",
4177
+ "gap": "md"
4100
4178
  },
4101
4179
  {
4102
- "label": "Refresh",
4103
- "action": "REFRESH",
4104
4180
  "type": "button",
4181
+ "label": "Refresh",
4105
4182
  "variant": "secondary",
4183
+ "action": "REFRESH",
4106
4184
  "icon": "refresh-cw"
4107
4185
  }
4108
- ]
4186
+ ],
4187
+ "justify": "between",
4188
+ "direction": "horizontal",
4189
+ "gap": "md",
4190
+ "type": "stack"
4109
4191
  },
4110
4192
  {
4111
4193
  "type": "divider"
4112
4194
  },
4113
4195
  {
4114
- "type": "box",
4115
4196
  "padding": "md",
4116
4197
  "children": [
4117
4198
  {
4118
- "cols": 3.0,
4119
4199
  "children": [
4120
4200
  {
4121
- "type": "stat-display",
4122
4201
  "label": "TotalDeals",
4202
+ "type": "stat-display",
4123
4203
  "value": "@entity.totalDeals"
4124
4204
  },
4125
4205
  {
4126
4206
  "label": "TotalValue",
4127
- "value": "@entity.totalValue",
4128
- "type": "stat-display"
4207
+ "type": "stat-display",
4208
+ "value": "@entity.totalValue"
4129
4209
  },
4130
4210
  {
4211
+ "value": "@entity.wonDeals",
4131
4212
  "type": "stat-display",
4132
- "label": "WonDeals",
4133
- "value": "@entity.wonDeals"
4213
+ "label": "WonDeals"
4134
4214
  },
4135
4215
  {
4136
4216
  "value": "@entity.lostDeals",
@@ -4138,54 +4218,56 @@
4138
4218
  "label": "LostDeals"
4139
4219
  },
4140
4220
  {
4141
- "value": "@entity.conversionRate",
4142
4221
  "type": "stat-display",
4143
- "label": "ConversionRate"
4222
+ "label": "ConversionRate",
4223
+ "value": "@entity.conversionRate"
4144
4224
  }
4145
4225
  ],
4146
- "type": "simple-grid"
4226
+ "type": "simple-grid",
4227
+ "cols": 3.0
4147
4228
  }
4148
- ]
4229
+ ],
4230
+ "type": "box"
4149
4231
  },
4150
4232
  {
4151
4233
  "type": "divider"
4152
4234
  },
4153
4235
  {
4154
4236
  "cols": 2.0,
4237
+ "gap": "md",
4238
+ "type": "grid",
4155
4239
  "children": [
4156
4240
  {
4241
+ "type": "card",
4157
4242
  "children": [
4158
4243
  {
4159
- "content": "Chart View",
4160
4244
  "type": "typography",
4161
- "variant": "caption"
4245
+ "variant": "caption",
4246
+ "content": "Chart View"
4162
4247
  }
4163
- ],
4164
- "type": "card"
4248
+ ]
4165
4249
  },
4166
4250
  {
4167
- "type": "card",
4168
4251
  "children": [
4169
4252
  {
4253
+ "type": "typography",
4170
4254
  "variant": "caption",
4171
- "content": "Graph View",
4172
- "type": "typography"
4255
+ "content": "Graph View"
4173
4256
  }
4174
- ]
4257
+ ],
4258
+ "type": "card"
4175
4259
  }
4176
- ],
4177
- "gap": "md",
4178
- "type": "grid"
4260
+ ]
4179
4261
  },
4180
4262
  {
4181
4263
  "data": [
4182
4264
  {
4183
- "value": 12.0,
4184
- "date": "Jan"
4265
+ "date": "Jan",
4266
+ "value": 12.0
4185
4267
  },
4186
4268
  {
4187
- "date": "Feb",
4188
- "value": 19.0
4269
+ "value": 19.0,
4270
+ "date": "Feb"
4189
4271
  },
4190
4272
  {
4191
4273
  "date": "Mar",
@@ -4200,26 +4282,29 @@
4200
4282
  "value": 22.0
4201
4283
  },
4202
4284
  {
4203
- "date": "Jun",
4204
- "value": 30.0
4285
+ "value": 30.0,
4286
+ "date": "Jun"
4205
4287
  }
4206
4288
  ],
4207
4289
  "type": "line-chart"
4208
4290
  },
4209
4291
  {
4292
+ "type": "chart-legend",
4210
4293
  "items": [
4211
4294
  {
4212
- "color": "primary",
4213
- "label": "Current"
4295
+ "label": "Current",
4296
+ "color": "primary"
4214
4297
  },
4215
4298
  {
4216
4299
  "label": "Previous",
4217
4300
  "color": "muted"
4218
4301
  }
4219
- ],
4220
- "type": "chart-legend"
4302
+ ]
4221
4303
  },
4222
4304
  {
4305
+ "type": "graph-view",
4306
+ "height": 200.0,
4307
+ "width": 400.0,
4223
4308
  "nodes": [
4224
4309
  {
4225
4310
  "id": "a",
@@ -4230,11 +4315,10 @@
4230
4315
  "label": "Process"
4231
4316
  },
4232
4317
  {
4233
- "label": "End",
4234
- "id": "c"
4318
+ "id": "c",
4319
+ "label": "End"
4235
4320
  }
4236
4321
  ],
4237
- "height": 200.0,
4238
4322
  "edges": [
4239
4323
  {
4240
4324
  "source": "a",
@@ -4244,22 +4328,22 @@
4244
4328
  "source": "b",
4245
4329
  "target": "c"
4246
4330
  }
4247
- ],
4248
- "type": "graph-view",
4249
- "width": 400.0
4331
+ ]
4250
4332
  }
4251
- ]
4333
+ ],
4334
+ "type": "stack",
4335
+ "direction": "vertical",
4336
+ "gap": "lg"
4252
4337
  }
4253
- ]
4338
+ ],
4339
+ "type": "scaled-diagram"
4254
4340
  }
4255
4341
  ],
4256
- "type": "dashboard-layout",
4257
- "appName": "CRM",
4258
4342
  "navItems": [
4259
4343
  {
4344
+ "label": "Contacts",
4260
4345
  "href": "/contacts",
4261
- "icon": "users",
4262
- "label": "Contacts"
4346
+ "icon": "users"
4263
4347
  },
4264
4348
  {
4265
4349
  "icon": "briefcase",
@@ -4267,14 +4351,14 @@
4267
4351
  "href": "/deals"
4268
4352
  },
4269
4353
  {
4354
+ "label": "Pipeline",
4270
4355
  "href": "/pipeline",
4271
- "icon": "bar-chart-2",
4272
- "label": "Pipeline"
4356
+ "icon": "bar-chart-2"
4273
4357
  },
4274
4358
  {
4275
- "icon": "file-text",
4276
4359
  "href": "/notes",
4277
- "label": "Notes"
4360
+ "label": "Notes",
4361
+ "icon": "file-text"
4278
4362
  }
4279
4363
  ]
4280
4364
  }
@@ -4301,17 +4385,16 @@
4301
4385
  "main",
4302
4386
  {
4303
4387
  "type": "dashboard-layout",
4304
- "appName": "CRM",
4305
4388
  "navItems": [
4306
4389
  {
4390
+ "icon": "users",
4307
4391
  "href": "/contacts",
4308
- "label": "Contacts",
4309
- "icon": "users"
4392
+ "label": "Contacts"
4310
4393
  },
4311
4394
  {
4312
4395
  "href": "/deals",
4313
- "icon": "briefcase",
4314
- "label": "Deals"
4396
+ "label": "Deals",
4397
+ "icon": "briefcase"
4315
4398
  },
4316
4399
  {
4317
4400
  "label": "Pipeline",
@@ -4319,23 +4402,24 @@
4319
4402
  "icon": "bar-chart-2"
4320
4403
  },
4321
4404
  {
4322
- "href": "/notes",
4405
+ "icon": "file-text",
4323
4406
  "label": "Notes",
4324
- "icon": "file-text"
4407
+ "href": "/notes"
4325
4408
  }
4326
4409
  ],
4410
+ "appName": "CRM",
4327
4411
  "children": [
4328
4412
  {
4329
- "type": "scaled-diagram",
4330
4413
  "children": [
4331
4414
  {
4332
- "gap": "lg",
4415
+ "direction": "vertical",
4416
+ "type": "stack",
4333
4417
  "children": [
4334
4418
  {
4335
4419
  "items": [
4336
4420
  {
4337
- "label": "Home",
4338
- "href": "/"
4421
+ "href": "/",
4422
+ "label": "Home"
4339
4423
  },
4340
4424
  {
4341
4425
  "label": "Pipeline"
@@ -4344,105 +4428,105 @@
4344
4428
  "type": "breadcrumb"
4345
4429
  },
4346
4430
  {
4431
+ "direction": "horizontal",
4347
4432
  "type": "stack",
4348
4433
  "justify": "between",
4349
4434
  "children": [
4350
4435
  {
4351
4436
  "type": "stack",
4352
4437
  "gap": "md",
4353
- "direction": "horizontal",
4354
4438
  "children": [
4355
4439
  {
4356
- "type": "icon",
4357
- "name": "bar-chart-2"
4440
+ "name": "bar-chart-2",
4441
+ "type": "icon"
4358
4442
  },
4359
4443
  {
4360
4444
  "type": "typography",
4361
- "variant": "h2",
4362
- "content": "Pipeline"
4445
+ "content": "Pipeline",
4446
+ "variant": "h2"
4363
4447
  }
4364
- ]
4448
+ ],
4449
+ "direction": "horizontal"
4365
4450
  },
4366
4451
  {
4367
- "label": "Refresh",
4368
- "variant": "secondary",
4369
4452
  "type": "button",
4370
4453
  "action": "REFRESH",
4371
- "icon": "refresh-cw"
4454
+ "label": "Refresh",
4455
+ "icon": "refresh-cw",
4456
+ "variant": "secondary"
4372
4457
  }
4373
4458
  ],
4374
- "direction": "horizontal",
4375
4459
  "gap": "md"
4376
4460
  },
4377
4461
  {
4378
4462
  "type": "divider"
4379
4463
  },
4380
4464
  {
4381
- "padding": "md",
4382
- "type": "box",
4383
4465
  "children": [
4384
4466
  {
4385
- "type": "simple-grid",
4386
- "cols": 3.0,
4387
4467
  "children": [
4388
4468
  {
4469
+ "value": "@entity.totalDeals",
4389
4470
  "type": "stat-display",
4390
- "label": "TotalDeals",
4391
- "value": "@entity.totalDeals"
4471
+ "label": "TotalDeals"
4392
4472
  },
4393
4473
  {
4394
- "label": "TotalValue",
4395
4474
  "value": "@entity.totalValue",
4396
- "type": "stat-display"
4475
+ "type": "stat-display",
4476
+ "label": "TotalValue"
4397
4477
  },
4398
4478
  {
4399
- "label": "WonDeals",
4479
+ "value": "@entity.wonDeals",
4400
4480
  "type": "stat-display",
4401
- "value": "@entity.wonDeals"
4481
+ "label": "WonDeals"
4402
4482
  },
4403
4483
  {
4404
- "label": "LostDeals",
4405
4484
  "type": "stat-display",
4406
- "value": "@entity.lostDeals"
4485
+ "value": "@entity.lostDeals",
4486
+ "label": "LostDeals"
4407
4487
  },
4408
4488
  {
4409
- "type": "stat-display",
4410
4489
  "value": "@entity.conversionRate",
4490
+ "type": "stat-display",
4411
4491
  "label": "ConversionRate"
4412
4492
  }
4413
- ]
4493
+ ],
4494
+ "type": "simple-grid",
4495
+ "cols": 3.0
4414
4496
  }
4415
- ]
4497
+ ],
4498
+ "padding": "md",
4499
+ "type": "box"
4416
4500
  },
4417
4501
  {
4418
4502
  "type": "divider"
4419
4503
  },
4420
4504
  {
4505
+ "cols": 2.0,
4421
4506
  "children": [
4422
4507
  {
4508
+ "type": "card",
4423
4509
  "children": [
4424
4510
  {
4425
- "variant": "caption",
4426
4511
  "type": "typography",
4512
+ "variant": "caption",
4427
4513
  "content": "Chart View"
4428
4514
  }
4429
- ],
4430
- "type": "card"
4515
+ ]
4431
4516
  },
4432
4517
  {
4518
+ "type": "card",
4433
4519
  "children": [
4434
4520
  {
4435
- "variant": "caption",
4436
4521
  "type": "typography",
4522
+ "variant": "caption",
4437
4523
  "content": "Graph View"
4438
4524
  }
4439
- ],
4440
- "type": "card"
4525
+ ]
4441
4526
  }
4442
4527
  ],
4443
- "cols": 2.0,
4444
- "type": "grid",
4445
- "gap": "md"
4528
+ "gap": "md",
4529
+ "type": "grid"
4446
4530
  },
4447
4531
  {
4448
4532
  "type": "line-chart",
@@ -4456,8 +4540,8 @@
4456
4540
  "date": "Feb"
4457
4541
  },
4458
4542
  {
4459
- "date": "Mar",
4460
- "value": 15.0
4543
+ "value": 15.0,
4544
+ "date": "Mar"
4461
4545
  },
4462
4546
  {
4463
4547
  "date": "Apr",
@@ -4481,45 +4565,45 @@
4481
4565
  "label": "Current"
4482
4566
  },
4483
4567
  {
4484
- "color": "muted",
4485
- "label": "Previous"
4568
+ "label": "Previous",
4569
+ "color": "muted"
4486
4570
  }
4487
4571
  ]
4488
4572
  },
4489
4573
  {
4490
- "type": "graph-view",
4491
4574
  "edges": [
4492
4575
  {
4493
- "target": "b",
4494
- "source": "a"
4576
+ "source": "a",
4577
+ "target": "b"
4495
4578
  },
4496
4579
  {
4497
- "target": "c",
4498
- "source": "b"
4580
+ "source": "b",
4581
+ "target": "c"
4499
4582
  }
4500
4583
  ],
4501
- "height": 200.0,
4502
4584
  "nodes": [
4503
4585
  {
4504
4586
  "id": "a",
4505
4587
  "label": "Start"
4506
4588
  },
4507
4589
  {
4508
- "label": "Process",
4509
- "id": "b"
4590
+ "id": "b",
4591
+ "label": "Process"
4510
4592
  },
4511
4593
  {
4512
4594
  "id": "c",
4513
4595
  "label": "End"
4514
4596
  }
4515
4597
  ],
4516
- "width": 400.0
4598
+ "type": "graph-view",
4599
+ "width": 400.0,
4600
+ "height": 200.0
4517
4601
  }
4518
4602
  ],
4519
- "direction": "vertical",
4520
- "type": "stack"
4603
+ "gap": "lg"
4521
4604
  }
4522
- ]
4605
+ ],
4606
+ "type": "scaled-diagram"
4523
4607
  }
4524
4608
  ]
4525
4609
  }
@@ -4545,13 +4629,15 @@
4545
4629
  "render-ui",
4546
4630
  "main",
4547
4631
  {
4632
+ "type": "dashboard-layout",
4548
4633
  "appName": "CRM",
4549
4634
  "children": [
4550
4635
  {
4551
- "type": "scaled-diagram",
4552
4636
  "children": [
4553
4637
  {
4554
4638
  "type": "stack",
4639
+ "direction": "vertical",
4640
+ "gap": "lg",
4555
4641
  "children": [
4556
4642
  {
4557
4643
  "type": "breadcrumb",
@@ -4568,87 +4654,88 @@
4568
4654
  {
4569
4655
  "children": [
4570
4656
  {
4657
+ "direction": "horizontal",
4658
+ "type": "stack",
4571
4659
  "gap": "md",
4572
4660
  "children": [
4573
4661
  {
4574
- "name": "bar-chart-2",
4575
- "type": "icon"
4662
+ "type": "icon",
4663
+ "name": "bar-chart-2"
4576
4664
  },
4577
4665
  {
4578
- "type": "typography",
4666
+ "content": "Pipeline",
4579
4667
  "variant": "h2",
4580
- "content": "Pipeline"
4668
+ "type": "typography"
4581
4669
  }
4582
- ],
4583
- "direction": "horizontal",
4584
- "type": "stack"
4670
+ ]
4585
4671
  },
4586
4672
  {
4587
- "icon": "refresh-cw",
4673
+ "variant": "secondary",
4588
4674
  "action": "REFRESH",
4589
4675
  "type": "button",
4590
- "label": "Refresh",
4591
- "variant": "secondary"
4676
+ "icon": "refresh-cw",
4677
+ "label": "Refresh"
4592
4678
  }
4593
4679
  ],
4594
- "gap": "md",
4595
4680
  "type": "stack",
4596
4681
  "direction": "horizontal",
4597
- "justify": "between"
4682
+ "justify": "between",
4683
+ "gap": "md"
4598
4684
  },
4599
4685
  {
4600
4686
  "type": "divider"
4601
4687
  },
4602
4688
  {
4603
- "padding": "md",
4604
- "type": "box",
4605
4689
  "children": [
4606
4690
  {
4607
- "type": "simple-grid",
4608
4691
  "cols": 3.0,
4609
4692
  "children": [
4610
4693
  {
4611
- "value": "@entity.totalDeals",
4612
4694
  "label": "TotalDeals",
4695
+ "value": "@entity.totalDeals",
4613
4696
  "type": "stat-display"
4614
4697
  },
4615
4698
  {
4616
- "value": "@entity.totalValue",
4617
4699
  "label": "TotalValue",
4700
+ "value": "@entity.totalValue",
4618
4701
  "type": "stat-display"
4619
4702
  },
4620
4703
  {
4704
+ "type": "stat-display",
4621
4705
  "label": "WonDeals",
4622
- "value": "@entity.wonDeals",
4623
- "type": "stat-display"
4706
+ "value": "@entity.wonDeals"
4624
4707
  },
4625
4708
  {
4626
4709
  "label": "LostDeals",
4627
- "type": "stat-display",
4628
- "value": "@entity.lostDeals"
4710
+ "value": "@entity.lostDeals",
4711
+ "type": "stat-display"
4629
4712
  },
4630
4713
  {
4631
- "type": "stat-display",
4632
4714
  "label": "ConversionRate",
4633
- "value": "@entity.conversionRate"
4715
+ "value": "@entity.conversionRate",
4716
+ "type": "stat-display"
4634
4717
  }
4635
- ]
4718
+ ],
4719
+ "type": "simple-grid"
4636
4720
  }
4637
- ]
4721
+ ],
4722
+ "type": "box",
4723
+ "padding": "md"
4638
4724
  },
4639
4725
  {
4640
4726
  "type": "divider"
4641
4727
  },
4642
4728
  {
4643
- "gap": "md",
4729
+ "type": "grid",
4730
+ "cols": 2.0,
4644
4731
  "children": [
4645
4732
  {
4646
4733
  "type": "card",
4647
4734
  "children": [
4648
4735
  {
4649
- "variant": "caption",
4650
4736
  "content": "Chart View",
4651
- "type": "typography"
4737
+ "type": "typography",
4738
+ "variant": "caption"
4652
4739
  }
4653
4740
  ]
4654
4741
  },
@@ -4663,11 +4750,9 @@
4663
4750
  "type": "card"
4664
4751
  }
4665
4752
  ],
4666
- "cols": 2.0,
4667
- "type": "grid"
4753
+ "gap": "md"
4668
4754
  },
4669
4755
  {
4670
- "type": "line-chart",
4671
4756
  "data": [
4672
4757
  {
4673
4758
  "date": "Jan",
@@ -4693,73 +4778,72 @@
4693
4778
  "date": "Jun",
4694
4779
  "value": 30.0
4695
4780
  }
4696
- ]
4781
+ ],
4782
+ "type": "line-chart"
4697
4783
  },
4698
4784
  {
4785
+ "type": "chart-legend",
4699
4786
  "items": [
4700
4787
  {
4701
- "label": "Current",
4702
- "color": "primary"
4788
+ "color": "primary",
4789
+ "label": "Current"
4703
4790
  },
4704
4791
  {
4705
- "label": "Previous",
4706
- "color": "muted"
4792
+ "color": "muted",
4793
+ "label": "Previous"
4707
4794
  }
4708
- ],
4709
- "type": "chart-legend"
4795
+ ]
4710
4796
  },
4711
4797
  {
4712
- "width": 400.0,
4713
- "edges": [
4798
+ "nodes": [
4714
4799
  {
4715
- "target": "b",
4716
- "source": "a"
4800
+ "id": "a",
4801
+ "label": "Start"
4717
4802
  },
4718
4803
  {
4719
- "source": "b",
4720
- "target": "c"
4804
+ "id": "b",
4805
+ "label": "Process"
4806
+ },
4807
+ {
4808
+ "id": "c",
4809
+ "label": "End"
4721
4810
  }
4722
4811
  ],
4723
4812
  "type": "graph-view",
4724
4813
  "height": 200.0,
4725
- "nodes": [
4726
- {
4727
- "label": "Start",
4728
- "id": "a"
4729
- },
4814
+ "width": 400.0,
4815
+ "edges": [
4730
4816
  {
4731
- "label": "Process",
4732
- "id": "b"
4817
+ "target": "b",
4818
+ "source": "a"
4733
4819
  },
4734
4820
  {
4735
- "label": "End",
4736
- "id": "c"
4821
+ "source": "b",
4822
+ "target": "c"
4737
4823
  }
4738
4824
  ]
4739
4825
  }
4740
- ],
4741
- "gap": "lg",
4742
- "direction": "vertical"
4826
+ ]
4743
4827
  }
4744
- ]
4828
+ ],
4829
+ "type": "scaled-diagram"
4745
4830
  }
4746
4831
  ],
4747
- "type": "dashboard-layout",
4748
4832
  "navItems": [
4749
4833
  {
4750
- "href": "/contacts",
4834
+ "label": "Contacts",
4751
4835
  "icon": "users",
4752
- "label": "Contacts"
4836
+ "href": "/contacts"
4753
4837
  },
4754
4838
  {
4755
4839
  "label": "Deals",
4756
- "icon": "briefcase",
4757
- "href": "/deals"
4840
+ "href": "/deals",
4841
+ "icon": "briefcase"
4758
4842
  },
4759
4843
  {
4844
+ "label": "Pipeline",
4760
4845
  "href": "/pipeline",
4761
- "icon": "bar-chart-2",
4762
- "label": "Pipeline"
4846
+ "icon": "bar-chart-2"
4763
4847
  },
4764
4848
  {
4765
4849
  "label": "Notes",
@@ -4781,8 +4865,8 @@
4781
4865
  "Pipeline",
4782
4866
  {
4783
4867
  "emit": {
4784
- "failure": "PipelineLoadFailed",
4785
- "success": "PipelineLoaded"
4868
+ "success": "PipelineLoaded",
4869
+ "failure": "PipelineLoadFailed"
4786
4870
  }
4787
4871
  }
4788
4872
  ],
@@ -4790,17 +4874,18 @@
4790
4874
  "render-ui",
4791
4875
  "main",
4792
4876
  {
4877
+ "type": "dashboard-layout",
4793
4878
  "appName": "CRM",
4794
4879
  "navItems": [
4795
4880
  {
4796
- "href": "/contacts",
4881
+ "icon": "users",
4797
4882
  "label": "Contacts",
4798
- "icon": "users"
4883
+ "href": "/contacts"
4799
4884
  },
4800
4885
  {
4886
+ "label": "Deals",
4801
4887
  "icon": "briefcase",
4802
- "href": "/deals",
4803
- "label": "Deals"
4888
+ "href": "/deals"
4804
4889
  },
4805
4890
  {
4806
4891
  "icon": "bar-chart-2",
@@ -4808,17 +4893,19 @@
4808
4893
  "label": "Pipeline"
4809
4894
  },
4810
4895
  {
4811
- "href": "/notes",
4812
4896
  "icon": "file-text",
4897
+ "href": "/notes",
4813
4898
  "label": "Notes"
4814
4899
  }
4815
4900
  ],
4816
- "type": "dashboard-layout",
4817
4901
  "children": [
4818
4902
  {
4819
4903
  "type": "scaled-diagram",
4820
4904
  "children": [
4821
4905
  {
4906
+ "direction": "vertical",
4907
+ "gap": "lg",
4908
+ "type": "stack",
4822
4909
  "children": [
4823
4910
  {
4824
4911
  "type": "breadcrumb",
@@ -4833,35 +4920,35 @@
4833
4920
  ]
4834
4921
  },
4835
4922
  {
4836
- "justify": "between",
4923
+ "type": "stack",
4924
+ "direction": "horizontal",
4837
4925
  "gap": "md",
4926
+ "justify": "between",
4838
4927
  "children": [
4839
4928
  {
4840
- "gap": "md",
4841
- "type": "stack",
4929
+ "direction": "horizontal",
4842
4930
  "children": [
4843
4931
  {
4844
4932
  "name": "bar-chart-2",
4845
4933
  "type": "icon"
4846
4934
  },
4847
4935
  {
4848
- "type": "typography",
4936
+ "content": "Pipeline",
4849
4937
  "variant": "h2",
4850
- "content": "Pipeline"
4938
+ "type": "typography"
4851
4939
  }
4852
4940
  ],
4853
- "direction": "horizontal"
4941
+ "type": "stack",
4942
+ "gap": "md"
4854
4943
  },
4855
4944
  {
4856
- "label": "Refresh",
4857
4945
  "icon": "refresh-cw",
4946
+ "label": "Refresh",
4858
4947
  "action": "REFRESH",
4859
- "variant": "secondary",
4860
- "type": "button"
4948
+ "type": "button",
4949
+ "variant": "secondary"
4861
4950
  }
4862
- ],
4863
- "direction": "horizontal",
4864
- "type": "stack"
4951
+ ]
4865
4952
  },
4866
4953
  {
4867
4954
  "type": "divider"
@@ -4869,71 +4956,72 @@
4869
4956
  {
4870
4957
  "children": [
4871
4958
  {
4959
+ "cols": 3.0,
4872
4960
  "children": [
4873
4961
  {
4874
- "label": "TotalDeals",
4875
4962
  "value": "@entity.totalDeals",
4876
- "type": "stat-display"
4963
+ "type": "stat-display",
4964
+ "label": "TotalDeals"
4877
4965
  },
4878
4966
  {
4879
- "label": "TotalValue",
4880
4967
  "type": "stat-display",
4881
- "value": "@entity.totalValue"
4968
+ "value": "@entity.totalValue",
4969
+ "label": "TotalValue"
4882
4970
  },
4883
4971
  {
4884
- "value": "@entity.wonDeals",
4972
+ "label": "WonDeals",
4885
4973
  "type": "stat-display",
4886
- "label": "WonDeals"
4974
+ "value": "@entity.wonDeals"
4887
4975
  },
4888
4976
  {
4977
+ "type": "stat-display",
4889
4978
  "label": "LostDeals",
4890
- "value": "@entity.lostDeals",
4891
- "type": "stat-display"
4979
+ "value": "@entity.lostDeals"
4892
4980
  },
4893
4981
  {
4894
4982
  "value": "@entity.conversionRate",
4895
- "type": "stat-display",
4896
- "label": "ConversionRate"
4983
+ "label": "ConversionRate",
4984
+ "type": "stat-display"
4897
4985
  }
4898
4986
  ],
4899
- "cols": 3.0,
4900
4987
  "type": "simple-grid"
4901
4988
  }
4902
4989
  ],
4903
- "padding": "md",
4904
- "type": "box"
4990
+ "type": "box",
4991
+ "padding": "md"
4905
4992
  },
4906
4993
  {
4907
4994
  "type": "divider"
4908
4995
  },
4909
4996
  {
4910
4997
  "type": "grid",
4911
- "gap": "md",
4912
4998
  "cols": 2.0,
4913
4999
  "children": [
4914
5000
  {
4915
- "type": "card",
4916
5001
  "children": [
4917
5002
  {
4918
5003
  "type": "typography",
4919
- "content": "Chart View",
4920
- "variant": "caption"
5004
+ "variant": "caption",
5005
+ "content": "Chart View"
4921
5006
  }
4922
- ]
5007
+ ],
5008
+ "type": "card"
4923
5009
  },
4924
5010
  {
4925
5011
  "type": "card",
4926
5012
  "children": [
4927
5013
  {
4928
5014
  "type": "typography",
4929
- "content": "Graph View",
4930
- "variant": "caption"
5015
+ "variant": "caption",
5016
+ "content": "Graph View"
4931
5017
  }
4932
5018
  ]
4933
5019
  }
4934
- ]
5020
+ ],
5021
+ "gap": "md"
4935
5022
  },
4936
5023
  {
5024
+ "type": "line-chart",
4937
5025
  "data": [
4938
5026
  {
4939
5027
  "date": "Jan",
@@ -4944,38 +5032,38 @@
4944
5032
  "value": 19.0
4945
5033
  },
4946
5034
  {
4947
- "value": 15.0,
4948
- "date": "Mar"
5035
+ "date": "Mar",
5036
+ "value": 15.0
4949
5037
  },
4950
5038
  {
4951
- "value": 25.0,
4952
- "date": "Apr"
5039
+ "date": "Apr",
5040
+ "value": 25.0
4953
5041
  },
4954
5042
  {
4955
- "value": 22.0,
4956
- "date": "May"
5043
+ "date": "May",
5044
+ "value": 22.0
4957
5045
  },
4958
5046
  {
4959
- "value": 30.0,
4960
- "date": "Jun"
5047
+ "date": "Jun",
5048
+ "value": 30.0
4961
5049
  }
4962
- ],
4963
- "type": "line-chart"
5050
+ ]
4964
5051
  },
4965
5052
  {
4966
5053
  "type": "chart-legend",
4967
5054
  "items": [
4968
5055
  {
4969
- "label": "Current",
4970
- "color": "primary"
5056
+ "color": "primary",
5057
+ "label": "Current"
4971
5058
  },
4972
5059
  {
4973
- "color": "muted",
4974
- "label": "Previous"
5060
+ "label": "Previous",
5061
+ "color": "muted"
4975
5062
  }
4976
5063
  ]
4977
5064
  },
4978
5065
  {
5066
+ "width": 400.0,
4979
5067
  "type": "graph-view",
4980
5068
  "nodes": [
4981
5069
  {
@@ -4983,31 +5071,27 @@
4983
5071
  "id": "a"
4984
5072
  },
4985
5073
  {
4986
- "id": "b",
4987
- "label": "Process"
5074
+ "label": "Process",
5075
+ "id": "b"
4988
5076
  },
4989
5077
  {
4990
- "id": "c",
4991
- "label": "End"
5078
+ "label": "End",
5079
+ "id": "c"
4992
5080
  }
4993
5081
  ],
5082
+ "height": 200.0,
4994
5083
  "edges": [
4995
5084
  {
4996
- "source": "a",
4997
- "target": "b"
5085
+ "target": "b",
5086
+ "source": "a"
4998
5087
  },
4999
5088
  {
5000
5089
  "source": "b",
5001
5090
  "target": "c"
5002
5091
  }
5003
- ],
5004
- "width": 400.0,
5005
- "height": 200.0
5092
+ ]
5006
5093
  }
5007
- ],
5008
- "gap": "lg",
5009
- "type": "stack",
5010
- "direction": "vertical"
5094
+ ]
5011
5095
  }
5012
5096
  ]
5013
5097
  }
@@ -5153,8 +5237,8 @@
5153
5237
  "Note",
5154
5238
  {
5155
5239
  "emit": {
5156
- "success": "NoteLoaded",
5157
- "failure": "NoteLoadFailed"
5240
+ "failure": "NoteLoadFailed",
5241
+ "success": "NoteLoaded"
5158
5242
  }
5159
5243
  }
5160
5244
  ],
@@ -5162,19 +5246,19 @@
5162
5246
  "render-ui",
5163
5247
  "main",
5164
5248
  {
5249
+ "align": "center",
5250
+ "direction": "vertical",
5165
5251
  "gap": "md",
5166
5252
  "type": "stack",
5167
- "align": "center",
5168
5253
  "className": "py-12",
5169
- "direction": "vertical",
5170
5254
  "children": [
5171
5255
  {
5172
5256
  "type": "spinner"
5173
5257
  },
5174
5258
  {
5259
+ "color": "muted",
5175
5260
  "variant": "caption",
5176
5261
  "type": "typography",
5177
- "color": "muted",
5178
5262
  "content": "Loading…"
5179
5263
  }
5180
5264
  ]
@@ -5191,42 +5275,44 @@
5191
5275
  "render-ui",
5192
5276
  "main",
5193
5277
  {
5278
+ "appName": "CRM",
5279
+ "type": "dashboard-layout",
5194
5280
  "navItems": [
5195
5281
  {
5196
- "href": "/contacts",
5197
5282
  "icon": "users",
5283
+ "href": "/contacts",
5198
5284
  "label": "Contacts"
5199
5285
  },
5200
5286
  {
5287
+ "href": "/deals",
5201
5288
  "label": "Deals",
5202
- "icon": "briefcase",
5203
- "href": "/deals"
5289
+ "icon": "briefcase"
5204
5290
  },
5205
5291
  {
5206
- "label": "Pipeline",
5207
5292
  "href": "/pipeline",
5293
+ "label": "Pipeline",
5208
5294
  "icon": "bar-chart-2"
5209
5295
  },
5210
5296
  {
5297
+ "icon": "file-text",
5211
5298
  "label": "Notes",
5212
- "href": "/notes",
5213
- "icon": "file-text"
5299
+ "href": "/notes"
5214
5300
  }
5215
5301
  ],
5216
- "appName": "CRM",
5217
- "type": "dashboard-layout",
5218
5302
  "children": [
5219
5303
  {
5220
- "gap": "lg",
5221
- "className": "max-w-5xl mx-auto w-full",
5222
5304
  "children": [
5223
5305
  {
5306
+ "direction": "horizontal",
5307
+ "justify": "between",
5308
+ "type": "stack",
5224
5309
  "align": "center",
5310
+ "gap": "md",
5225
5311
  "children": [
5226
5312
  {
5313
+ "direction": "horizontal",
5227
5314
  "gap": "sm",
5228
5315
  "type": "stack",
5229
- "direction": "horizontal",
5230
5316
  "align": "center",
5231
5317
  "children": [
5232
5318
  {
@@ -5234,67 +5320,65 @@
5234
5320
  "type": "icon"
5235
5321
  },
5236
5322
  {
5237
- "content": "Notes",
5238
5323
  "variant": "h2",
5239
- "type": "typography"
5324
+ "type": "typography",
5325
+ "content": "Notes"
5240
5326
  }
5241
5327
  ]
5242
5328
  },
5243
5329
  {
5244
5330
  "children": [
5245
5331
  {
5246
- "label": "Compose",
5247
- "icon": "edit",
5248
- "variant": "primary",
5249
5332
  "action": "COMPOSE",
5250
- "type": "button"
5333
+ "variant": "primary",
5334
+ "label": "Compose",
5335
+ "type": "button",
5336
+ "icon": "edit"
5251
5337
  }
5252
5338
  ],
5253
- "type": "stack",
5339
+ "gap": "sm",
5254
5340
  "direction": "horizontal",
5255
- "gap": "sm"
5341
+ "type": "stack"
5256
5342
  }
5257
- ],
5258
- "gap": "md",
5259
- "justify": "between",
5260
- "type": "stack",
5261
- "direction": "horizontal"
5343
+ ]
5262
5344
  },
5263
5345
  {
5264
5346
  "type": "divider"
5265
5347
  },
5266
5348
  {
5267
- "type": "data-list",
5268
- "entity": "@payload.data",
5269
- "fields": [],
5270
- "variant": "card",
5271
5349
  "gap": "sm",
5350
+ "variant": "card",
5272
5351
  "columns": [
5273
5352
  {
5353
+ "name": "subject",
5274
5354
  "variant": "h4",
5275
- "icon": "file-text",
5276
- "name": "subject"
5355
+ "icon": "file-text"
5277
5356
  },
5278
5357
  {
5279
- "variant": "caption",
5280
- "name": "author"
5358
+ "name": "author",
5359
+ "variant": "caption"
5281
5360
  },
5282
5361
  {
5283
- "name": "createdAt",
5362
+ "format": "date",
5284
5363
  "variant": "caption",
5285
- "format": "date"
5364
+ "name": "createdAt"
5286
5365
  }
5287
5366
  ],
5367
+ "type": "data-list",
5368
+ "fields": [],
5369
+ "entity": "@payload.data",
5288
5370
  "itemActions": [
5289
5371
  {
5290
- "event": "VIEW",
5291
5372
  "variant": "ghost",
5292
- "label": "View"
5373
+ "label": "View",
5374
+ "event": "VIEW"
5293
5375
  }
5294
5376
  ]
5295
5377
  }
5296
5378
  ],
5297
5379
  "direction": "vertical",
5380
+ "className": "max-w-5xl mx-auto w-full",
5381
+ "gap": "lg",
5298
5382
  "type": "stack"
5299
5383
  }
5300
5384
  ]
@@ -5311,11 +5395,12 @@
5311
5395
  "render-ui",
5312
5396
  "main",
5313
5397
  {
5398
+ "align": "center",
5314
5399
  "children": [
5315
5400
  {
5401
+ "color": "destructive",
5316
5402
  "type": "icon",
5317
- "name": "alert-triangle",
5318
- "color": "destructive"
5403
+ "name": "alert-triangle"
5319
5404
  },
5320
5405
  {
5321
5406
  "content": "Failed to load note",
@@ -5323,24 +5408,23 @@
5323
5408
  "type": "typography"
5324
5409
  },
5325
5410
  {
5326
- "type": "typography",
5327
5411
  "variant": "body",
5328
- "color": "muted",
5329
- "content": "@payload.error"
5412
+ "type": "typography",
5413
+ "content": "@payload.error",
5414
+ "color": "muted"
5330
5415
  },
5331
5416
  {
5332
5417
  "label": "Retry",
5333
- "icon": "rotate-ccw",
5418
+ "action": "INIT",
5334
5419
  "variant": "primary",
5335
5420
  "type": "button",
5336
- "action": "INIT"
5421
+ "icon": "rotate-ccw"
5337
5422
  }
5338
5423
  ],
5339
- "type": "stack",
5340
5424
  "gap": "md",
5341
- "align": "center",
5342
5425
  "className": "py-12",
5343
- "direction": "vertical"
5426
+ "direction": "vertical",
5427
+ "type": "stack"
5344
5428
  }
5345
5429
  ]
5346
5430
  ]
@@ -5497,8 +5581,14 @@
5497
5581
  "event": "INIT",
5498
5582
  "effects": [
5499
5583
  [
5500
- "ref",
5501
- "Note"
5584
+ "fetch",
5585
+ "Note",
5586
+ {
5587
+ "emit": {
5588
+ "failure": "NoteLoadFailed",
5589
+ "success": "NoteLoaded"
5590
+ }
5591
+ }
5502
5592
  ]
5503
5593
  ]
5504
5594
  },
@@ -5512,40 +5602,40 @@
5512
5602
  "modal",
5513
5603
  {
5514
5604
  "gap": "md",
5605
+ "type": "stack",
5515
5606
  "direction": "vertical",
5516
5607
  "children": [
5517
5608
  {
5609
+ "type": "stack",
5518
5610
  "gap": "sm",
5611
+ "direction": "horizontal",
5519
5612
  "children": [
5520
5613
  {
5521
- "name": "edit",
5522
- "type": "icon"
5614
+ "type": "icon",
5615
+ "name": "edit"
5523
5616
  },
5524
5617
  {
5525
5618
  "type": "typography",
5526
5619
  "content": "New Note",
5527
5620
  "variant": "h3"
5528
5621
  }
5529
- ],
5530
- "direction": "horizontal",
5531
- "type": "stack"
5622
+ ]
5532
5623
  },
5533
5624
  {
5534
5625
  "type": "divider"
5535
5626
  },
5536
5627
  {
5537
- "mode": "create",
5538
- "cancelEvent": "CLOSE",
5539
- "submitEvent": "SEND",
5540
5628
  "type": "form-section",
5629
+ "submitEvent": "SEND",
5630
+ "cancelEvent": "CLOSE",
5541
5631
  "fields": [
5542
5632
  "subject",
5543
5633
  "body",
5544
5634
  "author"
5545
- ]
5635
+ ],
5636
+ "mode": "create"
5546
5637
  }
5547
- ],
5548
- "type": "stack"
5638
+ ]
5549
5639
  }
5550
5640
  ]
5551
5641
  ]
@@ -5706,8 +5796,14 @@
5706
5796
  "event": "INIT",
5707
5797
  "effects": [
5708
5798
  [
5709
- "ref",
5710
- "Note"
5799
+ "fetch",
5800
+ "Note",
5801
+ {
5802
+ "emit": {
5803
+ "failure": "NoteLoadFailed",
5804
+ "success": "NoteLoaded"
5805
+ }
5806
+ }
5711
5807
  ]
5712
5808
  ]
5713
5809
  },
@@ -5720,76 +5816,77 @@
5720
5816
  "fetch",
5721
5817
  "Note",
5722
5818
  {
5723
- "id": "@payload.id",
5724
5819
  "emit": {
5725
- "success": "NoteLoaded",
5726
- "failure": "NoteLoadFailed"
5727
- }
5820
+ "failure": "NoteLoadFailed",
5821
+ "success": "NoteLoaded"
5822
+ },
5823
+ "id": "@payload.id"
5728
5824
  }
5729
5825
  ],
5730
5826
  [
5731
5827
  "render-ui",
5732
5828
  "modal",
5733
5829
  {
5830
+ "type": "stack",
5831
+ "direction": "vertical",
5734
5832
  "children": [
5735
5833
  {
5834
+ "direction": "horizontal",
5835
+ "type": "stack",
5836
+ "gap": "sm",
5736
5837
  "children": [
5737
5838
  {
5738
- "name": "eye",
5739
- "type": "icon"
5839
+ "type": "icon",
5840
+ "name": "eye"
5740
5841
  },
5741
5842
  {
5742
5843
  "variant": "h3",
5743
- "type": "typography",
5744
- "content": "@entity.subject"
5844
+ "content": "@entity.subject",
5845
+ "type": "typography"
5745
5846
  }
5746
5847
  ],
5747
- "direction": "horizontal",
5748
- "gap": "sm",
5749
- "align": "center",
5750
- "type": "stack"
5848
+ "align": "center"
5751
5849
  },
5752
5850
  {
5753
5851
  "type": "divider"
5754
5852
  },
5755
5853
  {
5756
- "direction": "horizontal",
5854
+ "gap": "md",
5757
5855
  "children": [
5758
5856
  {
5759
- "type": "typography",
5857
+ "variant": "caption",
5760
5858
  "content": "Subject",
5761
- "variant": "caption"
5859
+ "type": "typography"
5762
5860
  },
5763
5861
  {
5764
- "type": "typography",
5765
5862
  "content": "@entity.subject",
5766
- "variant": "body"
5863
+ "variant": "body",
5864
+ "type": "typography"
5767
5865
  }
5768
5866
  ],
5769
- "type": "stack",
5770
- "gap": "md"
5867
+ "direction": "horizontal",
5868
+ "type": "stack"
5771
5869
  },
5772
5870
  {
5773
5871
  "type": "stack",
5774
- "gap": "md",
5775
5872
  "direction": "horizontal",
5776
5873
  "children": [
5777
5874
  {
5778
- "variant": "caption",
5875
+ "type": "typography",
5779
5876
  "content": "Body",
5780
- "type": "typography"
5877
+ "variant": "caption"
5781
5878
  },
5782
5879
  {
5783
5880
  "type": "typography",
5784
5881
  "variant": "body",
5785
5882
  "content": "@entity.body"
5786
5883
  }
5787
- ]
5884
+ ],
5885
+ "gap": "md"
5788
5886
  },
5789
5887
  {
5790
5888
  "gap": "md",
5791
5889
  "type": "stack",
5792
- "direction": "horizontal",
5793
5890
  "children": [
5794
5891
  {
5795
5892
  "type": "typography",
@@ -5797,16 +5894,16 @@
5797
5894
  "content": "Author"
5798
5895
  },
5799
5896
  {
5800
- "content": "@entity.author",
5801
5897
  "type": "typography",
5802
- "variant": "body"
5898
+ "variant": "body",
5899
+ "content": "@entity.author"
5803
5900
  }
5804
- ]
5901
+ ],
5902
+ "direction": "horizontal"
5805
5903
  },
5806
5904
  {
5807
5905
  "direction": "horizontal",
5808
5906
  "type": "stack",
5809
- "gap": "md",
5810
5907
  "children": [
5811
5908
  {
5812
5909
  "variant": "caption",
@@ -5818,29 +5915,28 @@
5818
5915
  "type": "typography",
5819
5916
  "content": "@entity.createdAt"
5820
5917
  }
5821
- ]
5918
+ ],
5919
+ "gap": "md"
5822
5920
  },
5823
5921
  {
5824
5922
  "type": "divider"
5825
5923
  },
5826
5924
  {
5827
- "type": "stack",
5828
5925
  "justify": "end",
5829
- "direction": "horizontal",
5830
- "gap": "sm",
5926
+ "type": "stack",
5831
5927
  "children": [
5832
5928
  {
5833
5929
  "type": "button",
5834
- "variant": "ghost",
5930
+ "action": "CLOSE",
5835
5931
  "label": "Close",
5836
- "action": "CLOSE"
5932
+ "variant": "ghost"
5837
5933
  }
5838
- ]
5934
+ ],
5935
+ "gap": "sm",
5936
+ "direction": "horizontal"
5839
5937
  }
5840
5938
  ],
5841
- "direction": "vertical",
5842
- "gap": "md",
5843
- "type": "stack"
5939
+ "gap": "md"
5844
5940
  }
5845
5941
  ]
5846
5942
  ]