@almadar/std 8.2.0 → 8.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 (187) hide show
  1. package/behaviors/registry/agent/atoms/std-agent-activity-log.orb +74 -74
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +104 -98
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +126 -111
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +406 -400
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +87 -87
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +82 -82
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +120 -114
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +68 -68
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +126 -126
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +208 -208
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +342 -342
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +77 -76
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +181 -181
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +183 -183
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +139 -139
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +124 -124
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1124 -1124
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3064 -3064
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2165 -2165
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +917 -917
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +759 -759
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +827 -827
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1181 -1181
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +745 -745
  27. package/behaviors/registry/app/organisms/std-cms.orb +432 -432
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +378 -378
  29. package/behaviors/registry/app/organisms/std-crm.orb +813 -813
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1290 -1290
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +989 -989
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +575 -575
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1374 -1374
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +714 -714
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1175 -1175
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +834 -834
  37. package/behaviors/registry/app/organisms/std-lms.orb +858 -858
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +654 -654
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +720 -720
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +197 -197
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +744 -744
  42. package/behaviors/registry/core/atoms/std-browse.orb +64 -64
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +93 -93
  44. package/behaviors/registry/core/atoms/std-calendar.orb +52 -52
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +178 -178
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  47. package/behaviors/registry/core/atoms/std-display.orb +413 -413
  48. package/behaviors/registry/core/atoms/std-drawer.orb +61 -61
  49. package/behaviors/registry/core/atoms/std-filter.orb +50 -50
  50. package/behaviors/registry/core/atoms/std-gallery.orb +53 -53
  51. package/behaviors/registry/core/atoms/std-modal.orb +13 -31
  52. package/behaviors/registry/core/atoms/std-pagination.orb +48 -48
  53. package/behaviors/registry/core/atoms/std-push.orb +47 -47
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +176 -176
  55. package/behaviors/registry/core/atoms/std-related.orb +31 -31
  56. package/behaviors/registry/core/atoms/std-search.orb +75 -75
  57. package/behaviors/registry/core/atoms/std-selection.orb +91 -91
  58. package/behaviors/registry/core/atoms/std-tabs.orb +45 -45
  59. package/behaviors/registry/core/molecules/std-cart.orb +49 -49
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +8 -8
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +115 -115
  62. package/behaviors/registry/core/molecules/std-list.orb +58 -58
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +136 -136
  64. package/behaviors/registry/game/atoms/std-collision.orb +132 -132
  65. package/behaviors/registry/game/atoms/std-combat.orb +59 -59
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +49 -49
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +32 -32
  69. package/behaviors/registry/game/atoms/std-movement.orb +287 -287
  70. package/behaviors/registry/game/atoms/std-overworld.orb +64 -64
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +80 -80
  72. package/behaviors/registry/game/atoms/std-quest.orb +133 -133
  73. package/behaviors/registry/game/atoms/std-timer.orb +266 -275
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +78 -78
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +207 -207
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +103 -103
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +368 -368
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +331 -331
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +528 -528
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +15 -15
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +76 -76
  83. package/behaviors/registry/service/atoms/std-service-email.orb +78 -78
  84. package/behaviors/registry/service/atoms/std-service-github.orb +91 -91
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +107 -107
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +113 -113
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +101 -101
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +92 -92
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +113 -113
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +943 -943
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +965 -965
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +74 -74
  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 +104 -98
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +126 -111
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +406 -400
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +87 -87
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +82 -82
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +120 -114
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +68 -68
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +126 -126
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +208 -208
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +342 -342
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +77 -76
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +181 -181
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +183 -183
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +139 -139
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +124 -124
  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 +1124 -1124
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3064 -3064
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2165 -2165
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +917 -917
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +759 -759
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +827 -827
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1181 -1181
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +745 -745
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +432 -432
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +378 -378
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +813 -813
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1290 -1290
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +989 -989
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +575 -575
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1374 -1374
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +714 -714
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1175 -1175
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +834 -834
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +858 -858
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +654 -654
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +720 -720
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +197 -197
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +744 -744
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +64 -64
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +93 -93
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +52 -52
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +178 -178
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +413 -413
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +61 -61
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +50 -50
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +53 -53
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +13 -31
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +48 -48
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +47 -47
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +176 -176
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +31 -31
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +75 -75
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +91 -91
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +45 -45
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +49 -49
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +8 -8
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +115 -115
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +58 -58
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +136 -136
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +132 -132
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +59 -59
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +49 -49
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +32 -32
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +287 -287
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +64 -64
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +80 -80
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +133 -133
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +266 -275
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +78 -78
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +207 -207
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +103 -103
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +368 -368
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +331 -331
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +528 -528
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +15 -15
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +76 -76
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +78 -78
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +91 -91
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +107 -107
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +113 -113
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +101 -101
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +92 -92
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +113 -113
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +943 -943
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +965 -965
  187. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-crm.orb CHANGED
@@ -554,8 +554,8 @@
554
554
  "Contact",
555
555
  {
556
556
  "emit": {
557
- "success": "ContactLoaded",
558
- "failure": "ContactLoadFailed"
557
+ "failure": "ContactLoadFailed",
558
+ "success": "ContactLoaded"
559
559
  }
560
560
  }
561
561
  ],
@@ -563,21 +563,21 @@
563
563
  "render-ui",
564
564
  "main",
565
565
  {
566
+ "direction": "vertical",
566
567
  "gap": "md",
567
- "className": "py-12",
568
- "type": "stack",
569
568
  "children": [
570
569
  {
571
570
  "type": "spinner"
572
571
  },
573
572
  {
574
- "color": "muted",
575
- "variant": "caption",
576
573
  "content": "Loading…",
577
- "type": "typography"
574
+ "type": "typography",
575
+ "variant": "caption",
576
+ "color": "muted"
578
577
  }
579
578
  ],
580
- "direction": "vertical",
579
+ "className": "py-12",
580
+ "type": "stack",
581
581
  "align": "center"
582
582
  }
583
583
  ]
@@ -592,119 +592,96 @@
592
592
  "render-ui",
593
593
  "main",
594
594
  {
595
- "navItems": [
596
- {
597
- "icon": "users",
598
- "label": "Contacts",
599
- "href": "/contacts"
600
- },
601
- {
602
- "label": "Deals",
603
- "href": "/deals",
604
- "icon": "briefcase"
605
- },
606
- {
607
- "href": "/pipeline",
608
- "label": "Pipeline",
609
- "icon": "bar-chart-2"
610
- },
611
- {
612
- "label": "Notes",
613
- "icon": "file-text",
614
- "href": "/notes"
615
- }
616
- ],
617
- "type": "dashboard-layout",
618
- "appName": "CRM",
619
595
  "children": [
620
596
  {
597
+ "type": "stack",
621
598
  "direction": "vertical",
599
+ "className": "max-w-5xl mx-auto w-full",
600
+ "gap": "lg",
622
601
  "children": [
623
602
  {
603
+ "gap": "md",
624
604
  "type": "stack",
605
+ "direction": "horizontal",
606
+ "justify": "between",
607
+ "align": "center",
625
608
  "children": [
626
609
  {
627
610
  "gap": "sm",
611
+ "type": "stack",
612
+ "align": "center",
628
613
  "children": [
629
614
  {
630
- "type": "icon",
631
- "name": "users"
615
+ "name": "users",
616
+ "type": "icon"
632
617
  },
633
618
  {
634
619
  "type": "typography",
635
- "content": "Contacts",
636
- "variant": "h2"
620
+ "variant": "h2",
621
+ "content": "Contacts"
637
622
  }
638
623
  ],
639
- "direction": "horizontal",
640
- "type": "stack",
641
- "align": "center"
624
+ "direction": "horizontal"
642
625
  },
643
626
  {
644
- "direction": "horizontal",
645
627
  "gap": "sm",
646
628
  "type": "stack",
629
+ "direction": "horizontal",
647
630
  "children": [
648
631
  {
649
- "label": "Add Contact",
650
632
  "variant": "primary",
651
633
  "type": "button",
652
- "icon": "plus",
653
- "action": "CREATE"
634
+ "action": "CREATE",
635
+ "label": "Add Contact",
636
+ "icon": "plus"
654
637
  }
655
638
  ]
656
639
  }
657
- ],
658
- "direction": "horizontal",
659
- "gap": "md",
660
- "justify": "between",
661
- "align": "center"
640
+ ]
662
641
  },
663
642
  {
664
643
  "type": "divider"
665
644
  },
666
645
  {
667
646
  "cols": 1.0,
647
+ "type": "simple-grid",
668
648
  "children": [
669
649
  {
670
- "value": "@entity",
671
- "icon": "users",
650
+ "label": "Total Contacts",
672
651
  "type": "stat-display",
673
- "label": "Total Contacts"
652
+ "value": "@entity",
653
+ "icon": "users"
674
654
  }
675
- ],
676
- "type": "simple-grid"
655
+ ]
677
656
  },
678
657
  {
679
658
  "type": "divider"
680
659
  },
681
660
  {
661
+ "entity": "@payload.data",
662
+ "type": "data-list",
682
663
  "itemActions": [
683
664
  {
684
- "event": "VIEW",
685
665
  "variant": "ghost",
686
- "label": "View"
666
+ "label": "View",
667
+ "event": "VIEW"
687
668
  },
688
669
  {
689
- "variant": "ghost",
690
670
  "event": "EDIT",
691
- "label": "Edit"
671
+ "label": "Edit",
672
+ "variant": "ghost"
692
673
  },
693
674
  {
694
- "event": "DELETE",
695
675
  "variant": "danger",
676
+ "event": "DELETE",
696
677
  "label": "Delete"
697
678
  }
698
679
  ],
699
- "fields": [],
700
- "type": "data-list",
701
- "variant": "card",
702
- "entity": "@payload.data",
703
680
  "columns": [
704
681
  {
705
- "variant": "h3",
682
+ "name": "name",
706
683
  "icon": "user",
707
- "name": "name"
684
+ "variant": "h3"
708
685
  },
709
686
  {
710
687
  "name": "status",
@@ -715,22 +692,45 @@
715
692
  "variant": "body"
716
693
  },
717
694
  {
718
- "variant": "caption",
719
- "name": "email"
695
+ "name": "email",
696
+ "variant": "caption"
720
697
  },
721
698
  {
722
- "name": "phone",
723
- "variant": "caption"
699
+ "variant": "caption",
700
+ "name": "phone"
724
701
  }
725
702
  ],
726
- "gap": "sm"
703
+ "variant": "card",
704
+ "gap": "sm",
705
+ "fields": []
727
706
  }
728
- ],
729
- "type": "stack",
730
- "className": "max-w-5xl mx-auto w-full",
731
- "gap": "lg"
707
+ ]
732
708
  }
733
- ]
709
+ ],
710
+ "type": "dashboard-layout",
711
+ "navItems": [
712
+ {
713
+ "label": "Contacts",
714
+ "href": "/contacts",
715
+ "icon": "users"
716
+ },
717
+ {
718
+ "href": "/deals",
719
+ "label": "Deals",
720
+ "icon": "briefcase"
721
+ },
722
+ {
723
+ "href": "/pipeline",
724
+ "label": "Pipeline",
725
+ "icon": "bar-chart-2"
726
+ },
727
+ {
728
+ "icon": "file-text",
729
+ "label": "Notes",
730
+ "href": "/notes"
731
+ }
732
+ ],
733
+ "appName": "CRM"
734
734
  }
735
735
  ]
736
736
  ]
@@ -744,34 +744,34 @@
744
744
  "render-ui",
745
745
  "main",
746
746
  {
747
- "align": "center",
748
747
  "gap": "md",
749
- "direction": "vertical",
750
748
  "type": "stack",
749
+ "align": "center",
751
750
  "className": "py-12",
751
+ "direction": "vertical",
752
752
  "children": [
753
753
  {
754
- "name": "alert-triangle",
755
754
  "type": "icon",
755
+ "name": "alert-triangle",
756
756
  "color": "destructive"
757
757
  },
758
758
  {
759
- "variant": "h3",
760
759
  "type": "typography",
760
+ "variant": "h3",
761
761
  "content": "Failed to load contact"
762
762
  },
763
763
  {
764
- "variant": "body",
765
- "color": "muted",
766
764
  "type": "typography",
767
- "content": "@payload.error"
765
+ "content": "@payload.error",
766
+ "color": "muted",
767
+ "variant": "body"
768
768
  },
769
769
  {
770
770
  "type": "button",
771
- "variant": "primary",
772
771
  "action": "INIT",
773
- "icon": "rotate-ccw",
774
- "label": "Retry"
772
+ "variant": "primary",
773
+ "label": "Retry",
774
+ "icon": "rotate-ccw"
775
775
  }
776
776
  ]
777
777
  }
@@ -966,32 +966,29 @@
966
966
  "render-ui",
967
967
  "modal",
968
968
  {
969
- "gap": "md",
970
969
  "direction": "vertical",
970
+ "gap": "md",
971
971
  "children": [
972
972
  {
973
- "direction": "horizontal",
974
973
  "gap": "sm",
975
974
  "children": [
976
975
  {
977
- "name": "plus-circle",
978
- "type": "icon"
976
+ "type": "icon",
977
+ "name": "plus-circle"
979
978
  },
980
979
  {
981
980
  "type": "typography",
982
- "content": "New Contact",
983
- "variant": "h3"
981
+ "variant": "h3",
982
+ "content": "New Contact"
984
983
  }
985
984
  ],
986
- "type": "stack"
985
+ "type": "stack",
986
+ "direction": "horizontal"
987
987
  },
988
988
  {
989
989
  "type": "divider"
990
990
  },
991
991
  {
992
- "submitEvent": "SAVE",
993
- "mode": "create",
994
- "cancelEvent": "CLOSE",
995
992
  "fields": [
996
993
  "name",
997
994
  "company",
@@ -999,7 +996,10 @@
999
996
  "phone",
1000
997
  "status"
1001
998
  ],
1002
- "type": "form-section"
999
+ "submitEvent": "SAVE",
1000
+ "cancelEvent": "CLOSE",
1001
+ "type": "form-section",
1002
+ "mode": "create"
1003
1003
  }
1004
1004
  ],
1005
1005
  "type": "stack"
@@ -1043,8 +1043,8 @@
1043
1043
  "@payload.data",
1044
1044
  {
1045
1045
  "emit": {
1046
- "success": "ContactSaved",
1047
- "failure": "ContactSaveFailed"
1046
+ "failure": "ContactSaveFailed",
1047
+ "success": "ContactSaved"
1048
1048
  }
1049
1049
  }
1050
1050
  ],
@@ -1255,19 +1255,21 @@
1255
1255
  "fetch",
1256
1256
  "Contact",
1257
1257
  {
1258
+ "id": "@payload.id",
1258
1259
  "emit": {
1259
- "failure": "ContactLoadFailed",
1260
- "success": "ContactLoaded"
1261
- },
1262
- "id": "@payload.id"
1260
+ "success": "ContactLoaded",
1261
+ "failure": "ContactLoadFailed"
1262
+ }
1263
1263
  }
1264
1264
  ],
1265
1265
  [
1266
1266
  "render-ui",
1267
1267
  "modal",
1268
1268
  {
1269
+ "direction": "vertical",
1269
1270
  "children": [
1270
1271
  {
1272
+ "direction": "horizontal",
1271
1273
  "children": [
1272
1274
  {
1273
1275
  "name": "edit",
@@ -1275,18 +1277,21 @@
1275
1277
  },
1276
1278
  {
1277
1279
  "content": "Edit Contact",
1278
- "variant": "h3",
1279
- "type": "typography"
1280
+ "type": "typography",
1281
+ "variant": "h3"
1280
1282
  }
1281
1283
  ],
1282
- "direction": "horizontal",
1283
- "gap": "sm",
1284
- "type": "stack"
1284
+ "type": "stack",
1285
+ "gap": "sm"
1285
1286
  },
1286
1287
  {
1287
1288
  "type": "divider"
1288
1289
  },
1289
1290
  {
1291
+ "mode": "edit",
1292
+ "submitEvent": "SAVE",
1293
+ "type": "form-section",
1294
+ "cancelEvent": "CLOSE",
1290
1295
  "entity": "@payload.row",
1291
1296
  "fields": [
1292
1297
  "name",
@@ -1294,16 +1299,11 @@
1294
1299
  "email",
1295
1300
  "phone",
1296
1301
  "status"
1297
- ],
1298
- "submitEvent": "SAVE",
1299
- "type": "form-section",
1300
- "mode": "edit",
1301
- "cancelEvent": "CLOSE"
1302
+ ]
1302
1303
  }
1303
1304
  ],
1304
- "type": "stack",
1305
- "direction": "vertical",
1306
- "gap": "md"
1305
+ "gap": "md",
1306
+ "type": "stack"
1307
1307
  }
1308
1308
  ]
1309
1309
  ]
@@ -1490,11 +1490,11 @@
1490
1490
  "fetch",
1491
1491
  "Contact",
1492
1492
  {
1493
- "id": "@payload.id",
1494
1493
  "emit": {
1495
- "failure": "ContactLoadFailed",
1496
- "success": "ContactLoaded"
1497
- }
1494
+ "success": "ContactLoaded",
1495
+ "failure": "ContactLoadFailed"
1496
+ },
1497
+ "id": "@payload.id"
1498
1498
  }
1499
1499
  ],
1500
1500
  [
@@ -1502,48 +1502,45 @@
1502
1502
  "modal",
1503
1503
  {
1504
1504
  "gap": "md",
1505
- "direction": "vertical",
1506
- "type": "stack",
1507
1505
  "children": [
1508
1506
  {
1509
- "gap": "sm",
1510
- "direction": "horizontal",
1511
1507
  "align": "center",
1508
+ "direction": "horizontal",
1509
+ "gap": "sm",
1510
+ "type": "stack",
1512
1511
  "children": [
1513
1512
  {
1514
1513
  "name": "eye",
1515
1514
  "type": "icon"
1516
1515
  },
1517
1516
  {
1518
- "variant": "h3",
1517
+ "content": "@entity.name",
1519
1518
  "type": "typography",
1520
- "content": "@entity.name"
1519
+ "variant": "h3"
1521
1520
  }
1522
- ],
1523
- "type": "stack"
1521
+ ]
1524
1522
  },
1525
1523
  {
1526
1524
  "type": "divider"
1527
1525
  },
1528
1526
  {
1529
1527
  "direction": "horizontal",
1530
- "gap": "md",
1531
- "type": "stack",
1532
1528
  "children": [
1533
1529
  {
1534
1530
  "content": "Name",
1535
- "type": "typography",
1536
- "variant": "caption"
1531
+ "variant": "caption",
1532
+ "type": "typography"
1537
1533
  },
1538
1534
  {
1539
1535
  "type": "typography",
1540
1536
  "variant": "body",
1541
1537
  "content": "@entity.name"
1542
1538
  }
1543
- ]
1539
+ ],
1540
+ "type": "stack",
1541
+ "gap": "md"
1544
1542
  },
1545
1543
  {
1546
- "type": "stack",
1547
1544
  "children": [
1548
1545
  {
1549
1546
  "content": "Company",
@@ -1551,56 +1548,56 @@
1551
1548
  "variant": "caption"
1552
1549
  },
1553
1550
  {
1554
- "variant": "body",
1555
1551
  "content": "@entity.company",
1552
+ "variant": "body",
1556
1553
  "type": "typography"
1557
1554
  }
1558
1555
  ],
1556
+ "direction": "horizontal",
1559
1557
  "gap": "md",
1560
- "direction": "horizontal"
1558
+ "type": "stack"
1561
1559
  },
1562
1560
  {
1561
+ "gap": "md",
1563
1562
  "children": [
1564
1563
  {
1565
- "variant": "caption",
1566
1564
  "type": "typography",
1565
+ "variant": "caption",
1567
1566
  "content": "Email"
1568
1567
  },
1569
1568
  {
1570
- "type": "typography",
1569
+ "variant": "body",
1571
1570
  "content": "@entity.email",
1572
- "variant": "body"
1571
+ "type": "typography"
1573
1572
  }
1574
1573
  ],
1575
- "direction": "horizontal",
1576
1574
  "type": "stack",
1577
- "gap": "md"
1575
+ "direction": "horizontal"
1578
1576
  },
1579
1577
  {
1580
1578
  "type": "stack",
1581
1579
  "gap": "md",
1580
+ "direction": "horizontal",
1582
1581
  "children": [
1583
1582
  {
1584
1583
  "type": "typography",
1585
- "variant": "caption",
1586
- "content": "Phone"
1584
+ "content": "Phone",
1585
+ "variant": "caption"
1587
1586
  },
1588
1587
  {
1589
- "type": "typography",
1588
+ "variant": "body",
1590
1589
  "content": "@entity.phone",
1591
- "variant": "body"
1590
+ "type": "typography"
1592
1591
  }
1593
- ],
1594
- "direction": "horizontal"
1592
+ ]
1595
1593
  },
1596
1594
  {
1597
- "type": "stack",
1598
1595
  "gap": "md",
1599
1596
  "children": [
1600
1597
  {
1601
1598
  "type": "typography",
1602
- "variant": "caption",
1603
- "content": "Status"
1599
+ "content": "Status",
1600
+ "variant": "caption"
1604
1601
  },
1605
1602
  {
1606
1603
  "type": "typography",
@@ -1608,33 +1605,36 @@
1608
1605
  "content": "@entity.status"
1609
1606
  }
1610
1607
  ],
1608
+ "type": "stack",
1611
1609
  "direction": "horizontal"
1612
1610
  },
1613
1611
  {
1614
1612
  "type": "divider"
1615
1613
  },
1616
1614
  {
1617
- "gap": "sm",
1615
+ "direction": "horizontal",
1618
1616
  "type": "stack",
1617
+ "gap": "sm",
1618
+ "justify": "end",
1619
1619
  "children": [
1620
1620
  {
1621
- "label": "Edit",
1622
1621
  "variant": "primary",
1623
1622
  "action": "EDIT",
1624
1623
  "type": "button",
1625
- "icon": "edit"
1624
+ "icon": "edit",
1625
+ "label": "Edit"
1626
1626
  },
1627
1627
  {
1628
+ "label": "Close",
1628
1629
  "variant": "ghost",
1629
1630
  "type": "button",
1630
- "label": "Close",
1631
1631
  "action": "CLOSE"
1632
1632
  }
1633
- ],
1634
- "justify": "end",
1635
- "direction": "horizontal"
1633
+ ]
1636
1634
  }
1637
- ]
1635
+ ],
1636
+ "type": "stack",
1637
+ "direction": "vertical"
1638
1638
  }
1639
1639
  ]
1640
1640
  ]
@@ -1881,8 +1881,6 @@
1881
1881
  "modal",
1882
1882
  {
1883
1883
  "type": "stack",
1884
- "gap": "md",
1885
- "direction": "vertical",
1886
1884
  "children": [
1887
1885
  {
1888
1886
  "direction": "horizontal",
@@ -1891,8 +1889,8 @@
1891
1889
  "type": "stack",
1892
1890
  "children": [
1893
1891
  {
1894
- "name": "alert-triangle",
1895
- "type": "icon"
1892
+ "type": "icon",
1893
+ "name": "alert-triangle"
1896
1894
  },
1897
1895
  {
1898
1896
  "variant": "h3",
@@ -1906,31 +1904,33 @@
1906
1904
  },
1907
1905
  {
1908
1906
  "type": "alert",
1909
- "message": "This action cannot be undone.",
1910
- "variant": "error"
1907
+ "variant": "error",
1908
+ "message": "This action cannot be undone."
1911
1909
  },
1912
1910
  {
1911
+ "direction": "horizontal",
1913
1912
  "type": "stack",
1913
+ "gap": "sm",
1914
1914
  "justify": "end",
1915
- "direction": "horizontal",
1916
1915
  "children": [
1917
1916
  {
1918
1917
  "label": "Cancel",
1919
- "type": "button",
1920
1918
  "action": "CANCEL",
1921
- "variant": "ghost"
1919
+ "variant": "ghost",
1920
+ "type": "button"
1922
1921
  },
1923
1922
  {
1923
+ "icon": "check",
1924
+ "type": "button",
1924
1925
  "variant": "danger",
1925
- "action": "CONFIRM_DELETE",
1926
1926
  "label": "Delete",
1927
- "icon": "check",
1928
- "type": "button"
1927
+ "action": "CONFIRM_DELETE"
1929
1928
  }
1930
- ],
1931
- "gap": "sm"
1929
+ ]
1932
1930
  }
1933
- ]
1931
+ ],
1932
+ "direction": "vertical",
1933
+ "gap": "md"
1934
1934
  }
1935
1935
  ]
1936
1936
  ]
@@ -1947,8 +1947,8 @@
1947
1947
  "@entity.pendingId",
1948
1948
  {
1949
1949
  "emit": {
1950
- "success": "ContactDeleted",
1951
- "failure": "ContactDeleteFailed"
1950
+ "failure": "ContactDeleteFailed",
1951
+ "success": "ContactDeleted"
1952
1952
  }
1953
1953
  }
1954
1954
  ],
@@ -2224,22 +2224,22 @@
2224
2224
  "render-ui",
2225
2225
  "main",
2226
2226
  {
2227
+ "gap": "md",
2227
2228
  "align": "center",
2228
2229
  "type": "stack",
2229
- "direction": "vertical",
2230
- "gap": "md",
2231
- "className": "py-12",
2232
2230
  "children": [
2233
2231
  {
2234
2232
  "type": "spinner"
2235
2233
  },
2236
2234
  {
2237
- "type": "typography",
2238
2235
  "variant": "caption",
2236
+ "type": "typography",
2239
2237
  "color": "muted",
2240
2238
  "content": "Loading…"
2241
2239
  }
2242
- ]
2240
+ ],
2241
+ "direction": "vertical",
2242
+ "className": "py-12"
2243
2243
  }
2244
2244
  ]
2245
2245
  ]
@@ -2253,19 +2253,44 @@
2253
2253
  "render-ui",
2254
2254
  "main",
2255
2255
  {
2256
+ "navItems": [
2257
+ {
2258
+ "icon": "users",
2259
+ "label": "Contacts",
2260
+ "href": "/contacts"
2261
+ },
2262
+ {
2263
+ "icon": "briefcase",
2264
+ "label": "Deals",
2265
+ "href": "/deals"
2266
+ },
2267
+ {
2268
+ "icon": "bar-chart-2",
2269
+ "label": "Pipeline",
2270
+ "href": "/pipeline"
2271
+ },
2272
+ {
2273
+ "href": "/notes",
2274
+ "icon": "file-text",
2275
+ "label": "Notes"
2276
+ }
2277
+ ],
2278
+ "appName": "CRM",
2279
+ "type": "dashboard-layout",
2256
2280
  "children": [
2257
2281
  {
2258
- "className": "max-w-5xl mx-auto w-full",
2259
- "direction": "vertical",
2260
2282
  "children": [
2261
2283
  {
2284
+ "direction": "horizontal",
2285
+ "type": "stack",
2262
2286
  "justify": "between",
2263
2287
  "align": "center",
2264
- "type": "stack",
2265
- "direction": "horizontal",
2266
- "gap": "md",
2267
2288
  "children": [
2268
2289
  {
2290
+ "direction": "horizontal",
2291
+ "type": "stack",
2292
+ "align": "center",
2293
+ "gap": "sm",
2269
2294
  "children": [
2270
2295
  {
2271
2296
  "name": "briefcase",
@@ -2276,38 +2301,35 @@
2276
2301
  "type": "typography",
2277
2302
  "content": "Deals"
2278
2303
  }
2279
- ],
2280
- "type": "stack",
2281
- "direction": "horizontal",
2282
- "gap": "sm",
2283
- "align": "center"
2304
+ ]
2284
2305
  },
2285
2306
  {
2307
+ "type": "stack",
2308
+ "gap": "sm",
2286
2309
  "children": [
2287
2310
  {
2288
- "variant": "primary",
2289
2311
  "label": "New Deal",
2290
2312
  "action": "CREATE",
2291
- "icon": "plus",
2292
- "type": "button"
2313
+ "type": "button",
2314
+ "variant": "primary",
2315
+ "icon": "plus"
2293
2316
  }
2294
2317
  ],
2295
- "type": "stack",
2296
- "direction": "horizontal",
2297
- "gap": "sm"
2318
+ "direction": "horizontal"
2298
2319
  }
2299
- ]
2320
+ ],
2321
+ "gap": "md"
2300
2322
  },
2301
2323
  {
2302
2324
  "type": "divider"
2303
2325
  },
2304
2326
  {
2305
- "entity": "@payload.data",
2327
+ "type": "data-grid",
2306
2328
  "itemActions": [
2307
2329
  {
2308
2330
  "variant": "ghost",
2309
- "label": "View",
2310
- "event": "VIEW"
2331
+ "event": "VIEW",
2332
+ "label": "View"
2311
2333
  },
2312
2334
  {
2313
2335
  "event": "EDIT",
@@ -2315,65 +2337,43 @@
2315
2337
  "label": "Edit"
2316
2338
  },
2317
2339
  {
2340
+ "label": "Delete",
2318
2341
  "event": "DELETE",
2319
- "variant": "danger",
2320
- "label": "Delete"
2342
+ "variant": "danger"
2321
2343
  }
2322
2344
  ],
2323
- "gap": "md",
2324
- "cols": 2.0,
2325
2345
  "columns": [
2326
2346
  {
2327
2347
  "icon": "briefcase",
2328
- "name": "title",
2329
- "variant": "h3"
2348
+ "variant": "h3",
2349
+ "name": "title"
2330
2350
  },
2331
2351
  {
2332
- "name": "stage",
2333
- "variant": "badge"
2352
+ "variant": "badge",
2353
+ "name": "stage"
2334
2354
  },
2335
2355
  {
2336
2356
  "format": "currency",
2337
- "variant": "h4",
2338
- "name": "value"
2357
+ "name": "value",
2358
+ "variant": "h4"
2339
2359
  },
2340
2360
  {
2341
- "variant": "caption",
2342
2361
  "label": "Contact",
2362
+ "variant": "caption",
2343
2363
  "name": "contactId"
2344
2364
  }
2345
2365
  ],
2346
- "fields": [],
2347
- "type": "data-grid"
2366
+ "gap": "md",
2367
+ "cols": 2.0,
2368
+ "entity": "@payload.data",
2369
+ "fields": []
2348
2370
  }
2349
2371
  ],
2350
2372
  "type": "stack",
2373
+ "className": "max-w-5xl mx-auto w-full",
2374
+ "direction": "vertical",
2351
2375
  "gap": "lg"
2352
2376
  }
2353
- ],
2354
- "type": "dashboard-layout",
2355
- "appName": "CRM",
2356
- "navItems": [
2357
- {
2358
- "label": "Contacts",
2359
- "href": "/contacts",
2360
- "icon": "users"
2361
- },
2362
- {
2363
- "label": "Deals",
2364
- "icon": "briefcase",
2365
- "href": "/deals"
2366
- },
2367
- {
2368
- "href": "/pipeline",
2369
- "icon": "bar-chart-2",
2370
- "label": "Pipeline"
2371
- },
2372
- {
2373
- "label": "Notes",
2374
- "href": "/notes",
2375
- "icon": "file-text"
2376
- }
2377
2377
  ]
2378
2378
  }
2379
2379
  ]
@@ -2388,35 +2388,35 @@
2388
2388
  "render-ui",
2389
2389
  "main",
2390
2390
  {
2391
- "className": "py-12",
2392
2391
  "align": "center",
2393
2392
  "children": [
2394
2393
  {
2395
- "type": "icon",
2396
2394
  "name": "alert-triangle",
2397
- "color": "destructive"
2395
+ "color": "destructive",
2396
+ "type": "icon"
2398
2397
  },
2399
2398
  {
2399
+ "type": "typography",
2400
2400
  "variant": "h3",
2401
- "content": "Failed to load deal",
2402
- "type": "typography"
2401
+ "content": "Failed to load deal"
2403
2402
  },
2404
2403
  {
2404
+ "type": "typography",
2405
2405
  "color": "muted",
2406
2406
  "variant": "body",
2407
- "type": "typography",
2408
2407
  "content": "@payload.error"
2409
2408
  },
2410
2409
  {
2411
- "label": "Retry",
2412
- "type": "button",
2413
2410
  "action": "INIT",
2411
+ "icon": "rotate-ccw",
2412
+ "label": "Retry",
2414
2413
  "variant": "primary",
2415
- "icon": "rotate-ccw"
2414
+ "type": "button"
2416
2415
  }
2417
2416
  ],
2418
2417
  "gap": "md",
2419
2418
  "type": "stack",
2419
+ "className": "py-12",
2420
2420
  "direction": "vertical"
2421
2421
  }
2422
2422
  ]
@@ -2593,8 +2593,8 @@
2593
2593
  "Deal",
2594
2594
  {
2595
2595
  "emit": {
2596
- "failure": "DealLoadFailed",
2597
- "success": "DealLoaded"
2596
+ "success": "DealLoaded",
2597
+ "failure": "DealLoadFailed"
2598
2598
  }
2599
2599
  }
2600
2600
  ],
@@ -2602,9 +2602,9 @@
2602
2602
  "render-ui",
2603
2603
  "modal",
2604
2604
  {
2605
- "direction": "vertical",
2606
- "type": "stack",
2607
2605
  "gap": "md",
2606
+ "type": "stack",
2607
+ "direction": "vertical",
2608
2608
  "children": [
2609
2609
  {
2610
2610
  "children": [
@@ -2613,21 +2613,20 @@
2613
2613
  "type": "icon"
2614
2614
  },
2615
2615
  {
2616
+ "variant": "h3",
2616
2617
  "type": "typography",
2617
- "content": "Create Deal",
2618
- "variant": "h3"
2618
+ "content": "Create Deal"
2619
2619
  }
2620
2620
  ],
2621
2621
  "direction": "horizontal",
2622
- "type": "stack",
2623
- "gap": "sm"
2622
+ "gap": "sm",
2623
+ "type": "stack"
2624
2624
  },
2625
2625
  {
2626
2626
  "type": "divider"
2627
2627
  },
2628
2628
  {
2629
- "cancelEvent": "CLOSE",
2630
- "submitEvent": "SAVE",
2629
+ "type": "form-section",
2631
2630
  "fields": [
2632
2631
  "title",
2633
2632
  "contactId",
@@ -2636,7 +2635,8 @@
2636
2635
  "closedAt"
2637
2636
  ],
2638
2637
  "mode": "create",
2639
- "type": "form-section"
2638
+ "cancelEvent": "CLOSE",
2639
+ "submitEvent": "SAVE"
2640
2640
  }
2641
2641
  ]
2642
2642
  }
@@ -2882,11 +2882,11 @@
2882
2882
  "fetch",
2883
2883
  "Deal",
2884
2884
  {
2885
+ "id": "@payload.id",
2885
2886
  "emit": {
2886
2887
  "success": "DealLoaded",
2887
2888
  "failure": "DealLoadFailed"
2888
- },
2889
- "id": "@payload.id"
2889
+ }
2890
2890
  }
2891
2891
  ],
2892
2892
  [
@@ -2895,27 +2895,28 @@
2895
2895
  {
2896
2896
  "children": [
2897
2897
  {
2898
+ "gap": "sm",
2898
2899
  "children": [
2899
2900
  {
2900
2901
  "name": "edit",
2901
2902
  "type": "icon"
2902
2903
  },
2903
2904
  {
2904
- "type": "typography",
2905
+ "variant": "h3",
2905
2906
  "content": "Edit Deal",
2906
- "variant": "h3"
2907
+ "type": "typography"
2907
2908
  }
2908
2909
  ],
2909
- "direction": "horizontal",
2910
- "gap": "sm",
2911
- "type": "stack"
2910
+ "type": "stack",
2911
+ "direction": "horizontal"
2912
2912
  },
2913
2913
  {
2914
2914
  "type": "divider"
2915
2915
  },
2916
2916
  {
2917
- "entity": "@payload.row",
2917
+ "cancelEvent": "CLOSE",
2918
2918
  "type": "form-section",
2919
+ "submitEvent": "SAVE",
2919
2920
  "fields": [
2920
2921
  "title",
2921
2922
  "contactId",
@@ -2923,13 +2924,12 @@
2923
2924
  "stage",
2924
2925
  "closedAt"
2925
2926
  ],
2926
- "mode": "edit",
2927
- "submitEvent": "SAVE",
2928
- "cancelEvent": "CLOSE"
2927
+ "entity": "@payload.row",
2928
+ "mode": "edit"
2929
2929
  }
2930
2930
  ],
2931
- "gap": "md",
2932
2931
  "direction": "vertical",
2932
+ "gap": "md",
2933
2933
  "type": "stack"
2934
2934
  }
2935
2935
  ]
@@ -2971,8 +2971,8 @@
2971
2971
  "@payload.data",
2972
2972
  {
2973
2973
  "emit": {
2974
- "failure": "DealUpdateFailed",
2975
- "success": "DealUpdated"
2974
+ "success": "DealUpdated",
2975
+ "failure": "DealUpdateFailed"
2976
2976
  }
2977
2977
  }
2978
2978
  ],
@@ -3109,59 +3109,58 @@
3109
3109
  "fetch",
3110
3110
  "Deal",
3111
3111
  {
3112
- "id": "@payload.id",
3113
3112
  "emit": {
3114
- "success": "DealLoaded",
3115
- "failure": "DealLoadFailed"
3116
- }
3113
+ "failure": "DealLoadFailed",
3114
+ "success": "DealLoaded"
3115
+ },
3116
+ "id": "@payload.id"
3117
3117
  }
3118
3118
  ],
3119
3119
  [
3120
3120
  "render-ui",
3121
3121
  "modal",
3122
3122
  {
3123
- "type": "stack",
3124
3123
  "children": [
3125
3124
  {
3126
- "type": "stack",
3127
- "gap": "sm",
3128
- "direction": "horizontal",
3129
3125
  "children": [
3130
3126
  {
3131
- "type": "icon",
3132
- "name": "eye"
3127
+ "name": "eye",
3128
+ "type": "icon"
3133
3129
  },
3134
3130
  {
3135
3131
  "content": "@entity.title",
3136
- "variant": "h3",
3137
- "type": "typography"
3132
+ "type": "typography",
3133
+ "variant": "h3"
3138
3134
  }
3139
3135
  ],
3140
- "align": "center"
3136
+ "gap": "sm",
3137
+ "align": "center",
3138
+ "direction": "horizontal",
3139
+ "type": "stack"
3141
3140
  },
3142
3141
  {
3143
3142
  "type": "divider"
3144
3143
  },
3145
3144
  {
3146
3145
  "gap": "md",
3146
+ "type": "stack",
3147
+ "direction": "horizontal",
3147
3148
  "children": [
3148
3149
  {
3150
+ "variant": "caption",
3149
3151
  "content": "Title",
3150
- "type": "typography",
3151
- "variant": "caption"
3152
+ "type": "typography"
3152
3153
  },
3153
3154
  {
3154
- "type": "typography",
3155
3155
  "variant": "body",
3156
- "content": "@entity.title"
3156
+ "content": "@entity.title",
3157
+ "type": "typography"
3157
3158
  }
3158
- ],
3159
- "direction": "horizontal",
3160
- "type": "stack"
3159
+ ]
3161
3160
  },
3162
3161
  {
3163
- "type": "stack",
3164
3162
  "direction": "horizontal",
3163
+ "type": "stack",
3165
3164
  "gap": "md",
3166
3165
  "children": [
3167
3166
  {
@@ -3170,48 +3169,47 @@
3170
3169
  "content": "Contact ID"
3171
3170
  },
3172
3171
  {
3172
+ "variant": "body",
3173
3173
  "type": "typography",
3174
- "content": "@entity.contactId",
3175
- "variant": "body"
3174
+ "content": "@entity.contactId"
3176
3175
  }
3177
3176
  ]
3178
3177
  },
3179
3178
  {
3179
+ "direction": "horizontal",
3180
+ "gap": "md",
3180
3181
  "children": [
3181
3182
  {
3182
- "type": "typography",
3183
3183
  "content": "Value",
3184
- "variant": "caption"
3184
+ "variant": "caption",
3185
+ "type": "typography"
3185
3186
  },
3186
3187
  {
3187
3188
  "content": "@entity.value",
3188
- "type": "typography",
3189
- "variant": "body"
3189
+ "variant": "body",
3190
+ "type": "typography"
3190
3191
  }
3191
3192
  ],
3192
- "direction": "horizontal",
3193
- "gap": "md",
3194
3193
  "type": "stack"
3195
3194
  },
3196
3195
  {
3197
- "type": "stack",
3198
- "gap": "md",
3199
- "direction": "horizontal",
3200
3196
  "children": [
3201
3197
  {
3202
- "variant": "caption",
3203
3198
  "type": "typography",
3199
+ "variant": "caption",
3204
3200
  "content": "Stage"
3205
3201
  },
3206
3202
  {
3207
- "content": "@entity.stage",
3208
3203
  "type": "typography",
3204
+ "content": "@entity.stage",
3209
3205
  "variant": "body"
3210
3206
  }
3211
- ]
3207
+ ],
3208
+ "gap": "md",
3209
+ "direction": "horizontal",
3210
+ "type": "stack"
3212
3211
  },
3213
3212
  {
3214
- "type": "stack",
3215
3213
  "direction": "horizontal",
3216
3214
  "gap": "md",
3217
3215
  "children": [
@@ -3221,39 +3219,41 @@
3221
3219
  "content": "Closed At"
3222
3220
  },
3223
3221
  {
3224
- "variant": "body",
3225
3222
  "content": "@entity.closedAt",
3226
- "type": "typography"
3223
+ "type": "typography",
3224
+ "variant": "body"
3227
3225
  }
3228
- ]
3226
+ ],
3227
+ "type": "stack"
3229
3228
  },
3230
3229
  {
3231
3230
  "type": "divider"
3232
3231
  },
3233
3232
  {
3233
+ "gap": "sm",
3234
3234
  "type": "stack",
3235
+ "direction": "horizontal",
3236
+ "justify": "end",
3235
3237
  "children": [
3236
3238
  {
3237
3239
  "action": "EDIT",
3238
- "icon": "edit",
3239
3240
  "variant": "primary",
3241
+ "icon": "edit",
3240
3242
  "type": "button",
3241
3243
  "label": "Edit"
3242
3244
  },
3243
3245
  {
3244
3246
  "type": "button",
3247
+ "label": "Close",
3245
3248
  "variant": "ghost",
3246
- "action": "CLOSE",
3247
- "label": "Close"
3249
+ "action": "CLOSE"
3248
3250
  }
3249
- ],
3250
- "direction": "horizontal",
3251
- "gap": "sm",
3252
- "justify": "end"
3251
+ ]
3253
3252
  }
3254
3253
  ],
3254
+ "direction": "vertical",
3255
3255
  "gap": "md",
3256
- "direction": "vertical"
3256
+ "type": "stack"
3257
3257
  }
3258
3258
  ]
3259
3259
  ]
@@ -3493,50 +3493,50 @@
3493
3493
  {
3494
3494
  "children": [
3495
3495
  {
3496
+ "direction": "horizontal",
3497
+ "align": "center",
3496
3498
  "type": "stack",
3499
+ "gap": "sm",
3497
3500
  "children": [
3498
3501
  {
3499
- "type": "icon",
3500
- "name": "alert-triangle"
3502
+ "name": "alert-triangle",
3503
+ "type": "icon"
3501
3504
  },
3502
3505
  {
3503
3506
  "type": "typography",
3504
3507
  "content": "Delete Deal",
3505
3508
  "variant": "h3"
3506
3509
  }
3507
- ],
3508
- "align": "center",
3509
- "gap": "sm",
3510
- "direction": "horizontal"
3510
+ ]
3511
3511
  },
3512
3512
  {
3513
3513
  "type": "divider"
3514
3514
  },
3515
3515
  {
3516
- "variant": "error",
3517
3516
  "type": "alert",
3518
- "message": "This action cannot be undone."
3517
+ "message": "This action cannot be undone.",
3518
+ "variant": "error"
3519
3519
  },
3520
3520
  {
3521
+ "justify": "end",
3521
3522
  "children": [
3522
3523
  {
3523
- "action": "CANCEL",
3524
- "type": "button",
3524
+ "variant": "ghost",
3525
3525
  "label": "Cancel",
3526
- "variant": "ghost"
3526
+ "action": "CANCEL",
3527
+ "type": "button"
3527
3528
  },
3528
3529
  {
3529
3530
  "icon": "check",
3530
- "type": "button",
3531
+ "variant": "danger",
3531
3532
  "label": "Delete",
3532
- "action": "CONFIRM_DELETE",
3533
- "variant": "danger"
3533
+ "type": "button",
3534
+ "action": "CONFIRM_DELETE"
3534
3535
  }
3535
3536
  ],
3536
- "justify": "end",
3537
- "gap": "sm",
3537
+ "type": "stack",
3538
3538
  "direction": "horizontal",
3539
- "type": "stack"
3539
+ "gap": "sm"
3540
3540
  }
3541
3541
  ],
3542
3542
  "gap": "md",
@@ -3558,8 +3558,8 @@
3558
3558
  "@entity.pendingId",
3559
3559
  {
3560
3560
  "emit": {
3561
- "failure": "DealDeleteFailed",
3562
- "success": "DealDeleted"
3561
+ "success": "DealDeleted",
3562
+ "failure": "DealDeleteFailed"
3563
3563
  }
3564
3564
  }
3565
3565
  ],
@@ -3810,40 +3810,16 @@
3810
3810
  "render-ui",
3811
3811
  "main",
3812
3812
  {
3813
- "appName": "CRM",
3814
- "navItems": [
3815
- {
3816
- "href": "/contacts",
3817
- "icon": "users",
3818
- "label": "Contacts"
3819
- },
3820
- {
3821
- "label": "Deals",
3822
- "icon": "briefcase",
3823
- "href": "/deals"
3824
- },
3825
- {
3826
- "href": "/pipeline",
3827
- "icon": "bar-chart-2",
3828
- "label": "Pipeline"
3829
- },
3830
- {
3831
- "icon": "file-text",
3832
- "label": "Notes",
3833
- "href": "/notes"
3834
- }
3835
- ],
3836
3813
  "type": "dashboard-layout",
3814
+ "appName": "CRM",
3837
3815
  "children": [
3838
3816
  {
3839
3817
  "children": [
3840
3818
  {
3841
- "type": "stack",
3842
- "direction": "vertical",
3843
3819
  "gap": "lg",
3820
+ "direction": "vertical",
3844
3821
  "children": [
3845
3822
  {
3846
- "type": "breadcrumb",
3847
3823
  "items": [
3848
3824
  {
3849
3825
  "href": "/",
@@ -3852,78 +3828,79 @@
3852
3828
  {
3853
3829
  "label": "Pipeline"
3854
3830
  }
3855
- ]
3831
+ ],
3832
+ "type": "breadcrumb"
3856
3833
  },
3857
3834
  {
3858
- "direction": "horizontal",
3859
- "gap": "md",
3860
3835
  "justify": "between",
3861
3836
  "children": [
3862
3837
  {
3863
- "type": "stack",
3864
3838
  "direction": "horizontal",
3839
+ "type": "stack",
3865
3840
  "gap": "md",
3866
3841
  "children": [
3867
3842
  {
3868
- "name": "bar-chart-2",
3869
- "type": "icon"
3843
+ "type": "icon",
3844
+ "name": "bar-chart-2"
3870
3845
  },
3871
3846
  {
3872
- "type": "typography",
3873
3847
  "variant": "h2",
3874
- "content": "Pipeline"
3848
+ "content": "Pipeline",
3849
+ "type": "typography"
3875
3850
  }
3876
3851
  ]
3877
3852
  },
3878
3853
  {
3879
3854
  "label": "Refresh",
3855
+ "action": "REFRESH",
3880
3856
  "type": "button",
3881
3857
  "variant": "secondary",
3882
- "icon": "refresh-cw",
3883
- "action": "REFRESH"
3858
+ "icon": "refresh-cw"
3884
3859
  }
3885
3860
  ],
3886
- "type": "stack"
3861
+ "direction": "horizontal",
3862
+ "type": "stack",
3863
+ "gap": "md"
3887
3864
  },
3888
3865
  {
3889
3866
  "type": "divider"
3890
3867
  },
3891
3868
  {
3892
3869
  "padding": "md",
3893
- "type": "box",
3894
3870
  "children": [
3895
3871
  {
3896
- "cols": 3.0,
3897
3872
  "type": "simple-grid",
3898
3873
  "children": [
3899
3874
  {
3900
- "value": "@entity.totalDeals",
3875
+ "label": "TotalDeals",
3901
3876
  "type": "stat-display",
3902
- "label": "TotalDeals"
3877
+ "value": "@entity.totalDeals"
3903
3878
  },
3904
3879
  {
3905
- "value": "@entity.totalValue",
3880
+ "type": "stat-display",
3906
3881
  "label": "TotalValue",
3907
- "type": "stat-display"
3882
+ "value": "@entity.totalValue"
3908
3883
  },
3909
3884
  {
3910
- "label": "WonDeals",
3911
3885
  "type": "stat-display",
3886
+ "label": "WonDeals",
3912
3887
  "value": "@entity.wonDeals"
3913
3888
  },
3914
3889
  {
3915
- "label": "LostDeals",
3916
3890
  "value": "@entity.lostDeals",
3891
+ "label": "LostDeals",
3917
3892
  "type": "stat-display"
3918
3893
  },
3919
3894
  {
3895
+ "label": "ConversionRate",
3920
3896
  "value": "@entity.conversionRate",
3921
- "type": "stat-display",
3922
- "label": "ConversionRate"
3897
+ "type": "stat-display"
3923
3898
  }
3924
- ]
3899
+ ],
3900
+ "cols": 3.0
3925
3901
  }
3926
- ]
3902
+ ],
3903
+ "type": "box"
3927
3904
  },
3928
3905
  {
3929
3906
  "type": "divider"
@@ -3931,78 +3908,89 @@
3931
3908
  {
3932
3909
  "children": [
3933
3910
  {
3934
- "type": "card",
3935
3911
  "children": [
3936
3912
  {
3913
+ "type": "typography",
3937
3914
  "variant": "caption",
3938
- "content": "Chart View",
3939
- "type": "typography"
3915
+ "content": "Chart View"
3940
3916
  }
3941
- ]
3917
+ ],
3918
+ "type": "card"
3942
3919
  },
3943
3920
  {
3944
- "type": "card",
3945
3921
  "children": [
3946
3922
  {
3947
- "variant": "caption",
3948
3923
  "type": "typography",
3924
+ "variant": "caption",
3949
3925
  "content": "Graph View"
3950
3926
  }
3951
- ]
3927
+ ],
3928
+ "type": "card"
3952
3929
  }
3953
3930
  ],
3954
- "gap": "md",
3955
3931
  "type": "grid",
3956
- "cols": 2.0
3932
+ "cols": 2.0,
3933
+ "gap": "md"
3957
3934
  },
3958
3935
  {
3936
+ "type": "line-chart",
3959
3937
  "data": [
3960
3938
  {
3961
- "date": "Jan",
3962
- "value": 12.0
3939
+ "value": 12.0,
3940
+ "date": "Jan"
3963
3941
  },
3964
3942
  {
3965
3943
  "value": 19.0,
3966
3944
  "date": "Feb"
3967
3945
  },
3968
3946
  {
3969
- "date": "Mar",
3970
- "value": 15.0
3947
+ "value": 15.0,
3948
+ "date": "Mar"
3971
3949
  },
3972
3950
  {
3973
3951
  "date": "Apr",
3974
3952
  "value": 25.0
3975
3953
  },
3976
3954
  {
3977
- "value": 22.0,
3978
- "date": "May"
3955
+ "date": "May",
3956
+ "value": 22.0
3979
3957
  },
3980
3958
  {
3981
3959
  "value": 30.0,
3982
3960
  "date": "Jun"
3983
3961
  }
3984
- ],
3985
- "type": "line-chart"
3962
+ ]
3986
3963
  },
3987
3964
  {
3988
- "type": "chart-legend",
3989
3965
  "items": [
3990
3966
  {
3991
- "label": "Current",
3992
- "color": "primary"
3967
+ "color": "primary",
3968
+ "label": "Current"
3993
3969
  },
3994
3970
  {
3995
3971
  "label": "Previous",
3996
3972
  "color": "muted"
3997
3973
  }
3998
- ]
3974
+ ],
3975
+ "type": "chart-legend"
3999
3976
  },
4000
3977
  {
4001
3978
  "type": "graph-view",
3979
+ "height": 200.0,
3980
+ "edges": [
3981
+ {
3982
+ "target": "b",
3983
+ "source": "a"
3984
+ },
3985
+ {
3986
+ "target": "c",
3987
+ "source": "b"
3988
+ }
3989
+ ],
4002
3990
  "nodes": [
4003
3991
  {
4004
- "label": "Start",
4005
- "id": "a"
3992
+ "id": "a",
3993
+ "label": "Start"
4006
3994
  },
4007
3995
  {
4008
3996
  "label": "Process",
@@ -4013,24 +4001,36 @@
4013
4001
  "label": "End"
4014
4002
  }
4015
4003
  ],
4016
- "width": 400.0,
4017
- "edges": [
4018
- {
4019
- "source": "a",
4020
- "target": "b"
4021
- },
4022
- {
4023
- "source": "b",
4024
- "target": "c"
4025
- }
4026
- ],
4027
- "height": 200.0
4004
+ "width": 400.0
4028
4005
  }
4029
- ]
4006
+ ],
4007
+ "type": "stack"
4030
4008
  }
4031
4009
  ],
4032
4010
  "type": "scaled-diagram"
4033
4011
  }
4012
+ ],
4013
+ "navItems": [
4014
+ {
4015
+ "icon": "users",
4016
+ "label": "Contacts",
4017
+ "href": "/contacts"
4018
+ },
4019
+ {
4020
+ "href": "/deals",
4021
+ "icon": "briefcase",
4022
+ "label": "Deals"
4023
+ },
4024
+ {
4025
+ "href": "/pipeline",
4026
+ "icon": "bar-chart-2",
4027
+ "label": "Pipeline"
4028
+ },
4029
+ {
4030
+ "href": "/notes",
4031
+ "icon": "file-text",
4032
+ "label": "Notes"
4033
+ }
4034
4034
  ]
4035
4035
  }
4036
4036
  ]
@@ -4055,44 +4055,20 @@
4055
4055
  "render-ui",
4056
4056
  "main",
4057
4057
  {
4058
- "navItems": [
4059
- {
4060
- "label": "Contacts",
4061
- "icon": "users",
4062
- "href": "/contacts"
4063
- },
4064
- {
4065
- "icon": "briefcase",
4066
- "label": "Deals",
4067
- "href": "/deals"
4068
- },
4069
- {
4070
- "icon": "bar-chart-2",
4071
- "href": "/pipeline",
4072
- "label": "Pipeline"
4073
- },
4074
- {
4075
- "label": "Notes",
4076
- "icon": "file-text",
4077
- "href": "/notes"
4078
- }
4079
- ],
4080
- "type": "dashboard-layout",
4081
- "appName": "CRM",
4082
4058
  "children": [
4083
4059
  {
4060
+ "type": "scaled-diagram",
4084
4061
  "children": [
4085
4062
  {
4086
- "gap": "lg",
4087
- "direction": "vertical",
4088
4063
  "type": "stack",
4064
+ "direction": "vertical",
4089
4065
  "children": [
4090
4066
  {
4091
4067
  "type": "breadcrumb",
4092
4068
  "items": [
4093
4069
  {
4094
- "label": "Home",
4095
- "href": "/"
4070
+ "href": "/",
4071
+ "label": "Home"
4096
4072
  },
4097
4073
  {
4098
4074
  "label": "Pipeline"
@@ -4100,43 +4076,43 @@
4100
4076
  ]
4101
4077
  },
4102
4078
  {
4103
- "direction": "horizontal",
4104
4079
  "gap": "md",
4080
+ "type": "stack",
4105
4081
  "justify": "between",
4082
+ "direction": "horizontal",
4106
4083
  "children": [
4107
4084
  {
4108
- "gap": "md",
4109
4085
  "children": [
4110
4086
  {
4111
- "type": "icon",
4112
- "name": "bar-chart-2"
4113
- },
4087
+ "name": "bar-chart-2",
4088
+ "type": "icon"
4089
+ },
4114
4090
  {
4115
- "type": "typography",
4116
4091
  "content": "Pipeline",
4092
+ "type": "typography",
4117
4093
  "variant": "h2"
4118
4094
  }
4119
4095
  ],
4120
- "type": "stack",
4121
- "direction": "horizontal"
4096
+ "direction": "horizontal",
4097
+ "gap": "md",
4098
+ "type": "stack"
4122
4099
  },
4123
4100
  {
4101
+ "label": "Refresh",
4124
4102
  "icon": "refresh-cw",
4125
- "action": "REFRESH",
4126
- "variant": "secondary",
4127
4103
  "type": "button",
4128
- "label": "Refresh"
4104
+ "variant": "secondary",
4105
+ "action": "REFRESH"
4129
4106
  }
4130
- ],
4131
- "type": "stack"
4107
+ ]
4132
4108
  },
4133
4109
  {
4134
4110
  "type": "divider"
4135
4111
  },
4136
4112
  {
4137
- "type": "box",
4138
4113
  "children": [
4139
4114
  {
4115
+ "cols": 3.0,
4140
4116
  "children": [
4141
4117
  {
4142
4118
  "type": "stat-display",
@@ -4144,61 +4120,61 @@
4144
4120
  "value": "@entity.totalDeals"
4145
4121
  },
4146
4122
  {
4147
- "type": "stat-display",
4123
+ "label": "TotalValue",
4148
4124
  "value": "@entity.totalValue",
4149
- "label": "TotalValue"
4125
+ "type": "stat-display"
4150
4126
  },
4151
4127
  {
4152
- "label": "WonDeals",
4153
4128
  "value": "@entity.wonDeals",
4154
- "type": "stat-display"
4129
+ "type": "stat-display",
4130
+ "label": "WonDeals"
4155
4131
  },
4156
4132
  {
4157
- "type": "stat-display",
4133
+ "value": "@entity.lostDeals",
4158
4134
  "label": "LostDeals",
4159
- "value": "@entity.lostDeals"
4135
+ "type": "stat-display"
4160
4136
  },
4161
4137
  {
4162
4138
  "label": "ConversionRate",
4163
- "value": "@entity.conversionRate",
4164
- "type": "stat-display"
4139
+ "type": "stat-display",
4140
+ "value": "@entity.conversionRate"
4165
4141
  }
4166
4142
  ],
4167
- "type": "simple-grid",
4168
- "cols": 3.0
4143
+ "type": "simple-grid"
4169
4144
  }
4170
4145
  ],
4146
+ "type": "box",
4171
4147
  "padding": "md"
4172
4148
  },
4173
4149
  {
4174
4150
  "type": "divider"
4175
4151
  },
4176
4152
  {
4177
- "cols": 2.0,
4178
4153
  "children": [
4179
4154
  {
4180
4155
  "children": [
4181
4156
  {
4182
- "type": "typography",
4183
4157
  "content": "Chart View",
4158
+ "type": "typography",
4184
4159
  "variant": "caption"
4185
4160
  }
4186
4161
  ],
4187
4162
  "type": "card"
4188
4163
  },
4189
4164
  {
4190
- "type": "card",
4191
4165
  "children": [
4192
4166
  {
4193
- "content": "Graph View",
4167
+ "type": "typography",
4194
4168
  "variant": "caption",
4195
- "type": "typography"
4169
+ "content": "Graph View"
4196
4170
  }
4197
- ]
4171
+ ],
4172
+ "type": "card"
4198
4173
  }
4199
4174
  ],
4200
- "type": "grid",
4201
- "gap": "md"
4175
+ "cols": 2.0,
4176
+ "gap": "md",
4177
+ "type": "grid"
4202
4178
  },
4203
4179
  {
4204
4180
  "data": [
@@ -4207,30 +4183,29 @@
4207
4183
  "date": "Jan"
4208
4184
  },
4209
4185
  {
4210
- "date": "Feb",
4211
- "value": 19.0
4186
+ "value": 19.0,
4187
+ "date": "Feb"
4212
4188
  },
4213
4189
  {
4214
4190
  "value": 15.0,
4215
4191
  "date": "Mar"
4216
4192
  },
4217
4193
  {
4218
- "value": 25.0,
4219
- "date": "Apr"
4194
+ "date": "Apr",
4195
+ "value": 25.0
4220
4196
  },
4221
4197
  {
4222
- "value": 22.0,
4223
- "date": "May"
4198
+ "date": "May",
4199
+ "value": 22.0
4224
4200
  },
4225
4201
  {
4226
- "date": "Jun",
4227
- "value": 30.0
4202
+ "value": 30.0,
4203
+ "date": "Jun"
4228
4204
  }
4229
4205
  ],
4230
4206
  "type": "line-chart"
4231
4207
  },
4232
4208
  {
4233
- "type": "chart-legend",
4234
4209
  "items": [
4235
4210
  {
4236
4211
  "label": "Current",
@@ -4240,23 +4215,27 @@
4240
4215
  "label": "Previous",
4241
4216
  "color": "muted"
4242
4217
  }
4243
- ]
4218
+ ],
4219
+ "type": "chart-legend"
4244
4220
  },
4245
4221
  {
4222
+ "type": "graph-view",
4223
+ "width": 400.0,
4246
4224
  "edges": [
4247
4225
  {
4248
- "target": "b",
4249
- "source": "a"
4226
+ "source": "a",
4227
+ "target": "b"
4250
4228
  },
4251
4229
  {
4252
- "target": "c",
4253
- "source": "b"
4230
+ "source": "b",
4231
+ "target": "c"
4254
4232
  }
4255
4233
  ],
4234
+ "height": 200.0,
4256
4235
  "nodes": [
4257
4236
  {
4258
- "label": "Start",
4259
- "id": "a"
4237
+ "id": "a",
4238
+ "label": "Start"
4260
4239
  },
4261
4240
  {
4262
4241
  "id": "b",
@@ -4266,15 +4245,36 @@
4266
4245
  "id": "c",
4267
4246
  "label": "End"
4268
4247
  }
4269
- ],
4270
- "width": 400.0,
4271
- "height": 200.0,
4272
- "type": "graph-view"
4248
+ ]
4273
4249
  }
4274
- ]
4250
+ ],
4251
+ "gap": "lg"
4275
4252
  }
4276
- ],
4277
- "type": "scaled-diagram"
4253
+ ]
4254
+ }
4255
+ ],
4256
+ "appName": "CRM",
4257
+ "type": "dashboard-layout",
4258
+ "navItems": [
4259
+ {
4260
+ "href": "/contacts",
4261
+ "label": "Contacts",
4262
+ "icon": "users"
4263
+ },
4264
+ {
4265
+ "href": "/deals",
4266
+ "icon": "briefcase",
4267
+ "label": "Deals"
4268
+ },
4269
+ {
4270
+ "label": "Pipeline",
4271
+ "href": "/pipeline",
4272
+ "icon": "bar-chart-2"
4273
+ },
4274
+ {
4275
+ "href": "/notes",
4276
+ "icon": "file-text",
4277
+ "label": "Notes"
4278
4278
  }
4279
4279
  ]
4280
4280
  }
@@ -4291,8 +4291,8 @@
4291
4291
  "Pipeline",
4292
4292
  {
4293
4293
  "emit": {
4294
- "success": "PipelineLoaded",
4295
- "failure": "PipelineLoadFailed"
4294
+ "failure": "PipelineLoadFailed",
4295
+ "success": "PipelineLoaded"
4296
4296
  }
4297
4297
  }
4298
4298
  ],
@@ -4300,83 +4300,61 @@
4300
4300
  "render-ui",
4301
4301
  "main",
4302
4302
  {
4303
- "navItems": [
4304
- {
4305
- "href": "/contacts",
4306
- "icon": "users",
4307
- "label": "Contacts"
4308
- },
4309
- {
4310
- "label": "Deals",
4311
- "href": "/deals",
4312
- "icon": "briefcase"
4313
- },
4314
- {
4315
- "href": "/pipeline",
4316
- "icon": "bar-chart-2",
4317
- "label": "Pipeline"
4318
- },
4319
- {
4320
- "icon": "file-text",
4321
- "label": "Notes",
4322
- "href": "/notes"
4323
- }
4324
- ],
4303
+ "type": "dashboard-layout",
4325
4304
  "children": [
4326
4305
  {
4306
+ "type": "scaled-diagram",
4327
4307
  "children": [
4328
4308
  {
4329
- "type": "stack",
4330
- "direction": "vertical",
4331
- "gap": "lg",
4332
4309
  "children": [
4333
4310
  {
4311
+ "type": "breadcrumb",
4334
4312
  "items": [
4335
4313
  {
4336
- "href": "/",
4337
- "label": "Home"
4314
+ "label": "Home",
4315
+ "href": "/"
4338
4316
  },
4339
4317
  {
4340
4318
  "label": "Pipeline"
4341
4319
  }
4342
- ],
4343
- "type": "breadcrumb"
4320
+ ]
4344
4321
  },
4345
4322
  {
4346
- "type": "stack",
4347
- "direction": "horizontal",
4348
4323
  "gap": "md",
4324
+ "direction": "horizontal",
4325
+ "justify": "between",
4349
4326
  "children": [
4350
4327
  {
4351
4328
  "direction": "horizontal",
4352
- "type": "stack",
4353
4329
  "children": [
4354
4330
  {
4355
4331
  "type": "icon",
4356
4332
  "name": "bar-chart-2"
4357
4333
  },
4358
4334
  {
4359
- "content": "Pipeline",
4360
4335
  "variant": "h2",
4336
+ "content": "Pipeline",
4361
4337
  "type": "typography"
4362
4338
  }
4363
4339
  ],
4364
- "gap": "md"
4340
+ "gap": "md",
4341
+ "type": "stack"
4365
4342
  },
4366
4343
  {
4367
- "label": "Refresh",
4344
+ "type": "button",
4368
4345
  "action": "REFRESH",
4346
+ "label": "Refresh",
4369
4347
  "icon": "refresh-cw",
4370
- "type": "button",
4371
4348
  "variant": "secondary"
4372
4349
  }
4373
4350
  ],
4374
- "justify": "between"
4351
+ "type": "stack"
4375
4352
  },
4376
4353
  {
4377
4354
  "type": "divider"
4378
4355
  },
4379
4356
  {
4357
+ "type": "box",
4380
4358
  "padding": "md",
4381
4359
  "children": [
4382
4360
  {
@@ -4384,66 +4362,66 @@
4384
4362
  "cols": 3.0,
4385
4363
  "children": [
4386
4364
  {
4387
- "value": "@entity.totalDeals",
4388
4365
  "type": "stat-display",
4366
+ "value": "@entity.totalDeals",
4389
4367
  "label": "TotalDeals"
4390
4368
  },
4391
4369
  {
4392
- "value": "@entity.totalValue",
4370
+ "type": "stat-display",
4393
4371
  "label": "TotalValue",
4394
- "type": "stat-display"
4372
+ "value": "@entity.totalValue"
4395
4373
  },
4396
4374
  {
4397
- "type": "stat-display",
4398
4375
  "value": "@entity.wonDeals",
4376
+ "type": "stat-display",
4399
4377
  "label": "WonDeals"
4400
4378
  },
4401
4379
  {
4402
- "label": "LostDeals",
4403
4380
  "value": "@entity.lostDeals",
4381
+ "label": "LostDeals",
4404
4382
  "type": "stat-display"
4405
4383
  },
4406
4384
  {
4385
+ "label": "ConversionRate",
4407
4386
  "value": "@entity.conversionRate",
4408
- "type": "stat-display",
4409
- "label": "ConversionRate"
4387
+ "type": "stat-display"
4410
4388
  }
4411
4389
  ]
4412
4390
  }
4413
- ],
4414
- "type": "box"
4391
+ ]
4415
4392
  },
4416
4393
  {
4417
4394
  "type": "divider"
4418
4395
  },
4419
4396
  {
4420
- "cols": 2.0,
4421
4397
  "gap": "md",
4398
+ "cols": 2.0,
4399
+ "type": "grid",
4422
4400
  "children": [
4423
4401
  {
4424
- "type": "card",
4425
4402
  "children": [
4426
4403
  {
4427
- "type": "typography",
4428
4404
  "variant": "caption",
4405
+ "type": "typography",
4429
4406
  "content": "Chart View"
4430
4407
  }
4431
- ]
4408
+ ],
4409
+ "type": "card"
4432
4410
  },
4433
4411
  {
4434
- "type": "card",
4435
4412
  "children": [
4436
4413
  {
4437
4414
  "variant": "caption",
4438
- "content": "Graph View",
4439
- "type": "typography"
4415
+ "type": "typography",
4416
+ "content": "Graph View"
4440
4417
  }
4441
- ]
4418
+ ],
4419
+ "type": "card"
4442
4420
  }
4443
- ],
4444
- "type": "grid"
4421
+ ]
4445
4422
  },
4446
4423
  {
4424
+ "type": "line-chart",
4447
4425
  "data": [
4448
4426
  {
4449
4427
  "date": "Jan",
@@ -4454,12 +4432,12 @@
4454
4432
  "value": 19.0
4455
4433
  },
4456
4434
  {
4457
- "date": "Mar",
4458
- "value": 15.0
4435
+ "value": 15.0,
4436
+ "date": "Mar"
4459
4437
  },
4460
4438
  {
4461
- "date": "Apr",
4462
- "value": 25.0
4439
+ "value": 25.0,
4440
+ "date": "Apr"
4463
4441
  },
4464
4442
  {
4465
4443
  "date": "May",
@@ -4469,23 +4447,24 @@
4469
4447
  "date": "Jun",
4470
4448
  "value": 30.0
4471
4449
  }
4472
- ],
4473
- "type": "line-chart"
4450
+ ]
4474
4451
  },
4475
4452
  {
4453
+ "type": "chart-legend",
4476
4454
  "items": [
4477
4455
  {
4478
4456
  "label": "Current",
4479
4457
  "color": "primary"
4480
4458
  },
4481
4459
  {
4482
- "label": "Previous",
4483
- "color": "muted"
4460
+ "color": "muted",
4461
+ "label": "Previous"
4484
4462
  }
4485
- ],
4486
- "type": "chart-legend"
4463
+ ]
4487
4464
  },
4488
4465
  {
4466
+ "width": 400.0,
4467
+ "type": "graph-view",
4489
4468
  "edges": [
4490
4469
  {
4491
4470
  "source": "a",
@@ -4506,21 +4485,42 @@
4506
4485
  "id": "b"
4507
4486
  },
4508
4487
  {
4509
- "label": "End",
4510
- "id": "c"
4488
+ "id": "c",
4489
+ "label": "End"
4511
4490
  }
4512
4491
  ],
4513
- "height": 200.0,
4514
- "width": 400.0,
4515
- "type": "graph-view"
4492
+ "height": 200.0
4516
4493
  }
4517
- ]
4494
+ ],
4495
+ "type": "stack",
4496
+ "gap": "lg",
4497
+ "direction": "vertical"
4518
4498
  }
4519
- ],
4520
- "type": "scaled-diagram"
4499
+ ]
4500
+ }
4501
+ ],
4502
+ "navItems": [
4503
+ {
4504
+ "label": "Contacts",
4505
+ "icon": "users",
4506
+ "href": "/contacts"
4507
+ },
4508
+ {
4509
+ "href": "/deals",
4510
+ "icon": "briefcase",
4511
+ "label": "Deals"
4512
+ },
4513
+ {
4514
+ "href": "/pipeline",
4515
+ "icon": "bar-chart-2",
4516
+ "label": "Pipeline"
4517
+ },
4518
+ {
4519
+ "href": "/notes",
4520
+ "icon": "file-text",
4521
+ "label": "Notes"
4521
4522
  }
4522
4523
  ],
4523
- "type": "dashboard-layout",
4524
4524
  "appName": "CRM"
4525
4525
  }
4526
4526
  ]
@@ -4545,6 +4545,7 @@
4545
4545
  "render-ui",
4546
4546
  "main",
4547
4547
  {
4548
+ "type": "dashboard-layout",
4548
4549
  "navItems": [
4549
4550
  {
4550
4551
  "label": "Contacts",
@@ -4558,24 +4559,23 @@
4558
4559
  },
4559
4560
  {
4560
4561
  "icon": "bar-chart-2",
4561
- "href": "/pipeline",
4562
- "label": "Pipeline"
4562
+ "label": "Pipeline",
4563
+ "href": "/pipeline"
4563
4564
  },
4564
4565
  {
4565
- "label": "Notes",
4566
4566
  "href": "/notes",
4567
- "icon": "file-text"
4567
+ "icon": "file-text",
4568
+ "label": "Notes"
4568
4569
  }
4569
4570
  ],
4570
4571
  "appName": "CRM",
4571
- "type": "dashboard-layout",
4572
4572
  "children": [
4573
4573
  {
4574
+ "type": "scaled-diagram",
4574
4575
  "children": [
4575
4576
  {
4576
- "direction": "vertical",
4577
4577
  "type": "stack",
4578
- "gap": "lg",
4578
+ "direction": "vertical",
4579
4579
  "children": [
4580
4580
  {
4581
4581
  "type": "breadcrumb",
@@ -4590,105 +4590,105 @@
4590
4590
  ]
4591
4591
  },
4592
4592
  {
4593
+ "justify": "between",
4593
4594
  "type": "stack",
4594
- "direction": "horizontal",
4595
+ "gap": "md",
4595
4596
  "children": [
4596
4597
  {
4598
+ "type": "stack",
4599
+ "direction": "horizontal",
4597
4600
  "children": [
4598
4601
  {
4599
4602
  "type": "icon",
4600
4603
  "name": "bar-chart-2"
4601
4604
  },
4602
4605
  {
4603
- "type": "typography",
4604
4606
  "content": "Pipeline",
4607
+ "type": "typography",
4605
4608
  "variant": "h2"
4606
4609
  }
4607
4610
  ],
4608
- "direction": "horizontal",
4609
- "gap": "md",
4610
- "type": "stack"
4611
+ "gap": "md"
4611
4612
  },
4612
4613
  {
4613
- "type": "button",
4614
- "label": "Refresh",
4614
+ "action": "REFRESH",
4615
4615
  "icon": "refresh-cw",
4616
+ "type": "button",
4616
4617
  "variant": "secondary",
4617
- "action": "REFRESH"
4618
+ "label": "Refresh"
4618
4619
  }
4619
4620
  ],
4620
- "justify": "between",
4621
- "gap": "md"
4621
+ "direction": "horizontal"
4622
4622
  },
4623
4623
  {
4624
4624
  "type": "divider"
4625
4625
  },
4626
4626
  {
4627
- "type": "box",
4628
- "padding": "md",
4629
4627
  "children": [
4630
4628
  {
4631
- "cols": 3.0,
4632
- "type": "simple-grid",
4633
4629
  "children": [
4634
4630
  {
4635
- "value": "@entity.totalDeals",
4636
4631
  "type": "stat-display",
4637
- "label": "TotalDeals"
4632
+ "label": "TotalDeals",
4633
+ "value": "@entity.totalDeals"
4638
4634
  },
4639
4635
  {
4640
- "value": "@entity.totalValue",
4636
+ "type": "stat-display",
4641
4637
  "label": "TotalValue",
4642
- "type": "stat-display"
4638
+ "value": "@entity.totalValue"
4643
4639
  },
4644
4640
  {
4645
- "type": "stat-display",
4646
4641
  "value": "@entity.wonDeals",
4647
- "label": "WonDeals"
4642
+ "label": "WonDeals",
4643
+ "type": "stat-display"
4648
4644
  },
4649
4645
  {
4650
- "value": "@entity.lostDeals",
4651
4646
  "type": "stat-display",
4652
- "label": "LostDeals"
4647
+ "label": "LostDeals",
4648
+ "value": "@entity.lostDeals"
4653
4649
  },
4654
4650
  {
4655
- "type": "stat-display",
4651
+ "value": "@entity.conversionRate",
4656
4652
  "label": "ConversionRate",
4657
- "value": "@entity.conversionRate"
4653
+ "type": "stat-display"
4658
4654
  }
4659
- ]
4655
+ ],
4656
+ "type": "simple-grid",
4657
+ "cols": 3.0
4660
4658
  }
4661
- ]
4659
+ ],
4660
+ "type": "box",
4661
+ "padding": "md"
4662
4662
  },
4663
4663
  {
4664
4664
  "type": "divider"
4665
4665
  },
4666
4666
  {
4667
- "gap": "md",
4668
- "cols": 2.0,
4669
- "type": "grid",
4670
4667
  "children": [
4671
4668
  {
4672
- "type": "card",
4673
4669
  "children": [
4674
4670
  {
4675
4671
  "variant": "caption",
4676
4672
  "type": "typography",
4677
4673
  "content": "Chart View"
4678
4674
  }
4679
- ]
4675
+ ],
4676
+ "type": "card"
4680
4677
  },
4681
4678
  {
4679
+ "type": "card",
4682
4680
  "children": [
4683
4681
  {
4684
- "type": "typography",
4685
4682
  "variant": "caption",
4686
- "content": "Graph View"
4683
+ "content": "Graph View",
4684
+ "type": "typography"
4687
4685
  }
4688
- ],
4689
- "type": "card"
4686
+ ]
4690
4687
  }
4691
- ]
4688
+ ],
4689
+ "type": "grid",
4690
+ "gap": "md",
4691
+ "cols": 2.0
4692
4692
  },
4693
4693
  {
4694
4694
  "data": [
@@ -4701,8 +4701,8 @@
4701
4701
  "value": 19.0
4702
4702
  },
4703
4703
  {
4704
- "value": 15.0,
4705
- "date": "Mar"
4704
+ "date": "Mar",
4705
+ "value": 15.0
4706
4706
  },
4707
4707
  {
4708
4708
  "value": 25.0,
@@ -4713,58 +4713,58 @@
4713
4713
  "value": 22.0
4714
4714
  },
4715
4715
  {
4716
- "date": "Jun",
4717
- "value": 30.0
4716
+ "value": 30.0,
4717
+ "date": "Jun"
4718
4718
  }
4719
4719
  ],
4720
4720
  "type": "line-chart"
4721
4721
  },
4722
4722
  {
4723
+ "type": "chart-legend",
4723
4724
  "items": [
4724
4725
  {
4725
- "label": "Current",
4726
- "color": "primary"
4726
+ "color": "primary",
4727
+ "label": "Current"
4727
4728
  },
4728
4729
  {
4729
- "color": "muted",
4730
- "label": "Previous"
4730
+ "label": "Previous",
4731
+ "color": "muted"
4731
4732
  }
4732
- ],
4733
- "type": "chart-legend"
4733
+ ]
4734
4734
  },
4735
4735
  {
4736
- "type": "graph-view",
4737
- "height": 200.0,
4738
4736
  "nodes": [
4739
4737
  {
4740
- "label": "Start",
4741
- "id": "a"
4738
+ "id": "a",
4739
+ "label": "Start"
4742
4740
  },
4743
4741
  {
4744
- "label": "Process",
4745
- "id": "b"
4742
+ "id": "b",
4743
+ "label": "Process"
4746
4744
  },
4747
4745
  {
4748
4746
  "id": "c",
4749
4747
  "label": "End"
4750
4748
  }
4751
4749
  ],
4750
+ "type": "graph-view",
4752
4751
  "width": 400.0,
4752
+ "height": 200.0,
4753
4753
  "edges": [
4754
4754
  {
4755
4755
  "target": "b",
4756
4756
  "source": "a"
4757
4757
  },
4758
4758
  {
4759
- "target": "c",
4760
- "source": "b"
4759
+ "source": "b",
4760
+ "target": "c"
4761
4761
  }
4762
4762
  ]
4763
4763
  }
4764
- ]
4764
+ ],
4765
+ "gap": "lg"
4765
4766
  }
4766
- ],
4767
- "type": "scaled-diagram"
4767
+ ]
4768
4768
  }
4769
4769
  ]
4770
4770
  }
@@ -4812,56 +4812,52 @@
4812
4812
  "type": "breadcrumb"
4813
4813
  },
4814
4814
  {
4815
- "gap": "md",
4816
- "direction": "horizontal",
4817
- "justify": "between",
4818
- "type": "stack",
4819
4815
  "children": [
4820
4816
  {
4817
+ "direction": "horizontal",
4818
+ "type": "stack",
4821
4819
  "children": [
4822
4820
  {
4823
- "type": "icon",
4824
- "name": "bar-chart-2"
4821
+ "name": "bar-chart-2",
4822
+ "type": "icon"
4825
4823
  },
4826
4824
  {
4827
- "type": "typography",
4828
4825
  "variant": "h2",
4829
- "content": "Pipeline"
4826
+ "content": "Pipeline",
4827
+ "type": "typography"
4830
4828
  }
4831
4829
  ],
4832
- "type": "stack",
4833
- "direction": "horizontal",
4834
4830
  "gap": "md"
4835
4831
  },
4836
4832
  {
4837
4833
  "type": "button",
4834
+ "variant": "secondary",
4838
4835
  "label": "Refresh",
4839
4836
  "action": "REFRESH",
4840
- "variant": "secondary",
4841
4837
  "icon": "refresh-cw"
4842
4838
  }
4843
- ]
4839
+ ],
4840
+ "type": "stack",
4841
+ "direction": "horizontal",
4842
+ "gap": "md",
4843
+ "justify": "between"
4844
4844
  },
4845
4845
  {
4846
4846
  "type": "divider"
4847
4847
  },
4848
4848
  {
4849
- "padding": "md",
4850
- "type": "box",
4851
4849
  "children": [
4852
4850
  {
4853
- "cols": 3.0,
4854
- "type": "simple-grid",
4855
4851
  "children": [
4856
4852
  {
4857
- "label": "TotalDeals",
4858
4853
  "type": "stat-display",
4859
- "value": "@entity.totalDeals"
4854
+ "value": "@entity.totalDeals",
4855
+ "label": "TotalDeals"
4860
4856
  },
4861
4857
  {
4862
- "label": "TotalValue",
4858
+ "type": "stat-display",
4863
4859
  "value": "@entity.totalValue",
4864
- "type": "stat-display"
4860
+ "label": "TotalValue"
4865
4861
  },
4866
4862
  {
4867
4863
  "type": "stat-display",
@@ -4869,50 +4865,55 @@
4869
4865
  "value": "@entity.wonDeals"
4870
4866
  },
4871
4867
  {
4872
- "label": "LostDeals",
4873
- "value": "@entity.lostDeals",
4874
- "type": "stat-display"
4868
+ "label": "LostDeals",
4869
+ "type": "stat-display",
4870
+ "value": "@entity.lostDeals"
4875
4871
  },
4876
4872
  {
4877
4873
  "type": "stat-display",
4878
4874
  "label": "ConversionRate",
4879
4875
  "value": "@entity.conversionRate"
4880
4876
  }
4881
- ]
4877
+ ],
4878
+ "cols": 3.0,
4879
+ "type": "simple-grid"
4882
4880
  }
4883
- ]
4881
+ ],
4882
+ "type": "box",
4883
+ "padding": "md"
4884
4884
  },
4885
4885
  {
4886
4886
  "type": "divider"
4887
4887
  },
4888
4888
  {
4889
+ "type": "grid",
4890
+ "cols": 2.0,
4889
4891
  "children": [
4890
4892
  {
4891
- "type": "card",
4892
4893
  "children": [
4893
4894
  {
4894
4895
  "type": "typography",
4895
4896
  "variant": "caption",
4896
4897
  "content": "Chart View"
4897
4898
  }
4898
- ]
4899
+ ],
4900
+ "type": "card"
4899
4901
  },
4900
4902
  {
4901
4903
  "type": "card",
4902
4904
  "children": [
4903
4905
  {
4904
- "variant": "caption",
4905
4906
  "content": "Graph View",
4906
- "type": "typography"
4907
+ "type": "typography",
4908
+ "variant": "caption"
4907
4909
  }
4908
4910
  ]
4909
4911
  }
4910
4912
  ],
4911
- "cols": 2.0,
4912
- "gap": "md",
4913
- "type": "grid"
4913
+ "gap": "md"
4914
4914
  },
4915
4915
  {
4916
+ "type": "line-chart",
4916
4917
  "data": [
4917
4918
  {
4918
4919
  "date": "Jan",
@@ -4931,15 +4932,14 @@
4931
4932
  "date": "Apr"
4932
4933
  },
4933
4934
  {
4934
- "value": 22.0,
4935
- "date": "May"
4935
+ "date": "May",
4936
+ "value": 22.0
4936
4937
  },
4937
4938
  {
4938
- "value": 30.0,
4939
- "date": "Jun"
4939
+ "date": "Jun",
4940
+ "value": 30.0
4940
4941
  }
4941
- ],
4942
- "type": "line-chart"
4942
+ ]
4943
4943
  },
4944
4944
  {
4945
4945
  "type": "chart-legend",
@@ -4949,12 +4949,15 @@
4949
4949
  "color": "primary"
4950
4950
  },
4951
4951
  {
4952
- "color": "muted",
4953
- "label": "Previous"
4952
+ "label": "Previous",
4953
+ "color": "muted"
4954
4954
  }
4955
4955
  ]
4956
4956
  },
4957
4957
  {
4958
+ "width": 400.0,
4959
+ "height": 200.0,
4960
+ "type": "graph-view",
4958
4961
  "edges": [
4959
4962
  {
4960
4963
  "source": "a",
@@ -4965,9 +4968,6 @@
4965
4968
  "target": "c"
4966
4969
  }
4967
4970
  ],
4968
- "height": 200.0,
4969
- "width": 400.0,
4970
- "type": "graph-view",
4971
4971
  "nodes": [
4972
4972
  {
4973
4973
  "id": "a",
@@ -4992,23 +4992,23 @@
4992
4992
  "type": "dashboard-layout",
4993
4993
  "navItems": [
4994
4994
  {
4995
- "icon": "users",
4995
+ "href": "/contacts",
4996
4996
  "label": "Contacts",
4997
- "href": "/contacts"
4997
+ "icon": "users"
4998
4998
  },
4999
4999
  {
5000
- "label": "Deals",
5001
5000
  "href": "/deals",
5002
- "icon": "briefcase"
5001
+ "icon": "briefcase",
5002
+ "label": "Deals"
5003
5003
  },
5004
5004
  {
5005
5005
  "href": "/pipeline",
5006
- "label": "Pipeline",
5007
- "icon": "bar-chart-2"
5006
+ "icon": "bar-chart-2",
5007
+ "label": "Pipeline"
5008
5008
  },
5009
5009
  {
5010
- "label": "Notes",
5011
5010
  "href": "/notes",
5011
+ "label": "Notes",
5012
5012
  "icon": "file-text"
5013
5013
  }
5014
5014
  ]
@@ -5153,8 +5153,8 @@
5153
5153
  "Note",
5154
5154
  {
5155
5155
  "emit": {
5156
- "failure": "NoteLoadFailed",
5157
- "success": "NoteLoaded"
5156
+ "success": "NoteLoaded",
5157
+ "failure": "NoteLoadFailed"
5158
5158
  }
5159
5159
  }
5160
5160
  ],
@@ -5162,8 +5162,8 @@
5162
5162
  "render-ui",
5163
5163
  "main",
5164
5164
  {
5165
+ "direction": "vertical",
5165
5166
  "align": "center",
5166
- "gap": "md",
5167
5167
  "className": "py-12",
5168
5168
  "children": [
5169
5169
  {
@@ -5172,12 +5172,12 @@
5172
5172
  {
5173
5173
  "type": "typography",
5174
5174
  "variant": "caption",
5175
- "content": "Loading…",
5176
- "color": "muted"
5175
+ "color": "muted",
5176
+ "content": "Loading…"
5177
5177
  }
5178
5178
  ],
5179
5179
  "type": "stack",
5180
- "direction": "vertical"
5180
+ "gap": "md"
5181
5181
  }
5182
5182
  ]
5183
5183
  ]
@@ -5191,65 +5191,43 @@
5191
5191
  "render-ui",
5192
5192
  "main",
5193
5193
  {
5194
- "navItems": [
5195
- {
5196
- "label": "Contacts",
5197
- "href": "/contacts",
5198
- "icon": "users"
5199
- },
5200
- {
5201
- "icon": "briefcase",
5202
- "href": "/deals",
5203
- "label": "Deals"
5204
- },
5205
- {
5206
- "href": "/pipeline",
5207
- "icon": "bar-chart-2",
5208
- "label": "Pipeline"
5209
- },
5210
- {
5211
- "icon": "file-text",
5212
- "href": "/notes",
5213
- "label": "Notes"
5214
- }
5215
- ],
5216
5194
  "appName": "CRM",
5217
5195
  "type": "dashboard-layout",
5218
5196
  "children": [
5219
5197
  {
5220
- "direction": "vertical",
5221
5198
  "type": "stack",
5199
+ "direction": "vertical",
5222
5200
  "gap": "lg",
5201
+ "className": "max-w-5xl mx-auto w-full",
5223
5202
  "children": [
5224
5203
  {
5225
- "direction": "horizontal",
5226
- "type": "stack",
5227
- "justify": "between",
5228
5204
  "align": "center",
5205
+ "type": "stack",
5206
+ "gap": "md",
5229
5207
  "children": [
5230
5208
  {
5231
- "direction": "horizontal",
5232
5209
  "children": [
5233
5210
  {
5234
- "type": "icon",
5235
- "name": "file-text"
5211
+ "name": "file-text",
5212
+ "type": "icon"
5236
5213
  },
5237
5214
  {
5238
- "type": "typography",
5215
+ "content": "Notes",
5239
5216
  "variant": "h2",
5240
- "content": "Notes"
5217
+ "type": "typography"
5241
5218
  }
5242
5219
  ],
5243
- "gap": "sm",
5244
5220
  "align": "center",
5221
+ "gap": "sm",
5222
+ "direction": "horizontal",
5245
5223
  "type": "stack"
5246
5224
  },
5247
5225
  {
5248
5226
  "children": [
5249
5227
  {
5228
+ "icon": "edit",
5250
5229
  "variant": "primary",
5251
5230
  "type": "button",
5252
- "icon": "edit",
5253
5231
  "action": "COMPOSE",
5254
5232
  "label": "Compose"
5255
5233
  }
@@ -5259,26 +5237,18 @@
5259
5237
  "gap": "sm"
5260
5238
  }
5261
5239
  ],
5262
- "gap": "md"
5240
+ "direction": "horizontal",
5241
+ "justify": "between"
5263
5242
  },
5264
5243
  {
5265
5244
  "type": "divider"
5266
5245
  },
5267
5246
  {
5268
- "type": "data-list",
5269
- "fields": [],
5270
- "itemActions": [
5271
- {
5272
- "event": "VIEW",
5273
- "variant": "ghost",
5274
- "label": "View"
5275
- }
5276
- ],
5277
5247
  "columns": [
5278
5248
  {
5279
5249
  "name": "subject",
5280
- "icon": "file-text",
5281
- "variant": "h4"
5250
+ "variant": "h4",
5251
+ "icon": "file-text"
5282
5252
  },
5283
5253
  {
5284
5254
  "variant": "caption",
@@ -5286,16 +5256,46 @@
5286
5256
  },
5287
5257
  {
5288
5258
  "variant": "caption",
5289
- "format": "date",
5290
- "name": "createdAt"
5259
+ "name": "createdAt",
5260
+ "format": "date"
5291
5261
  }
5292
5262
  ],
5293
- "entity": "@payload.data",
5263
+ "type": "data-list",
5264
+ "gap": "sm",
5294
5265
  "variant": "card",
5295
- "gap": "sm"
5266
+ "fields": [],
5267
+ "itemActions": [
5268
+ {
5269
+ "label": "View",
5270
+ "event": "VIEW",
5271
+ "variant": "ghost"
5272
+ }
5273
+ ],
5274
+ "entity": "@payload.data"
5296
5275
  }
5297
- ],
5298
- "className": "max-w-5xl mx-auto w-full"
5276
+ ]
5277
+ }
5278
+ ],
5279
+ "navItems": [
5280
+ {
5281
+ "label": "Contacts",
5282
+ "href": "/contacts",
5283
+ "icon": "users"
5284
+ },
5285
+ {
5286
+ "href": "/deals",
5287
+ "icon": "briefcase",
5288
+ "label": "Deals"
5289
+ },
5290
+ {
5291
+ "icon": "bar-chart-2",
5292
+ "href": "/pipeline",
5293
+ "label": "Pipeline"
5294
+ },
5295
+ {
5296
+ "href": "/notes",
5297
+ "label": "Notes",
5298
+ "icon": "file-text"
5299
5299
  }
5300
5300
  ]
5301
5301
  }
@@ -5311,13 +5311,12 @@
5311
5311
  "render-ui",
5312
5312
  "main",
5313
5313
  {
5314
- "gap": "md",
5315
- "align": "center",
5314
+ "direction": "vertical",
5316
5315
  "children": [
5317
5316
  {
5318
- "name": "alert-triangle",
5317
+ "type": "icon",
5319
5318
  "color": "destructive",
5320
- "type": "icon"
5319
+ "name": "alert-triangle"
5321
5320
  },
5322
5321
  {
5323
5322
  "content": "Failed to load note",
@@ -5325,22 +5324,23 @@
5325
5324
  "variant": "h3"
5326
5325
  },
5327
5326
  {
5328
- "content": "@payload.error",
5329
- "type": "typography",
5330
5327
  "color": "muted",
5331
- "variant": "body"
5328
+ "type": "typography",
5329
+ "variant": "body",
5330
+ "content": "@payload.error"
5332
5331
  },
5333
5332
  {
5334
- "type": "button",
5335
- "variant": "primary",
5336
5333
  "icon": "rotate-ccw",
5334
+ "variant": "primary",
5335
+ "type": "button",
5337
5336
  "label": "Retry",
5338
5337
  "action": "INIT"
5339
5338
  }
5340
5339
  ],
5341
- "type": "stack",
5342
- "direction": "vertical",
5343
- "className": "py-12"
5340
+ "align": "center",
5341
+ "gap": "md",
5342
+ "className": "py-12",
5343
+ "type": "stack"
5344
5344
  }
5345
5345
  ]
5346
5346
  ]
@@ -5511,39 +5511,39 @@
5511
5511
  "render-ui",
5512
5512
  "modal",
5513
5513
  {
5514
+ "gap": "md",
5514
5515
  "children": [
5515
5516
  {
5517
+ "type": "stack",
5516
5518
  "direction": "horizontal",
5517
5519
  "gap": "sm",
5518
5520
  "children": [
5519
5521
  {
5520
- "type": "icon",
5521
- "name": "edit"
5522
+ "name": "edit",
5523
+ "type": "icon"
5522
5524
  },
5523
5525
  {
5524
- "content": "New Note",
5525
5526
  "variant": "h3",
5526
- "type": "typography"
5527
+ "type": "typography",
5528
+ "content": "New Note"
5527
5529
  }
5528
- ],
5529
- "type": "stack"
5530
+ ]
5530
5531
  },
5531
5532
  {
5532
5533
  "type": "divider"
5533
5534
  },
5534
5535
  {
5535
5536
  "mode": "create",
5536
- "submitEvent": "SEND",
5537
- "cancelEvent": "CLOSE",
5538
5537
  "fields": [
5539
5538
  "subject",
5540
5539
  "body",
5541
5540
  "author"
5542
5541
  ],
5543
- "type": "form-section"
5542
+ "type": "form-section",
5543
+ "submitEvent": "SEND",
5544
+ "cancelEvent": "CLOSE"
5544
5545
  }
5545
5546
  ],
5546
- "gap": "md",
5547
5547
  "type": "stack",
5548
5548
  "direction": "vertical"
5549
5549
  }
@@ -5731,10 +5731,12 @@
5731
5731
  "render-ui",
5732
5732
  "modal",
5733
5733
  {
5734
+ "direction": "vertical",
5734
5735
  "children": [
5735
5736
  {
5736
- "type": "stack",
5737
5737
  "direction": "horizontal",
5738
+ "type": "stack",
5739
+ "gap": "sm",
5738
5740
  "align": "center",
5739
5741
  "children": [
5740
5742
  {
@@ -5746,101 +5748,99 @@
5746
5748
  "content": "@entity.subject",
5747
5749
  "type": "typography"
5748
5750
  }
5749
- ],
5750
- "gap": "sm"
5751
+ ]
5751
5752
  },
5752
5753
  {
5753
5754
  "type": "divider"
5754
5755
  },
5755
5756
  {
5757
+ "direction": "horizontal",
5756
5758
  "gap": "md",
5757
5759
  "children": [
5758
5760
  {
5759
5761
  "type": "typography",
5760
- "content": "Subject",
5761
- "variant": "caption"
5762
+ "variant": "caption",
5763
+ "content": "Subject"
5762
5764
  },
5763
5765
  {
5764
- "content": "@entity.subject",
5766
+ "type": "typography",
5765
5767
  "variant": "body",
5766
- "type": "typography"
5768
+ "content": "@entity.subject"
5767
5769
  }
5768
5770
  ],
5769
- "type": "stack",
5770
- "direction": "horizontal"
5771
+ "type": "stack"
5771
5772
  },
5772
5773
  {
5773
- "type": "stack",
5774
- "direction": "horizontal",
5775
- "gap": "md",
5776
5774
  "children": [
5777
5775
  {
5778
- "type": "typography",
5776
+ "content": "Body",
5779
5777
  "variant": "caption",
5780
- "content": "Body"
5778
+ "type": "typography"
5781
5779
  },
5782
5780
  {
5783
5781
  "content": "@entity.body",
5784
5782
  "variant": "body",
5785
5783
  "type": "typography"
5786
5784
  }
5787
- ]
5785
+ ],
5786
+ "type": "stack",
5787
+ "direction": "horizontal",
5788
+ "gap": "md"
5788
5789
  },
5789
5790
  {
5791
+ "direction": "horizontal",
5792
+ "gap": "md",
5793
+ "type": "stack",
5790
5794
  "children": [
5791
5795
  {
5796
+ "variant": "caption",
5792
5797
  "type": "typography",
5793
- "content": "Author",
5794
- "variant": "caption"
5798
+ "content": "Author"
5795
5799
  },
5796
5800
  {
5797
- "variant": "body",
5801
+ "content": "@entity.author",
5798
5802
  "type": "typography",
5799
- "content": "@entity.author"
5803
+ "variant": "body"
5800
5804
  }
5801
- ],
5802
- "gap": "md",
5803
- "type": "stack",
5804
- "direction": "horizontal"
5805
+ ]
5805
5806
  },
5806
5807
  {
5807
- "type": "stack",
5808
5808
  "children": [
5809
5809
  {
5810
- "variant": "caption",
5811
5810
  "type": "typography",
5811
+ "variant": "caption",
5812
5812
  "content": "Created At"
5813
5813
  },
5814
5814
  {
5815
5815
  "variant": "body",
5816
- "type": "typography",
5817
- "content": "@entity.createdAt"
5816
+ "content": "@entity.createdAt",
5817
+ "type": "typography"
5818
5818
  }
5819
5819
  ],
5820
- "direction": "horizontal",
5821
- "gap": "md"
5820
+ "type": "stack",
5821
+ "gap": "md",
5822
+ "direction": "horizontal"
5822
5823
  },
5823
5824
  {
5824
5825
  "type": "divider"
5825
5826
  },
5826
5827
  {
5828
+ "gap": "sm",
5829
+ "direction": "horizontal",
5830
+ "type": "stack",
5831
+ "justify": "end",
5827
5832
  "children": [
5828
5833
  {
5829
5834
  "action": "CLOSE",
5830
- "type": "button",
5831
5835
  "label": "Close",
5832
- "variant": "ghost"
5836
+ "variant": "ghost",
5837
+ "type": "button"
5833
5838
  }
5834
- ],
5835
- "direction": "horizontal",
5836
- "type": "stack",
5837
- "justify": "end",
5838
- "gap": "sm"
5839
+ ]
5839
5840
  }
5840
5841
  ],
5841
- "direction": "vertical",
5842
- "type": "stack",
5843
- "gap": "md"
5842
+ "gap": "md",
5843
+ "type": "stack"
5844
5844
  }
5845
5845
  ]
5846
5846
  ]
@@ -5912,4 +5912,4 @@
5912
5912
  ]
5913
5913
  }
5914
5914
  ]
5915
- }
5915
+ }