@almadar/std 3.2.2 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/behaviors/exports/atoms/std-browse.orb +38 -45
  2. package/behaviors/exports/atoms/std-calendar.orb +770 -0
  3. package/behaviors/exports/atoms/std-display.orb +1175 -510
  4. package/behaviors/exports/atoms/std-drawer.orb +235 -133
  5. package/behaviors/exports/atoms/std-flip-card.orb +596 -0
  6. package/behaviors/exports/atoms/std-gallery.orb +382 -0
  7. package/behaviors/exports/atoms/std-loading.orb +131 -103
  8. package/behaviors/exports/atoms/std-modal.orb +5 -24
  9. package/behaviors/exports/atoms/std-notification.orb +71 -0
  10. package/behaviors/exports/atoms/std-pagination.orb +32 -40
  11. package/behaviors/exports/atoms/std-rating.orb +328 -0
  12. package/behaviors/exports/atoms/std-score.orb +41 -0
  13. package/behaviors/exports/atoms/std-search.orb +44 -30
  14. package/behaviors/exports/atoms/std-selection.orb +26 -34
  15. package/behaviors/exports/atoms/std-sort.orb +82 -60
  16. package/behaviors/exports/atoms/std-text-effects.orb +658 -0
  17. package/behaviors/exports/atoms/std-theme.orb +573 -0
  18. package/behaviors/exports/atoms/std-upload.orb +535 -0
  19. package/behaviors/exports/atoms/std-wizard.orb +664 -224
  20. package/behaviors/exports/molecules/std-builder-game.orb +43 -3
  21. package/behaviors/exports/molecules/std-cart.orb +319 -101
  22. package/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  23. package/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  24. package/behaviors/exports/molecules/std-detail.orb +46 -49
  25. package/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  26. package/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  27. package/behaviors/exports/molecules/std-geospatial.orb +48 -48
  28. package/behaviors/exports/molecules/std-inventory.orb +70 -50
  29. package/behaviors/exports/molecules/std-list.orb +174 -197
  30. package/behaviors/exports/molecules/std-messaging.orb +35 -50
  31. package/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  32. package/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  33. package/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  34. package/behaviors/exports/molecules/std-quiz.orb +1045 -0
  35. package/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  36. package/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  37. package/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  38. package/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  39. package/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  40. package/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  41. package/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  42. package/behaviors/exports/organisms/std-cms.orb +929 -822
  43. package/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  44. package/behaviors/exports/organisms/std-crm.orb +2302 -1282
  45. package/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  46. package/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  47. package/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  48. package/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  49. package/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  50. package/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  51. package/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  52. package/behaviors/exports/organisms/std-lms.orb +2495 -1435
  53. package/behaviors/exports/organisms/std-logic-training.orb +220 -66
  54. package/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  55. package/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  56. package/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  57. package/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  58. package/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  59. package/behaviors/exports/organisms/std-social-feed.orb +184 -172
  60. package/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  61. package/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  62. package/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  63. package/behaviors/exports/validation-report.json +0 -747
  64. package/dist/behaviors/exports/atoms/std-browse.orb +38 -45
  65. package/dist/behaviors/exports/atoms/std-calendar.orb +770 -0
  66. package/dist/behaviors/exports/atoms/std-display.orb +1175 -510
  67. package/dist/behaviors/exports/atoms/std-drawer.orb +235 -133
  68. package/dist/behaviors/exports/atoms/std-flip-card.orb +596 -0
  69. package/dist/behaviors/exports/atoms/std-gallery.orb +382 -0
  70. package/dist/behaviors/exports/atoms/std-loading.orb +131 -103
  71. package/dist/behaviors/exports/atoms/std-modal.orb +5 -24
  72. package/dist/behaviors/exports/atoms/std-notification.orb +71 -0
  73. package/dist/behaviors/exports/atoms/std-pagination.orb +32 -40
  74. package/dist/behaviors/exports/atoms/std-rating.orb +328 -0
  75. package/dist/behaviors/exports/atoms/std-score.orb +41 -0
  76. package/dist/behaviors/exports/atoms/std-search.orb +44 -30
  77. package/dist/behaviors/exports/atoms/std-selection.orb +26 -34
  78. package/dist/behaviors/exports/atoms/std-sort.orb +82 -60
  79. package/dist/behaviors/exports/atoms/std-text-effects.orb +658 -0
  80. package/dist/behaviors/exports/atoms/std-theme.orb +573 -0
  81. package/dist/behaviors/exports/atoms/std-upload.orb +535 -0
  82. package/dist/behaviors/exports/atoms/std-wizard.orb +664 -224
  83. package/dist/behaviors/exports/molecules/std-builder-game.orb +43 -3
  84. package/dist/behaviors/exports/molecules/std-cart.orb +319 -101
  85. package/dist/behaviors/exports/molecules/std-classifier-game.orb +43 -3
  86. package/dist/behaviors/exports/molecules/std-debugger-game.orb +43 -3
  87. package/dist/behaviors/exports/molecules/std-detail.orb +46 -49
  88. package/dist/behaviors/exports/molecules/std-event-handler-game.orb +43 -3
  89. package/dist/behaviors/exports/molecules/std-form-advanced.orb +654 -0
  90. package/dist/behaviors/exports/molecules/std-geospatial.orb +48 -48
  91. package/dist/behaviors/exports/molecules/std-inventory.orb +70 -50
  92. package/dist/behaviors/exports/molecules/std-list.orb +174 -197
  93. package/dist/behaviors/exports/molecules/std-messaging.orb +35 -50
  94. package/dist/behaviors/exports/molecules/std-negotiator-game.orb +43 -3
  95. package/dist/behaviors/exports/molecules/std-platformer-game.orb +18 -2
  96. package/dist/behaviors/exports/molecules/std-puzzle-game.orb +32 -6
  97. package/dist/behaviors/exports/molecules/std-quiz.orb +1045 -0
  98. package/dist/behaviors/exports/molecules/std-sequencer-game.orb +43 -3
  99. package/dist/behaviors/exports/molecules/std-simulator-game.orb +43 -3
  100. package/dist/behaviors/exports/molecules/std-turn-based-battle.orb +26 -0
  101. package/dist/behaviors/exports/organisms/std-api-gateway.orb +2326 -1320
  102. package/dist/behaviors/exports/organisms/std-arcade-game.orb +377 -265
  103. package/dist/behaviors/exports/organisms/std-booking-system.orb +3144 -1855
  104. package/dist/behaviors/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  105. package/dist/behaviors/exports/organisms/std-cms.orb +929 -822
  106. package/dist/behaviors/exports/organisms/std-coding-academy.orb +1347 -458
  107. package/dist/behaviors/exports/organisms/std-crm.orb +2302 -1282
  108. package/dist/behaviors/exports/organisms/std-devops-dashboard.orb +3902 -2005
  109. package/dist/behaviors/exports/organisms/std-ecommerce.orb +2432 -1630
  110. package/dist/behaviors/exports/organisms/std-finance-tracker.orb +1674 -846
  111. package/dist/behaviors/exports/organisms/std-healthcare.orb +3545 -1992
  112. package/dist/behaviors/exports/organisms/std-helpdesk.orb +1853 -940
  113. package/dist/behaviors/exports/organisms/std-hr-portal.orb +3249 -1939
  114. package/dist/behaviors/exports/organisms/std-iot-dashboard.orb +2422 -1418
  115. package/dist/behaviors/exports/organisms/std-lms.orb +2495 -1435
  116. package/dist/behaviors/exports/organisms/std-logic-training.orb +220 -66
  117. package/dist/behaviors/exports/organisms/std-platformer-app.orb +345 -214
  118. package/dist/behaviors/exports/organisms/std-project-manager.orb +2217 -1190
  119. package/dist/behaviors/exports/organisms/std-puzzle-app.orb +228 -103
  120. package/dist/behaviors/exports/organisms/std-realtime-chat.orb +1887 -1051
  121. package/dist/behaviors/exports/organisms/std-rpg-game.orb +1170 -948
  122. package/dist/behaviors/exports/organisms/std-social-feed.orb +184 -172
  123. package/dist/behaviors/exports/organisms/std-stem-lab.orb +1308 -482
  124. package/dist/behaviors/exports/organisms/std-strategy-game.orb +1520 -696
  125. package/dist/behaviors/exports/organisms/std-trading-dashboard.orb +1884 -904
  126. package/dist/behaviors/exports/validation-report.json +0 -747
  127. package/dist/behaviors/functions/index.d.ts +270 -1
  128. package/dist/behaviors/functions/index.js +3163 -807
  129. package/dist/behaviors/functions/index.js.map +1 -1
  130. package/dist/behaviors/index.d.ts +1 -1
  131. package/dist/behaviors/index.js +3164 -808
  132. package/dist/behaviors/index.js.map +1 -1
  133. package/dist/exports/atoms/std-browse.orb +38 -45
  134. package/dist/exports/atoms/std-calendar.orb +770 -0
  135. package/dist/exports/atoms/std-display.orb +1175 -510
  136. package/dist/exports/atoms/std-drawer.orb +235 -133
  137. package/dist/exports/atoms/std-flip-card.orb +596 -0
  138. package/dist/exports/atoms/std-gallery.orb +382 -0
  139. package/dist/exports/atoms/std-loading.orb +131 -103
  140. package/dist/exports/atoms/std-modal.orb +5 -24
  141. package/dist/exports/atoms/std-notification.orb +71 -0
  142. package/dist/exports/atoms/std-pagination.orb +32 -40
  143. package/dist/exports/atoms/std-rating.orb +328 -0
  144. package/dist/exports/atoms/std-score.orb +41 -0
  145. package/dist/exports/atoms/std-search.orb +44 -30
  146. package/dist/exports/atoms/std-selection.orb +26 -34
  147. package/dist/exports/atoms/std-sort.orb +82 -60
  148. package/dist/exports/atoms/std-text-effects.orb +658 -0
  149. package/dist/exports/atoms/std-theme.orb +573 -0
  150. package/dist/exports/atoms/std-upload.orb +535 -0
  151. package/dist/exports/atoms/std-wizard.orb +664 -224
  152. package/dist/exports/molecules/std-builder-game.orb +43 -3
  153. package/dist/exports/molecules/std-cart.orb +319 -101
  154. package/dist/exports/molecules/std-classifier-game.orb +43 -3
  155. package/dist/exports/molecules/std-debugger-game.orb +43 -3
  156. package/dist/exports/molecules/std-detail.orb +46 -49
  157. package/dist/exports/molecules/std-event-handler-game.orb +43 -3
  158. package/dist/exports/molecules/std-form-advanced.orb +654 -0
  159. package/dist/exports/molecules/std-geospatial.orb +48 -48
  160. package/dist/exports/molecules/std-inventory.orb +70 -50
  161. package/dist/exports/molecules/std-list.orb +174 -197
  162. package/dist/exports/molecules/std-messaging.orb +35 -50
  163. package/dist/exports/molecules/std-negotiator-game.orb +43 -3
  164. package/dist/exports/molecules/std-platformer-game.orb +18 -2
  165. package/dist/exports/molecules/std-puzzle-game.orb +32 -6
  166. package/dist/exports/molecules/std-quiz.orb +1045 -0
  167. package/dist/exports/molecules/std-sequencer-game.orb +43 -3
  168. package/dist/exports/molecules/std-simulator-game.orb +43 -3
  169. package/dist/exports/molecules/std-turn-based-battle.orb +26 -0
  170. package/dist/exports/organisms/std-api-gateway.orb +2326 -1320
  171. package/dist/exports/organisms/std-arcade-game.orb +377 -265
  172. package/dist/exports/organisms/std-booking-system.orb +3144 -1855
  173. package/dist/exports/organisms/std-cicd-pipeline.orb +2107 -1122
  174. package/dist/exports/organisms/std-cms.orb +929 -822
  175. package/dist/exports/organisms/std-coding-academy.orb +1347 -458
  176. package/dist/exports/organisms/std-crm.orb +2302 -1282
  177. package/dist/exports/organisms/std-devops-dashboard.orb +3902 -2005
  178. package/dist/exports/organisms/std-ecommerce.orb +2432 -1630
  179. package/dist/exports/organisms/std-finance-tracker.orb +1674 -846
  180. package/dist/exports/organisms/std-healthcare.orb +3545 -1992
  181. package/dist/exports/organisms/std-helpdesk.orb +1853 -940
  182. package/dist/exports/organisms/std-hr-portal.orb +3249 -1939
  183. package/dist/exports/organisms/std-iot-dashboard.orb +2422 -1418
  184. package/dist/exports/organisms/std-lms.orb +2495 -1435
  185. package/dist/exports/organisms/std-logic-training.orb +220 -66
  186. package/dist/exports/organisms/std-platformer-app.orb +345 -214
  187. package/dist/exports/organisms/std-project-manager.orb +2217 -1190
  188. package/dist/exports/organisms/std-puzzle-app.orb +228 -103
  189. package/dist/exports/organisms/std-realtime-chat.orb +1887 -1051
  190. package/dist/exports/organisms/std-rpg-game.orb +1170 -948
  191. package/dist/exports/organisms/std-social-feed.orb +184 -172
  192. package/dist/exports/organisms/std-stem-lab.orb +1308 -482
  193. package/dist/exports/organisms/std-strategy-game.orb +1520 -696
  194. package/dist/exports/organisms/std-trading-dashboard.orb +1884 -904
  195. package/dist/exports/validation-report.json +0 -747
  196. package/dist/index.d.ts +1 -1
  197. package/dist/index.js +3166 -810
  198. package/dist/index.js.map +1 -1
  199. package/package.json +1 -1
package/dist/behaviors/exports/organisms/std-crm.orb CHANGED
@@ -36,7 +36,13 @@
36
36
  {
37
37
  "name": "status",
38
38
  "type": "string",
39
- "default": "lead"
39
+ "default": "lead",
40
+ "values": [
41
+ "lead",
42
+ "prospect",
43
+ "customer",
44
+ "inactive"
45
+ ]
40
46
  }
41
47
  ]
42
48
  },
@@ -156,120 +162,150 @@
156
162
  "render-ui",
157
163
  "main",
158
164
  {
159
- "type": "stack",
160
- "direction": "vertical",
161
- "gap": "lg",
165
+ "type": "dashboard-layout",
166
+ "appName": "CRM",
167
+ "navItems": [
168
+ {
169
+ "label": "Contacts",
170
+ "href": "/contacts",
171
+ "icon": "users"
172
+ },
173
+ {
174
+ "label": "Deals",
175
+ "href": "/deals",
176
+ "icon": "briefcase"
177
+ },
178
+ {
179
+ "label": "Pipeline",
180
+ "href": "/pipeline",
181
+ "icon": "bar-chart-2"
182
+ },
183
+ {
184
+ "label": "Notes",
185
+ "href": "/notes",
186
+ "icon": "file-text"
187
+ }
188
+ ],
162
189
  "children": [
163
190
  {
164
191
  "type": "stack",
165
- "direction": "horizontal",
166
- "gap": "md",
167
- "justify": "space-between",
192
+ "direction": "vertical",
193
+ "gap": "lg",
194
+ "className": "max-w-5xl mx-auto w-full",
168
195
  "children": [
169
196
  {
170
197
  "type": "stack",
171
198
  "direction": "horizontal",
172
- "gap": "sm",
199
+ "gap": "md",
200
+ "justify": "space-between",
173
201
  "align": "center",
174
202
  "children": [
175
203
  {
176
- "type": "icon",
177
- "name": "users",
178
- "size": "lg"
204
+ "type": "stack",
205
+ "direction": "horizontal",
206
+ "gap": "sm",
207
+ "align": "center",
208
+ "children": [
209
+ {
210
+ "type": "icon",
211
+ "name": "users",
212
+ "size": "lg"
213
+ },
214
+ {
215
+ "type": "typography",
216
+ "content": "Contacts",
217
+ "variant": "h2"
218
+ }
219
+ ]
179
220
  },
180
221
  {
181
- "type": "typography",
182
- "content": "Contacts",
183
- "variant": "h2"
222
+ "type": "stack",
223
+ "direction": "horizontal",
224
+ "gap": "sm",
225
+ "children": [
226
+ {
227
+ "type": "button",
228
+ "label": "Add Contact",
229
+ "event": "CREATE",
230
+ "variant": "primary",
231
+ "icon": "plus"
232
+ }
233
+ ]
184
234
  }
185
235
  ]
186
236
  },
187
237
  {
188
- "type": "stack",
189
- "direction": "horizontal",
190
- "gap": "sm",
238
+ "type": "divider"
239
+ },
240
+ {
241
+ "type": "simple-grid",
242
+ "columns": 1,
191
243
  "children": [
192
244
  {
193
- "type": "button",
194
- "label": "Add Contact",
195
- "event": "CREATE",
196
- "variant": "primary",
197
- "icon": "plus"
245
+ "type": "stat-display",
246
+ "label": "Total Contacts",
247
+ "value": [
248
+ "array/len",
249
+ "@entity"
250
+ ],
251
+ "icon": "users"
198
252
  }
199
253
  ]
200
- }
201
- ]
202
- },
203
- {
204
- "type": "divider"
205
- },
206
- {
207
- "type": "data-grid",
208
- "entity": "Contact",
209
- "emptyIcon": "inbox",
210
- "emptyTitle": "No contacts yet",
211
- "emptyDescription": "Create your first contact to get started.",
212
- "itemActions": [
213
- {
214
- "label": "View",
215
- "event": "VIEW"
216
254
  },
217
255
  {
218
- "label": "Edit",
219
- "event": "EDIT"
256
+ "type": "divider"
220
257
  },
221
258
  {
222
- "label": "Delete",
223
- "event": "DELETE",
224
- "variant": "danger"
225
- }
226
- ],
227
- "className": "transition-shadow hover:shadow-md cursor-pointer",
228
- "renderItem": [
229
- "fn",
230
- "item",
231
- {
232
- "type": "stack",
233
- "direction": "vertical",
234
- "gap": "sm",
235
- "children": [
259
+ "type": "data-list",
260
+ "entity": "Contact",
261
+ "emptyIcon": "inbox",
262
+ "emptyTitle": "No contacts yet",
263
+ "emptyDescription": "Add your first contact to start building your CRM.",
264
+ "itemActions": [
236
265
  {
237
- "type": "stack",
238
- "direction": "horizontal",
239
- "justify": "space-between",
240
- "align": "center",
241
- "children": [
242
- {
243
- "type": "stack",
244
- "direction": "horizontal",
245
- "gap": "sm",
246
- "align": "center",
247
- "children": [
248
- {
249
- "type": "icon",
250
- "name": "users",
251
- "size": "sm"
252
- },
253
- {
254
- "type": "typography",
255
- "variant": "h4",
256
- "content": "@item.name"
257
- }
258
- ]
259
- },
260
- {
261
- "type": "badge",
262
- "label": "@item.company"
263
- }
264
- ]
266
+ "label": "View",
267
+ "event": "VIEW",
268
+ "variant": "ghost",
269
+ "size": "sm"
265
270
  },
266
271
  {
267
- "type": "typography",
268
- "variant": "caption",
269
- "color": "muted",
270
- "content": "@item.email"
272
+ "label": "Edit",
273
+ "event": "EDIT",
274
+ "variant": "ghost",
275
+ "size": "sm"
276
+ },
277
+ {
278
+ "label": "Delete",
279
+ "event": "DELETE",
280
+ "variant": "danger",
281
+ "size": "sm"
271
282
  }
272
- ]
283
+ ],
284
+ "columns": [
285
+ {
286
+ "name": "name",
287
+ "variant": "h3",
288
+ "icon": "user"
289
+ },
290
+ {
291
+ "name": "status",
292
+ "variant": "badge"
293
+ },
294
+ {
295
+ "name": "company",
296
+ "variant": "body"
297
+ },
298
+ {
299
+ "name": "email",
300
+ "variant": "caption"
301
+ },
302
+ {
303
+ "name": "phone",
304
+ "variant": "caption"
305
+ }
306
+ ],
307
+ "variant": "card",
308
+ "gap": "sm"
273
309
  }
274
310
  ]
275
311
  }
@@ -393,120 +429,150 @@
393
429
  "render-ui",
394
430
  "main",
395
431
  {
396
- "type": "stack",
397
- "direction": "vertical",
398
- "gap": "lg",
432
+ "type": "dashboard-layout",
433
+ "appName": "CRM",
434
+ "navItems": [
435
+ {
436
+ "label": "Contacts",
437
+ "href": "/contacts",
438
+ "icon": "users"
439
+ },
440
+ {
441
+ "label": "Deals",
442
+ "href": "/deals",
443
+ "icon": "briefcase"
444
+ },
445
+ {
446
+ "label": "Pipeline",
447
+ "href": "/pipeline",
448
+ "icon": "bar-chart-2"
449
+ },
450
+ {
451
+ "label": "Notes",
452
+ "href": "/notes",
453
+ "icon": "file-text"
454
+ }
455
+ ],
399
456
  "children": [
400
457
  {
401
458
  "type": "stack",
402
- "direction": "horizontal",
403
- "gap": "md",
404
- "justify": "space-between",
459
+ "direction": "vertical",
460
+ "gap": "lg",
461
+ "className": "max-w-5xl mx-auto w-full",
405
462
  "children": [
406
463
  {
407
464
  "type": "stack",
408
465
  "direction": "horizontal",
409
- "gap": "sm",
466
+ "gap": "md",
467
+ "justify": "space-between",
410
468
  "align": "center",
411
469
  "children": [
412
470
  {
413
- "type": "icon",
414
- "name": "users",
415
- "size": "lg"
471
+ "type": "stack",
472
+ "direction": "horizontal",
473
+ "gap": "sm",
474
+ "align": "center",
475
+ "children": [
476
+ {
477
+ "type": "icon",
478
+ "name": "users",
479
+ "size": "lg"
480
+ },
481
+ {
482
+ "type": "typography",
483
+ "content": "Contacts",
484
+ "variant": "h2"
485
+ }
486
+ ]
416
487
  },
417
488
  {
418
- "type": "typography",
419
- "content": "Contacts",
420
- "variant": "h2"
489
+ "type": "stack",
490
+ "direction": "horizontal",
491
+ "gap": "sm",
492
+ "children": [
493
+ {
494
+ "type": "button",
495
+ "label": "Add Contact",
496
+ "event": "CREATE",
497
+ "variant": "primary",
498
+ "icon": "plus"
499
+ }
500
+ ]
421
501
  }
422
502
  ]
423
503
  },
424
504
  {
425
- "type": "stack",
426
- "direction": "horizontal",
427
- "gap": "sm",
505
+ "type": "divider"
506
+ },
507
+ {
508
+ "type": "simple-grid",
509
+ "columns": 1,
428
510
  "children": [
429
511
  {
430
- "type": "button",
431
- "label": "Add Contact",
432
- "event": "CREATE",
433
- "variant": "primary",
434
- "icon": "plus"
512
+ "type": "stat-display",
513
+ "label": "Total Contacts",
514
+ "value": [
515
+ "array/len",
516
+ "@entity"
517
+ ],
518
+ "icon": "users"
435
519
  }
436
520
  ]
437
- }
438
- ]
439
- },
440
- {
441
- "type": "divider"
442
- },
443
- {
444
- "type": "data-grid",
445
- "entity": "Contact",
446
- "emptyIcon": "inbox",
447
- "emptyTitle": "No contacts yet",
448
- "emptyDescription": "Create your first contact to get started.",
449
- "itemActions": [
450
- {
451
- "label": "View",
452
- "event": "VIEW"
453
521
  },
454
522
  {
455
- "label": "Edit",
456
- "event": "EDIT"
523
+ "type": "divider"
457
524
  },
458
525
  {
459
- "label": "Delete",
460
- "event": "DELETE",
461
- "variant": "danger"
462
- }
463
- ],
464
- "className": "transition-shadow hover:shadow-md cursor-pointer",
465
- "renderItem": [
466
- "fn",
467
- "item",
468
- {
469
- "type": "stack",
470
- "direction": "vertical",
471
- "gap": "sm",
472
- "children": [
526
+ "type": "data-list",
527
+ "entity": "Contact",
528
+ "emptyIcon": "inbox",
529
+ "emptyTitle": "No contacts yet",
530
+ "emptyDescription": "Add your first contact to start building your CRM.",
531
+ "itemActions": [
473
532
  {
474
- "type": "stack",
475
- "direction": "horizontal",
476
- "justify": "space-between",
477
- "align": "center",
478
- "children": [
479
- {
480
- "type": "stack",
481
- "direction": "horizontal",
482
- "gap": "sm",
483
- "align": "center",
484
- "children": [
485
- {
486
- "type": "icon",
487
- "name": "users",
488
- "size": "sm"
489
- },
490
- {
491
- "type": "typography",
492
- "variant": "h4",
493
- "content": "@item.name"
494
- }
495
- ]
496
- },
497
- {
498
- "type": "badge",
499
- "label": "@item.company"
500
- }
501
- ]
533
+ "label": "View",
534
+ "event": "VIEW",
535
+ "variant": "ghost",
536
+ "size": "sm"
502
537
  },
503
538
  {
504
- "type": "typography",
505
- "variant": "caption",
506
- "color": "muted",
507
- "content": "@item.email"
539
+ "label": "Edit",
540
+ "event": "EDIT",
541
+ "variant": "ghost",
542
+ "size": "sm"
543
+ },
544
+ {
545
+ "label": "Delete",
546
+ "event": "DELETE",
547
+ "variant": "danger",
548
+ "size": "sm"
508
549
  }
509
- ]
550
+ ],
551
+ "columns": [
552
+ {
553
+ "name": "name",
554
+ "variant": "h3",
555
+ "icon": "user"
556
+ },
557
+ {
558
+ "name": "status",
559
+ "variant": "badge"
560
+ },
561
+ {
562
+ "name": "company",
563
+ "variant": "body"
564
+ },
565
+ {
566
+ "name": "email",
567
+ "variant": "caption"
568
+ },
569
+ {
570
+ "name": "phone",
571
+ "variant": "caption"
572
+ }
573
+ ],
574
+ "variant": "card",
575
+ "gap": "sm"
510
576
  }
511
577
  ]
512
578
  }
@@ -537,120 +603,150 @@
537
603
  "render-ui",
538
604
  "main",
539
605
  {
540
- "type": "stack",
541
- "direction": "vertical",
542
- "gap": "lg",
606
+ "type": "dashboard-layout",
607
+ "appName": "CRM",
608
+ "navItems": [
609
+ {
610
+ "label": "Contacts",
611
+ "href": "/contacts",
612
+ "icon": "users"
613
+ },
614
+ {
615
+ "label": "Deals",
616
+ "href": "/deals",
617
+ "icon": "briefcase"
618
+ },
619
+ {
620
+ "label": "Pipeline",
621
+ "href": "/pipeline",
622
+ "icon": "bar-chart-2"
623
+ },
624
+ {
625
+ "label": "Notes",
626
+ "href": "/notes",
627
+ "icon": "file-text"
628
+ }
629
+ ],
543
630
  "children": [
544
631
  {
545
632
  "type": "stack",
546
- "direction": "horizontal",
547
- "gap": "md",
548
- "justify": "space-between",
633
+ "direction": "vertical",
634
+ "gap": "lg",
635
+ "className": "max-w-5xl mx-auto w-full",
549
636
  "children": [
550
637
  {
551
638
  "type": "stack",
552
639
  "direction": "horizontal",
553
- "gap": "sm",
640
+ "gap": "md",
641
+ "justify": "space-between",
554
642
  "align": "center",
555
643
  "children": [
556
644
  {
557
- "type": "icon",
558
- "name": "users",
559
- "size": "lg"
645
+ "type": "stack",
646
+ "direction": "horizontal",
647
+ "gap": "sm",
648
+ "align": "center",
649
+ "children": [
650
+ {
651
+ "type": "icon",
652
+ "name": "users",
653
+ "size": "lg"
654
+ },
655
+ {
656
+ "type": "typography",
657
+ "content": "Contacts",
658
+ "variant": "h2"
659
+ }
660
+ ]
560
661
  },
561
662
  {
562
- "type": "typography",
563
- "content": "Contacts",
564
- "variant": "h2"
663
+ "type": "stack",
664
+ "direction": "horizontal",
665
+ "gap": "sm",
666
+ "children": [
667
+ {
668
+ "type": "button",
669
+ "label": "Add Contact",
670
+ "event": "CREATE",
671
+ "variant": "primary",
672
+ "icon": "plus"
673
+ }
674
+ ]
565
675
  }
566
676
  ]
567
677
  },
568
678
  {
569
- "type": "stack",
570
- "direction": "horizontal",
571
- "gap": "sm",
679
+ "type": "divider"
680
+ },
681
+ {
682
+ "type": "simple-grid",
683
+ "columns": 1,
572
684
  "children": [
573
685
  {
574
- "type": "button",
575
- "label": "Add Contact",
576
- "event": "CREATE",
577
- "variant": "primary",
578
- "icon": "plus"
686
+ "type": "stat-display",
687
+ "label": "Total Contacts",
688
+ "value": [
689
+ "array/len",
690
+ "@entity"
691
+ ],
692
+ "icon": "users"
579
693
  }
580
694
  ]
581
- }
582
- ]
583
- },
584
- {
585
- "type": "divider"
586
- },
587
- {
588
- "type": "data-grid",
589
- "entity": "Contact",
590
- "emptyIcon": "inbox",
591
- "emptyTitle": "No contacts yet",
592
- "emptyDescription": "Create your first contact to get started.",
593
- "itemActions": [
594
- {
595
- "label": "View",
596
- "event": "VIEW"
597
695
  },
598
696
  {
599
- "label": "Edit",
600
- "event": "EDIT"
697
+ "type": "divider"
601
698
  },
602
699
  {
603
- "label": "Delete",
604
- "event": "DELETE",
605
- "variant": "danger"
606
- }
607
- ],
608
- "className": "transition-shadow hover:shadow-md cursor-pointer",
609
- "renderItem": [
610
- "fn",
611
- "item",
612
- {
613
- "type": "stack",
614
- "direction": "vertical",
615
- "gap": "sm",
616
- "children": [
700
+ "type": "data-list",
701
+ "entity": "Contact",
702
+ "emptyIcon": "inbox",
703
+ "emptyTitle": "No contacts yet",
704
+ "emptyDescription": "Add your first contact to start building your CRM.",
705
+ "itemActions": [
617
706
  {
618
- "type": "stack",
619
- "direction": "horizontal",
620
- "justify": "space-between",
621
- "align": "center",
622
- "children": [
623
- {
624
- "type": "stack",
625
- "direction": "horizontal",
626
- "gap": "sm",
627
- "align": "center",
628
- "children": [
629
- {
630
- "type": "icon",
631
- "name": "users",
632
- "size": "sm"
633
- },
634
- {
635
- "type": "typography",
636
- "variant": "h4",
637
- "content": "@item.name"
638
- }
639
- ]
640
- },
641
- {
642
- "type": "badge",
643
- "label": "@item.company"
644
- }
645
- ]
707
+ "label": "View",
708
+ "event": "VIEW",
709
+ "variant": "ghost",
710
+ "size": "sm"
646
711
  },
647
712
  {
648
- "type": "typography",
649
- "variant": "caption",
650
- "color": "muted",
651
- "content": "@item.email"
713
+ "label": "Edit",
714
+ "event": "EDIT",
715
+ "variant": "ghost",
716
+ "size": "sm"
717
+ },
718
+ {
719
+ "label": "Delete",
720
+ "event": "DELETE",
721
+ "variant": "danger",
722
+ "size": "sm"
652
723
  }
653
- ]
724
+ ],
725
+ "columns": [
726
+ {
727
+ "name": "name",
728
+ "variant": "h3",
729
+ "icon": "user"
730
+ },
731
+ {
732
+ "name": "status",
733
+ "variant": "badge"
734
+ },
735
+ {
736
+ "name": "company",
737
+ "variant": "body"
738
+ },
739
+ {
740
+ "name": "email",
741
+ "variant": "caption"
742
+ },
743
+ {
744
+ "name": "phone",
745
+ "variant": "caption"
746
+ }
747
+ ],
748
+ "variant": "card",
749
+ "gap": "sm"
654
750
  }
655
751
  ]
656
752
  }
@@ -677,120 +773,150 @@
677
773
  "render-ui",
678
774
  "main",
679
775
  {
680
- "type": "stack",
681
- "direction": "vertical",
682
- "gap": "lg",
683
- "children": [
776
+ "type": "dashboard-layout",
777
+ "appName": "CRM",
778
+ "navItems": [
684
779
  {
685
- "type": "stack",
686
- "direction": "horizontal",
687
- "gap": "md",
688
- "justify": "space-between",
780
+ "label": "Contacts",
781
+ "href": "/contacts",
782
+ "icon": "users"
783
+ },
784
+ {
785
+ "label": "Deals",
786
+ "href": "/deals",
787
+ "icon": "briefcase"
788
+ },
789
+ {
790
+ "label": "Pipeline",
791
+ "href": "/pipeline",
792
+ "icon": "bar-chart-2"
793
+ },
794
+ {
795
+ "label": "Notes",
796
+ "href": "/notes",
797
+ "icon": "file-text"
798
+ }
799
+ ],
800
+ "children": [
801
+ {
802
+ "type": "stack",
803
+ "direction": "vertical",
804
+ "gap": "lg",
805
+ "className": "max-w-5xl mx-auto w-full",
689
806
  "children": [
690
807
  {
691
808
  "type": "stack",
692
809
  "direction": "horizontal",
693
- "gap": "sm",
810
+ "gap": "md",
811
+ "justify": "space-between",
694
812
  "align": "center",
695
813
  "children": [
696
814
  {
697
- "type": "icon",
698
- "name": "users",
699
- "size": "lg"
815
+ "type": "stack",
816
+ "direction": "horizontal",
817
+ "gap": "sm",
818
+ "align": "center",
819
+ "children": [
820
+ {
821
+ "type": "icon",
822
+ "name": "users",
823
+ "size": "lg"
824
+ },
825
+ {
826
+ "type": "typography",
827
+ "content": "Contacts",
828
+ "variant": "h2"
829
+ }
830
+ ]
700
831
  },
701
832
  {
702
- "type": "typography",
703
- "content": "Contacts",
704
- "variant": "h2"
833
+ "type": "stack",
834
+ "direction": "horizontal",
835
+ "gap": "sm",
836
+ "children": [
837
+ {
838
+ "type": "button",
839
+ "label": "Add Contact",
840
+ "event": "CREATE",
841
+ "variant": "primary",
842
+ "icon": "plus"
843
+ }
844
+ ]
705
845
  }
706
846
  ]
707
847
  },
708
848
  {
709
- "type": "stack",
710
- "direction": "horizontal",
711
- "gap": "sm",
849
+ "type": "divider"
850
+ },
851
+ {
852
+ "type": "simple-grid",
853
+ "columns": 1,
712
854
  "children": [
713
855
  {
714
- "type": "button",
715
- "label": "Add Contact",
716
- "event": "CREATE",
717
- "variant": "primary",
718
- "icon": "plus"
856
+ "type": "stat-display",
857
+ "label": "Total Contacts",
858
+ "value": [
859
+ "array/len",
860
+ "@entity"
861
+ ],
862
+ "icon": "users"
719
863
  }
720
864
  ]
721
- }
722
- ]
723
- },
724
- {
725
- "type": "divider"
726
- },
727
- {
728
- "type": "data-grid",
729
- "entity": "Contact",
730
- "emptyIcon": "inbox",
731
- "emptyTitle": "No contacts yet",
732
- "emptyDescription": "Create your first contact to get started.",
733
- "itemActions": [
734
- {
735
- "label": "View",
736
- "event": "VIEW"
737
865
  },
738
866
  {
739
- "label": "Edit",
740
- "event": "EDIT"
867
+ "type": "divider"
741
868
  },
742
869
  {
743
- "label": "Delete",
744
- "event": "DELETE",
745
- "variant": "danger"
746
- }
747
- ],
748
- "className": "transition-shadow hover:shadow-md cursor-pointer",
749
- "renderItem": [
750
- "fn",
751
- "item",
752
- {
753
- "type": "stack",
754
- "direction": "vertical",
755
- "gap": "sm",
756
- "children": [
870
+ "type": "data-list",
871
+ "entity": "Contact",
872
+ "emptyIcon": "inbox",
873
+ "emptyTitle": "No contacts yet",
874
+ "emptyDescription": "Add your first contact to start building your CRM.",
875
+ "itemActions": [
757
876
  {
758
- "type": "stack",
759
- "direction": "horizontal",
760
- "justify": "space-between",
761
- "align": "center",
762
- "children": [
763
- {
764
- "type": "stack",
765
- "direction": "horizontal",
766
- "gap": "sm",
767
- "align": "center",
768
- "children": [
769
- {
770
- "type": "icon",
771
- "name": "users",
772
- "size": "sm"
773
- },
774
- {
775
- "type": "typography",
776
- "variant": "h4",
777
- "content": "@item.name"
778
- }
779
- ]
780
- },
781
- {
782
- "type": "badge",
783
- "label": "@item.company"
784
- }
785
- ]
877
+ "label": "View",
878
+ "event": "VIEW",
879
+ "variant": "ghost",
880
+ "size": "sm"
786
881
  },
787
882
  {
788
- "type": "typography",
789
- "variant": "caption",
790
- "color": "muted",
791
- "content": "@item.email"
883
+ "label": "Edit",
884
+ "event": "EDIT",
885
+ "variant": "ghost",
886
+ "size": "sm"
887
+ },
888
+ {
889
+ "label": "Delete",
890
+ "event": "DELETE",
891
+ "variant": "danger",
892
+ "size": "sm"
792
893
  }
793
- ]
894
+ ],
895
+ "columns": [
896
+ {
897
+ "name": "name",
898
+ "variant": "h3",
899
+ "icon": "user"
900
+ },
901
+ {
902
+ "name": "status",
903
+ "variant": "badge"
904
+ },
905
+ {
906
+ "name": "company",
907
+ "variant": "body"
908
+ },
909
+ {
910
+ "name": "email",
911
+ "variant": "caption"
912
+ },
913
+ {
914
+ "name": "phone",
915
+ "variant": "caption"
916
+ }
917
+ ],
918
+ "variant": "card",
919
+ "gap": "sm"
794
920
  }
795
921
  ]
796
922
  }
@@ -937,6 +1063,11 @@
937
1063
  "render-ui",
938
1064
  "modal",
939
1065
  null
1066
+ ],
1067
+ [
1068
+ "notify",
1069
+ "Cancelled",
1070
+ "info"
940
1071
  ]
941
1072
  ]
942
1073
  },
@@ -1103,6 +1234,11 @@
1103
1234
  "render-ui",
1104
1235
  "modal",
1105
1236
  null
1237
+ ],
1238
+ [
1239
+ "notify",
1240
+ "Cancelled",
1241
+ "info"
1106
1242
  ]
1107
1243
  ]
1108
1244
  },
@@ -1348,6 +1484,11 @@
1348
1484
  "render-ui",
1349
1485
  "modal",
1350
1486
  null
1487
+ ],
1488
+ [
1489
+ "notify",
1490
+ "Cancelled",
1491
+ "info"
1351
1492
  ]
1352
1493
  ]
1353
1494
  }
@@ -1406,11 +1547,19 @@
1406
1547
  {
1407
1548
  "name": "stage",
1408
1549
  "type": "string",
1409
- "default": "prospecting"
1550
+ "default": "prospecting",
1551
+ "values": [
1552
+ "prospecting",
1553
+ "qualification",
1554
+ "proposal",
1555
+ "negotiation",
1556
+ "closed-won",
1557
+ "closed-lost"
1558
+ ]
1410
1559
  },
1411
1560
  {
1412
1561
  "name": "closedAt",
1413
- "type": "string",
1562
+ "type": "date",
1414
1563
  "default": ""
1415
1564
  }
1416
1565
  ]
@@ -1536,120 +1685,130 @@
1536
1685
  "render-ui",
1537
1686
  "main",
1538
1687
  {
1539
- "type": "stack",
1540
- "direction": "vertical",
1541
- "gap": "lg",
1688
+ "type": "dashboard-layout",
1689
+ "appName": "CRM",
1690
+ "navItems": [
1691
+ {
1692
+ "label": "Contacts",
1693
+ "href": "/contacts",
1694
+ "icon": "users"
1695
+ },
1696
+ {
1697
+ "label": "Deals",
1698
+ "href": "/deals",
1699
+ "icon": "briefcase"
1700
+ },
1701
+ {
1702
+ "label": "Pipeline",
1703
+ "href": "/pipeline",
1704
+ "icon": "bar-chart-2"
1705
+ },
1706
+ {
1707
+ "label": "Notes",
1708
+ "href": "/notes",
1709
+ "icon": "file-text"
1710
+ }
1711
+ ],
1542
1712
  "children": [
1543
1713
  {
1544
1714
  "type": "stack",
1545
- "direction": "horizontal",
1546
- "gap": "md",
1547
- "justify": "space-between",
1715
+ "direction": "vertical",
1716
+ "gap": "lg",
1717
+ "className": "max-w-5xl mx-auto w-full",
1548
1718
  "children": [
1549
1719
  {
1550
1720
  "type": "stack",
1551
1721
  "direction": "horizontal",
1552
- "gap": "sm",
1722
+ "gap": "md",
1723
+ "justify": "space-between",
1553
1724
  "align": "center",
1554
- "children": [
1555
- {
1556
- "type": "icon",
1557
- "name": "briefcase",
1558
- "size": "lg"
1559
- },
1560
- {
1561
- "type": "typography",
1562
- "content": "Deals",
1563
- "variant": "h2"
1564
- }
1565
- ]
1566
- },
1567
- {
1568
- "type": "stack",
1569
- "direction": "horizontal",
1570
- "gap": "sm",
1571
- "children": [
1572
- {
1573
- "type": "button",
1574
- "label": "New Deal",
1575
- "event": "CREATE",
1576
- "variant": "primary",
1577
- "icon": "plus"
1578
- }
1579
- ]
1580
- }
1581
- ]
1582
- },
1583
- {
1584
- "type": "divider"
1585
- },
1586
- {
1587
- "type": "data-grid",
1588
- "entity": "Deal",
1589
- "emptyIcon": "inbox",
1590
- "emptyTitle": "No deals yet",
1591
- "emptyDescription": "Create your first deal to get started.",
1592
- "itemActions": [
1593
- {
1594
- "label": "View",
1595
- "event": "VIEW"
1596
- },
1597
- {
1598
- "label": "Edit",
1599
- "event": "EDIT"
1600
- },
1601
- {
1602
- "label": "Delete",
1603
- "event": "DELETE",
1604
- "variant": "danger"
1605
- }
1606
- ],
1607
- "className": "transition-shadow hover:shadow-md cursor-pointer",
1608
- "renderItem": [
1609
- "fn",
1610
- "item",
1611
- {
1612
- "type": "stack",
1613
- "direction": "vertical",
1614
- "gap": "sm",
1615
1725
  "children": [
1616
1726
  {
1617
1727
  "type": "stack",
1618
1728
  "direction": "horizontal",
1619
- "justify": "space-between",
1729
+ "gap": "sm",
1620
1730
  "align": "center",
1621
1731
  "children": [
1622
1732
  {
1623
- "type": "stack",
1624
- "direction": "horizontal",
1625
- "gap": "sm",
1626
- "align": "center",
1627
- "children": [
1628
- {
1629
- "type": "icon",
1630
- "name": "briefcase",
1631
- "size": "sm"
1632
- },
1633
- {
1634
- "type": "typography",
1635
- "variant": "h4",
1636
- "content": "@item.title"
1637
- }
1638
- ]
1733
+ "type": "icon",
1734
+ "name": "briefcase",
1735
+ "size": "lg"
1639
1736
  },
1640
1737
  {
1641
- "type": "badge",
1642
- "label": "@item.contactId"
1738
+ "type": "typography",
1739
+ "content": "Deals",
1740
+ "variant": "h2"
1643
1741
  }
1644
1742
  ]
1645
1743
  },
1646
1744
  {
1647
- "type": "typography",
1648
- "variant": "caption",
1649
- "color": "muted",
1650
- "content": "@item.value"
1745
+ "type": "stack",
1746
+ "direction": "horizontal",
1747
+ "gap": "sm",
1748
+ "children": [
1749
+ {
1750
+ "type": "button",
1751
+ "label": "New Deal",
1752
+ "event": "CREATE",
1753
+ "variant": "primary",
1754
+ "icon": "plus"
1755
+ }
1756
+ ]
1651
1757
  }
1652
1758
  ]
1759
+ },
1760
+ {
1761
+ "type": "divider"
1762
+ },
1763
+ {
1764
+ "type": "data-grid",
1765
+ "entity": "Deal",
1766
+ "emptyIcon": "inbox",
1767
+ "emptyTitle": "No deals yet",
1768
+ "emptyDescription": "Create a deal to track your sales pipeline.",
1769
+ "itemActions": [
1770
+ {
1771
+ "label": "View",
1772
+ "event": "VIEW",
1773
+ "variant": "ghost",
1774
+ "size": "sm"
1775
+ },
1776
+ {
1777
+ "label": "Edit",
1778
+ "event": "EDIT",
1779
+ "variant": "ghost",
1780
+ "size": "sm"
1781
+ },
1782
+ {
1783
+ "label": "Delete",
1784
+ "event": "DELETE",
1785
+ "variant": "danger",
1786
+ "size": "sm"
1787
+ }
1788
+ ],
1789
+ "columns": [
1790
+ {
1791
+ "name": "title",
1792
+ "variant": "h3",
1793
+ "icon": "briefcase"
1794
+ },
1795
+ {
1796
+ "name": "stage",
1797
+ "variant": "badge"
1798
+ },
1799
+ {
1800
+ "name": "value",
1801
+ "variant": "h4",
1802
+ "format": "currency"
1803
+ },
1804
+ {
1805
+ "name": "contactId",
1806
+ "label": "Contact",
1807
+ "variant": "caption"
1808
+ }
1809
+ ],
1810
+ "cols": 2,
1811
+ "gap": "md"
1653
1812
  }
1654
1813
  ]
1655
1814
  }
@@ -1773,264 +1932,284 @@
1773
1932
  "render-ui",
1774
1933
  "main",
1775
1934
  {
1776
- "type": "stack",
1777
- "direction": "vertical",
1778
- "gap": "lg",
1935
+ "type": "dashboard-layout",
1936
+ "appName": "CRM",
1937
+ "navItems": [
1938
+ {
1939
+ "label": "Contacts",
1940
+ "href": "/contacts",
1941
+ "icon": "users"
1942
+ },
1943
+ {
1944
+ "label": "Deals",
1945
+ "href": "/deals",
1946
+ "icon": "briefcase"
1947
+ },
1948
+ {
1949
+ "label": "Pipeline",
1950
+ "href": "/pipeline",
1951
+ "icon": "bar-chart-2"
1952
+ },
1953
+ {
1954
+ "label": "Notes",
1955
+ "href": "/notes",
1956
+ "icon": "file-text"
1957
+ }
1958
+ ],
1779
1959
  "children": [
1780
1960
  {
1781
1961
  "type": "stack",
1782
- "direction": "horizontal",
1783
- "gap": "md",
1784
- "justify": "space-between",
1962
+ "direction": "vertical",
1963
+ "gap": "lg",
1964
+ "className": "max-w-5xl mx-auto w-full",
1785
1965
  "children": [
1786
1966
  {
1787
1967
  "type": "stack",
1788
1968
  "direction": "horizontal",
1789
- "gap": "sm",
1969
+ "gap": "md",
1970
+ "justify": "space-between",
1790
1971
  "align": "center",
1791
1972
  "children": [
1792
1973
  {
1793
- "type": "icon",
1794
- "name": "briefcase",
1795
- "size": "lg"
1974
+ "type": "stack",
1975
+ "direction": "horizontal",
1976
+ "gap": "sm",
1977
+ "align": "center",
1978
+ "children": [
1979
+ {
1980
+ "type": "icon",
1981
+ "name": "briefcase",
1982
+ "size": "lg"
1983
+ },
1984
+ {
1985
+ "type": "typography",
1986
+ "content": "Deals",
1987
+ "variant": "h2"
1988
+ }
1989
+ ]
1796
1990
  },
1797
1991
  {
1798
- "type": "typography",
1799
- "content": "Deals",
1800
- "variant": "h2"
1992
+ "type": "stack",
1993
+ "direction": "horizontal",
1994
+ "gap": "sm",
1995
+ "children": [
1996
+ {
1997
+ "type": "button",
1998
+ "label": "New Deal",
1999
+ "event": "CREATE",
2000
+ "variant": "primary",
2001
+ "icon": "plus"
2002
+ }
2003
+ ]
1801
2004
  }
1802
2005
  ]
1803
2006
  },
1804
2007
  {
1805
- "type": "stack",
1806
- "direction": "horizontal",
1807
- "gap": "sm",
1808
- "children": [
2008
+ "type": "divider"
2009
+ },
2010
+ {
2011
+ "type": "data-grid",
2012
+ "entity": "Deal",
2013
+ "emptyIcon": "inbox",
2014
+ "emptyTitle": "No deals yet",
2015
+ "emptyDescription": "Create a deal to track your sales pipeline.",
2016
+ "itemActions": [
1809
2017
  {
1810
- "type": "button",
1811
- "label": "New Deal",
1812
- "event": "CREATE",
1813
- "variant": "primary",
1814
- "icon": "plus"
2018
+ "label": "View",
2019
+ "event": "VIEW",
2020
+ "variant": "ghost",
2021
+ "size": "sm"
2022
+ },
2023
+ {
2024
+ "label": "Edit",
2025
+ "event": "EDIT",
2026
+ "variant": "ghost",
2027
+ "size": "sm"
2028
+ },
2029
+ {
2030
+ "label": "Delete",
2031
+ "event": "DELETE",
2032
+ "variant": "danger",
2033
+ "size": "sm"
1815
2034
  }
1816
- ]
2035
+ ],
2036
+ "columns": [
2037
+ {
2038
+ "name": "title",
2039
+ "variant": "h3",
2040
+ "icon": "briefcase"
2041
+ },
2042
+ {
2043
+ "name": "stage",
2044
+ "variant": "badge"
2045
+ },
2046
+ {
2047
+ "name": "value",
2048
+ "variant": "h4",
2049
+ "format": "currency"
2050
+ },
2051
+ {
2052
+ "name": "contactId",
2053
+ "label": "Contact",
2054
+ "variant": "caption"
2055
+ }
2056
+ ],
2057
+ "cols": 2,
2058
+ "gap": "md"
1817
2059
  }
1818
2060
  ]
2061
+ }
2062
+ ]
2063
+ }
2064
+ ],
2065
+ [
2066
+ "notify",
2067
+ "Deal deleted successfully"
2068
+ ]
2069
+ ]
2070
+ },
2071
+ {
2072
+ "from": "deleting",
2073
+ "to": "browsing",
2074
+ "event": "CANCEL",
2075
+ "effects": [
2076
+ [
2077
+ "render-ui",
2078
+ "modal",
2079
+ null
2080
+ ],
2081
+ [
2082
+ "fetch",
2083
+ "Deal"
2084
+ ],
2085
+ [
2086
+ "render-ui",
2087
+ "main",
2088
+ {
2089
+ "type": "dashboard-layout",
2090
+ "appName": "CRM",
2091
+ "navItems": [
2092
+ {
2093
+ "label": "Contacts",
2094
+ "href": "/contacts",
2095
+ "icon": "users"
1819
2096
  },
1820
2097
  {
1821
- "type": "divider"
2098
+ "label": "Deals",
2099
+ "href": "/deals",
2100
+ "icon": "briefcase"
1822
2101
  },
1823
2102
  {
1824
- "type": "data-grid",
1825
- "entity": "Deal",
1826
- "emptyIcon": "inbox",
1827
- "emptyTitle": "No deals yet",
1828
- "emptyDescription": "Create your first deal to get started.",
1829
- "itemActions": [
1830
- {
1831
- "label": "View",
1832
- "event": "VIEW"
1833
- },
1834
- {
1835
- "label": "Edit",
1836
- "event": "EDIT"
1837
- },
1838
- {
1839
- "label": "Delete",
1840
- "event": "DELETE",
1841
- "variant": "danger"
1842
- }
1843
- ],
1844
- "className": "transition-shadow hover:shadow-md cursor-pointer",
1845
- "renderItem": [
1846
- "fn",
1847
- "item",
2103
+ "label": "Pipeline",
2104
+ "href": "/pipeline",
2105
+ "icon": "bar-chart-2"
2106
+ },
2107
+ {
2108
+ "label": "Notes",
2109
+ "href": "/notes",
2110
+ "icon": "file-text"
2111
+ }
2112
+ ],
2113
+ "children": [
2114
+ {
2115
+ "type": "stack",
2116
+ "direction": "vertical",
2117
+ "gap": "lg",
2118
+ "className": "max-w-5xl mx-auto w-full",
2119
+ "children": [
1848
2120
  {
1849
2121
  "type": "stack",
1850
- "direction": "vertical",
1851
- "gap": "sm",
2122
+ "direction": "horizontal",
2123
+ "gap": "md",
2124
+ "justify": "space-between",
2125
+ "align": "center",
1852
2126
  "children": [
1853
2127
  {
1854
2128
  "type": "stack",
1855
2129
  "direction": "horizontal",
1856
- "justify": "space-between",
2130
+ "gap": "sm",
1857
2131
  "align": "center",
1858
2132
  "children": [
1859
2133
  {
1860
- "type": "stack",
1861
- "direction": "horizontal",
1862
- "gap": "sm",
1863
- "align": "center",
1864
- "children": [
1865
- {
1866
- "type": "icon",
1867
- "name": "briefcase",
1868
- "size": "sm"
1869
- },
1870
- {
1871
- "type": "typography",
1872
- "variant": "h4",
1873
- "content": "@item.title"
1874
- }
1875
- ]
2134
+ "type": "icon",
2135
+ "name": "briefcase",
2136
+ "size": "lg"
1876
2137
  },
1877
2138
  {
1878
- "type": "badge",
1879
- "label": "@item.contactId"
2139
+ "type": "typography",
2140
+ "content": "Deals",
2141
+ "variant": "h2"
1880
2142
  }
1881
2143
  ]
1882
2144
  },
1883
2145
  {
1884
- "type": "typography",
1885
- "variant": "caption",
1886
- "color": "muted",
1887
- "content": "@item.value"
2146
+ "type": "stack",
2147
+ "direction": "horizontal",
2148
+ "gap": "sm",
2149
+ "children": [
2150
+ {
2151
+ "type": "button",
2152
+ "label": "New Deal",
2153
+ "event": "CREATE",
2154
+ "variant": "primary",
2155
+ "icon": "plus"
2156
+ }
2157
+ ]
1888
2158
  }
1889
2159
  ]
1890
- }
1891
- ]
1892
- }
1893
- ]
1894
- }
1895
- ],
1896
- [
1897
- "notify",
1898
- "Deal deleted successfully"
1899
- ]
1900
- ]
1901
- },
1902
- {
1903
- "from": "deleting",
1904
- "to": "browsing",
1905
- "event": "CANCEL",
1906
- "effects": [
1907
- [
1908
- "render-ui",
1909
- "modal",
1910
- null
1911
- ],
1912
- [
1913
- "fetch",
1914
- "Deal"
1915
- ],
1916
- [
1917
- "render-ui",
1918
- "main",
1919
- {
1920
- "type": "stack",
1921
- "direction": "vertical",
1922
- "gap": "lg",
1923
- "children": [
1924
- {
1925
- "type": "stack",
1926
- "direction": "horizontal",
1927
- "gap": "md",
1928
- "justify": "space-between",
1929
- "children": [
2160
+ },
1930
2161
  {
1931
- "type": "stack",
1932
- "direction": "horizontal",
1933
- "gap": "sm",
1934
- "align": "center",
1935
- "children": [
2162
+ "type": "divider"
2163
+ },
2164
+ {
2165
+ "type": "data-grid",
2166
+ "entity": "Deal",
2167
+ "emptyIcon": "inbox",
2168
+ "emptyTitle": "No deals yet",
2169
+ "emptyDescription": "Create a deal to track your sales pipeline.",
2170
+ "itemActions": [
1936
2171
  {
1937
- "type": "icon",
1938
- "name": "briefcase",
1939
- "size": "lg"
2172
+ "label": "View",
2173
+ "event": "VIEW",
2174
+ "variant": "ghost",
2175
+ "size": "sm"
1940
2176
  },
1941
2177
  {
1942
- "type": "typography",
1943
- "content": "Deals",
1944
- "variant": "h2"
1945
- }
1946
- ]
1947
- },
1948
- {
1949
- "type": "stack",
1950
- "direction": "horizontal",
1951
- "gap": "sm",
1952
- "children": [
2178
+ "label": "Edit",
2179
+ "event": "EDIT",
2180
+ "variant": "ghost",
2181
+ "size": "sm"
2182
+ },
1953
2183
  {
1954
- "type": "button",
1955
- "label": "New Deal",
1956
- "event": "CREATE",
1957
- "variant": "primary",
1958
- "icon": "plus"
2184
+ "label": "Delete",
2185
+ "event": "DELETE",
2186
+ "variant": "danger",
2187
+ "size": "sm"
1959
2188
  }
1960
- ]
1961
- }
1962
- ]
1963
- },
1964
- {
1965
- "type": "divider"
1966
- },
1967
- {
1968
- "type": "data-grid",
1969
- "entity": "Deal",
1970
- "emptyIcon": "inbox",
1971
- "emptyTitle": "No deals yet",
1972
- "emptyDescription": "Create your first deal to get started.",
1973
- "itemActions": [
1974
- {
1975
- "label": "View",
1976
- "event": "VIEW"
1977
- },
1978
- {
1979
- "label": "Edit",
1980
- "event": "EDIT"
1981
- },
1982
- {
1983
- "label": "Delete",
1984
- "event": "DELETE",
1985
- "variant": "danger"
1986
- }
1987
- ],
1988
- "className": "transition-shadow hover:shadow-md cursor-pointer",
1989
- "renderItem": [
1990
- "fn",
1991
- "item",
1992
- {
1993
- "type": "stack",
1994
- "direction": "vertical",
1995
- "gap": "sm",
1996
- "children": [
2189
+ ],
2190
+ "columns": [
1997
2191
  {
1998
- "type": "stack",
1999
- "direction": "horizontal",
2000
- "justify": "space-between",
2001
- "align": "center",
2002
- "children": [
2003
- {
2004
- "type": "stack",
2005
- "direction": "horizontal",
2006
- "gap": "sm",
2007
- "align": "center",
2008
- "children": [
2009
- {
2010
- "type": "icon",
2011
- "name": "briefcase",
2012
- "size": "sm"
2013
- },
2014
- {
2015
- "type": "typography",
2016
- "variant": "h4",
2017
- "content": "@item.title"
2018
- }
2019
- ]
2020
- },
2021
- {
2022
- "type": "badge",
2023
- "label": "@item.contactId"
2024
- }
2025
- ]
2192
+ "name": "title",
2193
+ "variant": "h3",
2194
+ "icon": "briefcase"
2026
2195
  },
2027
2196
  {
2028
- "type": "typography",
2029
- "variant": "caption",
2030
- "color": "muted",
2031
- "content": "@item.value"
2197
+ "name": "stage",
2198
+ "variant": "badge"
2199
+ },
2200
+ {
2201
+ "name": "value",
2202
+ "variant": "h4",
2203
+ "format": "currency"
2204
+ },
2205
+ {
2206
+ "name": "contactId",
2207
+ "label": "Contact",
2208
+ "variant": "caption"
2032
2209
  }
2033
- ]
2210
+ ],
2211
+ "cols": 2,
2212
+ "gap": "md"
2034
2213
  }
2035
2214
  ]
2036
2215
  }
@@ -2057,120 +2236,130 @@
2057
2236
  "render-ui",
2058
2237
  "main",
2059
2238
  {
2060
- "type": "stack",
2061
- "direction": "vertical",
2062
- "gap": "lg",
2239
+ "type": "dashboard-layout",
2240
+ "appName": "CRM",
2241
+ "navItems": [
2242
+ {
2243
+ "label": "Contacts",
2244
+ "href": "/contacts",
2245
+ "icon": "users"
2246
+ },
2247
+ {
2248
+ "label": "Deals",
2249
+ "href": "/deals",
2250
+ "icon": "briefcase"
2251
+ },
2252
+ {
2253
+ "label": "Pipeline",
2254
+ "href": "/pipeline",
2255
+ "icon": "bar-chart-2"
2256
+ },
2257
+ {
2258
+ "label": "Notes",
2259
+ "href": "/notes",
2260
+ "icon": "file-text"
2261
+ }
2262
+ ],
2063
2263
  "children": [
2064
2264
  {
2065
2265
  "type": "stack",
2066
- "direction": "horizontal",
2067
- "gap": "md",
2068
- "justify": "space-between",
2266
+ "direction": "vertical",
2267
+ "gap": "lg",
2268
+ "className": "max-w-5xl mx-auto w-full",
2069
2269
  "children": [
2070
2270
  {
2071
2271
  "type": "stack",
2072
2272
  "direction": "horizontal",
2073
- "gap": "sm",
2273
+ "gap": "md",
2274
+ "justify": "space-between",
2074
2275
  "align": "center",
2075
- "children": [
2076
- {
2077
- "type": "icon",
2078
- "name": "briefcase",
2079
- "size": "lg"
2080
- },
2081
- {
2082
- "type": "typography",
2083
- "content": "Deals",
2084
- "variant": "h2"
2085
- }
2086
- ]
2087
- },
2088
- {
2089
- "type": "stack",
2090
- "direction": "horizontal",
2091
- "gap": "sm",
2092
- "children": [
2093
- {
2094
- "type": "button",
2095
- "label": "New Deal",
2096
- "event": "CREATE",
2097
- "variant": "primary",
2098
- "icon": "plus"
2099
- }
2100
- ]
2101
- }
2102
- ]
2103
- },
2104
- {
2105
- "type": "divider"
2106
- },
2107
- {
2108
- "type": "data-grid",
2109
- "entity": "Deal",
2110
- "emptyIcon": "inbox",
2111
- "emptyTitle": "No deals yet",
2112
- "emptyDescription": "Create your first deal to get started.",
2113
- "itemActions": [
2114
- {
2115
- "label": "View",
2116
- "event": "VIEW"
2117
- },
2118
- {
2119
- "label": "Edit",
2120
- "event": "EDIT"
2121
- },
2122
- {
2123
- "label": "Delete",
2124
- "event": "DELETE",
2125
- "variant": "danger"
2126
- }
2127
- ],
2128
- "className": "transition-shadow hover:shadow-md cursor-pointer",
2129
- "renderItem": [
2130
- "fn",
2131
- "item",
2132
- {
2133
- "type": "stack",
2134
- "direction": "vertical",
2135
- "gap": "sm",
2136
2276
  "children": [
2137
2277
  {
2138
2278
  "type": "stack",
2139
2279
  "direction": "horizontal",
2140
- "justify": "space-between",
2280
+ "gap": "sm",
2141
2281
  "align": "center",
2142
2282
  "children": [
2143
2283
  {
2144
- "type": "stack",
2145
- "direction": "horizontal",
2146
- "gap": "sm",
2147
- "align": "center",
2148
- "children": [
2149
- {
2150
- "type": "icon",
2151
- "name": "briefcase",
2152
- "size": "sm"
2153
- },
2154
- {
2155
- "type": "typography",
2156
- "variant": "h4",
2157
- "content": "@item.title"
2158
- }
2159
- ]
2284
+ "type": "icon",
2285
+ "name": "briefcase",
2286
+ "size": "lg"
2160
2287
  },
2161
2288
  {
2162
- "type": "badge",
2163
- "label": "@item.contactId"
2289
+ "type": "typography",
2290
+ "content": "Deals",
2291
+ "variant": "h2"
2164
2292
  }
2165
2293
  ]
2166
2294
  },
2167
2295
  {
2168
- "type": "typography",
2169
- "variant": "caption",
2170
- "color": "muted",
2171
- "content": "@item.value"
2296
+ "type": "stack",
2297
+ "direction": "horizontal",
2298
+ "gap": "sm",
2299
+ "children": [
2300
+ {
2301
+ "type": "button",
2302
+ "label": "New Deal",
2303
+ "event": "CREATE",
2304
+ "variant": "primary",
2305
+ "icon": "plus"
2306
+ }
2307
+ ]
2172
2308
  }
2173
2309
  ]
2310
+ },
2311
+ {
2312
+ "type": "divider"
2313
+ },
2314
+ {
2315
+ "type": "data-grid",
2316
+ "entity": "Deal",
2317
+ "emptyIcon": "inbox",
2318
+ "emptyTitle": "No deals yet",
2319
+ "emptyDescription": "Create a deal to track your sales pipeline.",
2320
+ "itemActions": [
2321
+ {
2322
+ "label": "View",
2323
+ "event": "VIEW",
2324
+ "variant": "ghost",
2325
+ "size": "sm"
2326
+ },
2327
+ {
2328
+ "label": "Edit",
2329
+ "event": "EDIT",
2330
+ "variant": "ghost",
2331
+ "size": "sm"
2332
+ },
2333
+ {
2334
+ "label": "Delete",
2335
+ "event": "DELETE",
2336
+ "variant": "danger",
2337
+ "size": "sm"
2338
+ }
2339
+ ],
2340
+ "columns": [
2341
+ {
2342
+ "name": "title",
2343
+ "variant": "h3",
2344
+ "icon": "briefcase"
2345
+ },
2346
+ {
2347
+ "name": "stage",
2348
+ "variant": "badge"
2349
+ },
2350
+ {
2351
+ "name": "value",
2352
+ "variant": "h4",
2353
+ "format": "currency"
2354
+ },
2355
+ {
2356
+ "name": "contactId",
2357
+ "label": "Contact",
2358
+ "variant": "caption"
2359
+ }
2360
+ ],
2361
+ "cols": 2,
2362
+ "gap": "md"
2174
2363
  }
2175
2364
  ]
2176
2365
  }
@@ -2317,6 +2506,11 @@
2317
2506
  "render-ui",
2318
2507
  "modal",
2319
2508
  null
2509
+ ],
2510
+ [
2511
+ "notify",
2512
+ "Cancelled",
2513
+ "info"
2320
2514
  ]
2321
2515
  ]
2322
2516
  },
@@ -2483,6 +2677,11 @@
2483
2677
  "render-ui",
2484
2678
  "modal",
2485
2679
  null
2680
+ ],
2681
+ [
2682
+ "notify",
2683
+ "Cancelled",
2684
+ "info"
2486
2685
  ]
2487
2686
  ]
2488
2687
  },
@@ -2630,7 +2829,7 @@
2630
2829
  {
2631
2830
  "type": "typography",
2632
2831
  "variant": "caption",
2633
- "content": "ContactId"
2832
+ "content": "Contact ID"
2634
2833
  },
2635
2834
  {
2636
2835
  "type": "typography",
@@ -2681,7 +2880,7 @@
2681
2880
  {
2682
2881
  "type": "typography",
2683
2882
  "variant": "caption",
2684
- "content": "ClosedAt"
2883
+ "content": "Closed At"
2685
2884
  },
2686
2885
  {
2687
2886
  "type": "typography",
@@ -2728,6 +2927,11 @@
2728
2927
  "render-ui",
2729
2928
  "modal",
2730
2929
  null
2930
+ ],
2931
+ [
2932
+ "notify",
2933
+ "Cancelled",
2934
+ "info"
2731
2935
  ]
2732
2936
  ]
2733
2937
  }
@@ -2844,107 +3048,268 @@
2844
3048
  "render-ui",
2845
3049
  "main",
2846
3050
  {
2847
- "type": "stack",
2848
- "direction": "vertical",
2849
- "gap": "lg",
3051
+ "type": "dashboard-layout",
3052
+ "appName": "CRM",
3053
+ "navItems": [
3054
+ {
3055
+ "label": "Contacts",
3056
+ "href": "/contacts",
3057
+ "icon": "users"
3058
+ },
3059
+ {
3060
+ "label": "Deals",
3061
+ "href": "/deals",
3062
+ "icon": "briefcase"
3063
+ },
3064
+ {
3065
+ "label": "Pipeline",
3066
+ "href": "/pipeline",
3067
+ "icon": "bar-chart-2"
3068
+ },
3069
+ {
3070
+ "label": "Notes",
3071
+ "href": "/notes",
3072
+ "icon": "file-text"
3073
+ }
3074
+ ],
2850
3075
  "children": [
2851
3076
  {
2852
- "type": "stack",
2853
- "direction": "horizontal",
2854
- "gap": "md",
2855
- "justify": "space-between",
3077
+ "type": "scaled-diagram",
2856
3078
  "children": [
2857
3079
  {
2858
3080
  "type": "stack",
2859
- "direction": "horizontal",
2860
- "gap": "md",
3081
+ "direction": "vertical",
3082
+ "gap": "lg",
2861
3083
  "children": [
2862
3084
  {
2863
- "type": "icon",
2864
- "name": "bar-chart-2",
2865
- "size": "lg"
3085
+ "type": "breadcrumb",
3086
+ "items": [
3087
+ {
3088
+ "label": "Home",
3089
+ "href": "/"
3090
+ },
3091
+ {
3092
+ "label": "Pipeline"
3093
+ }
3094
+ ]
2866
3095
  },
2867
3096
  {
2868
- "type": "typography",
2869
- "content": "Pipeline",
2870
- "variant": "h2"
2871
- }
2872
- ]
2873
- },
2874
- {
2875
- "type": "button",
2876
- "label": "Refresh",
2877
- "event": "REFRESH",
2878
- "variant": "secondary",
2879
- "icon": "refresh-cw"
2880
- }
2881
- ]
2882
- },
2883
- {
2884
- "type": "divider"
2885
- },
2886
- {
2887
- "type": "simple-grid",
2888
- "columns": 3,
2889
- "children": [
2890
- {
2891
- "type": "stat-display",
2892
- "label": "TotalDeals",
2893
- "value": [
2894
- "object/get",
2895
- [
2896
- "array/first",
2897
- "@entity"
2898
- ],
2899
- "totalDeals"
2900
- ]
2901
- },
2902
- {
2903
- "type": "stat-display",
2904
- "label": "TotalValue",
2905
- "value": [
2906
- "object/get",
2907
- [
2908
- "array/first",
2909
- "@entity"
2910
- ],
2911
- "totalValue"
2912
- ]
2913
- },
2914
- {
2915
- "type": "stat-display",
2916
- "label": "WonDeals",
2917
- "value": [
2918
- "object/get",
2919
- [
2920
- "array/first",
2921
- "@entity"
2922
- ],
2923
- "wonDeals"
2924
- ]
2925
- },
2926
- {
2927
- "type": "stat-display",
2928
- "label": "LostDeals",
2929
- "value": [
2930
- "object/get",
2931
- [
2932
- "array/first",
2933
- "@entity"
2934
- ],
2935
- "lostDeals"
2936
- ]
2937
- },
2938
- {
2939
- "type": "stat-display",
2940
- "label": "ConversionRate",
2941
- "value": [
2942
- "object/get",
2943
- [
2944
- "array/first",
2945
- "@entity"
2946
- ],
2947
- "conversionRate"
3097
+ "type": "stack",
3098
+ "direction": "horizontal",
3099
+ "gap": "md",
3100
+ "justify": "space-between",
3101
+ "children": [
3102
+ {
3103
+ "type": "stack",
3104
+ "direction": "horizontal",
3105
+ "gap": "md",
3106
+ "children": [
3107
+ {
3108
+ "type": "icon",
3109
+ "name": "bar-chart-2",
3110
+ "size": "lg"
3111
+ },
3112
+ {
3113
+ "type": "typography",
3114
+ "content": "Pipeline",
3115
+ "variant": "h2"
3116
+ }
3117
+ ]
3118
+ },
3119
+ {
3120
+ "type": "button",
3121
+ "label": "Refresh",
3122
+ "event": "REFRESH",
3123
+ "variant": "secondary",
3124
+ "icon": "refresh-cw"
3125
+ }
3126
+ ]
3127
+ },
3128
+ {
3129
+ "type": "divider"
3130
+ },
3131
+ {
3132
+ "type": "box",
3133
+ "padding": "md",
3134
+ "children": [
3135
+ {
3136
+ "type": "simple-grid",
3137
+ "columns": 3,
3138
+ "children": [
3139
+ {
3140
+ "type": "stat-display",
3141
+ "label": "TotalDeals",
3142
+ "value": [
3143
+ "object/get",
3144
+ [
3145
+ "array/first",
3146
+ "@entity"
3147
+ ],
3148
+ "totalDeals"
3149
+ ]
3150
+ },
3151
+ {
3152
+ "type": "stat-display",
3153
+ "label": "TotalValue",
3154
+ "value": [
3155
+ "object/get",
3156
+ [
3157
+ "array/first",
3158
+ "@entity"
3159
+ ],
3160
+ "totalValue"
3161
+ ]
3162
+ },
3163
+ {
3164
+ "type": "stat-display",
3165
+ "label": "WonDeals",
3166
+ "value": [
3167
+ "object/get",
3168
+ [
3169
+ "array/first",
3170
+ "@entity"
3171
+ ],
3172
+ "wonDeals"
3173
+ ]
3174
+ },
3175
+ {
3176
+ "type": "stat-display",
3177
+ "label": "LostDeals",
3178
+ "value": [
3179
+ "object/get",
3180
+ [
3181
+ "array/first",
3182
+ "@entity"
3183
+ ],
3184
+ "lostDeals"
3185
+ ]
3186
+ },
3187
+ {
3188
+ "type": "stat-display",
3189
+ "label": "ConversionRate",
3190
+ "value": [
3191
+ "object/get",
3192
+ [
3193
+ "array/first",
3194
+ "@entity"
3195
+ ],
3196
+ "conversionRate"
3197
+ ]
3198
+ }
3199
+ ]
3200
+ }
3201
+ ]
3202
+ },
3203
+ {
3204
+ "type": "divider"
3205
+ },
3206
+ {
3207
+ "type": "grid",
3208
+ "columns": 2,
3209
+ "gap": "md",
3210
+ "children": [
3211
+ {
3212
+ "type": "card",
3213
+ "children": [
3214
+ {
3215
+ "type": "typography",
3216
+ "variant": "caption",
3217
+ "content": "Chart View"
3218
+ }
3219
+ ]
3220
+ },
3221
+ {
3222
+ "type": "card",
3223
+ "children": [
3224
+ {
3225
+ "type": "typography",
3226
+ "variant": "caption",
3227
+ "content": "Graph View"
3228
+ }
3229
+ ]
3230
+ }
3231
+ ]
3232
+ },
3233
+ {
3234
+ "type": "line-chart",
3235
+ "data": [
3236
+ {
3237
+ "date": "Jan",
3238
+ "value": 12
3239
+ },
3240
+ {
3241
+ "date": "Feb",
3242
+ "value": 19
3243
+ },
3244
+ {
3245
+ "date": "Mar",
3246
+ "value": 15
3247
+ },
3248
+ {
3249
+ "date": "Apr",
3250
+ "value": 25
3251
+ },
3252
+ {
3253
+ "date": "May",
3254
+ "value": 22
3255
+ },
3256
+ {
3257
+ "date": "Jun",
3258
+ "value": 30
3259
+ }
3260
+ ],
3261
+ "xKey": "date",
3262
+ "yKey": "value",
3263
+ "title": "Trend"
3264
+ },
3265
+ {
3266
+ "type": "chart-legend",
3267
+ "items": [
3268
+ {
3269
+ "label": "Current",
3270
+ "color": "primary"
3271
+ },
3272
+ {
3273
+ "label": "Previous",
3274
+ "color": "muted"
3275
+ }
3276
+ ]
3277
+ },
3278
+ {
3279
+ "type": "graph-view",
3280
+ "nodes": [
3281
+ {
3282
+ "id": "a",
3283
+ "label": "Start",
3284
+ "x": 50,
3285
+ "y": 100
3286
+ },
3287
+ {
3288
+ "id": "b",
3289
+ "label": "Process",
3290
+ "x": 200,
3291
+ "y": 50
3292
+ },
3293
+ {
3294
+ "id": "c",
3295
+ "label": "End",
3296
+ "x": 350,
3297
+ "y": 100
3298
+ }
3299
+ ],
3300
+ "edges": [
3301
+ {
3302
+ "from": "a",
3303
+ "to": "b"
3304
+ },
3305
+ {
3306
+ "from": "b",
3307
+ "to": "c"
3308
+ }
3309
+ ],
3310
+ "width": 400,
3311
+ "height": 200
3312
+ }
2948
3313
  ]
2949
3314
  }
2950
3315
  ]
@@ -2967,108 +3332,269 @@
2967
3332
  "render-ui",
2968
3333
  "main",
2969
3334
  {
2970
- "type": "stack",
2971
- "direction": "vertical",
2972
- "gap": "lg",
3335
+ "type": "dashboard-layout",
3336
+ "appName": "CRM",
3337
+ "navItems": [
3338
+ {
3339
+ "label": "Contacts",
3340
+ "href": "/contacts",
3341
+ "icon": "users"
3342
+ },
3343
+ {
3344
+ "label": "Deals",
3345
+ "href": "/deals",
3346
+ "icon": "briefcase"
3347
+ },
3348
+ {
3349
+ "label": "Pipeline",
3350
+ "href": "/pipeline",
3351
+ "icon": "bar-chart-2"
3352
+ },
3353
+ {
3354
+ "label": "Notes",
3355
+ "href": "/notes",
3356
+ "icon": "file-text"
3357
+ }
3358
+ ],
2973
3359
  "children": [
2974
3360
  {
2975
- "type": "stack",
2976
- "direction": "horizontal",
2977
- "gap": "md",
2978
- "justify": "space-between",
3361
+ "type": "scaled-diagram",
2979
3362
  "children": [
2980
3363
  {
2981
3364
  "type": "stack",
2982
- "direction": "horizontal",
2983
- "gap": "md",
3365
+ "direction": "vertical",
3366
+ "gap": "lg",
2984
3367
  "children": [
2985
3368
  {
2986
- "type": "icon",
2987
- "name": "bar-chart-2",
2988
- "size": "lg"
3369
+ "type": "breadcrumb",
3370
+ "items": [
3371
+ {
3372
+ "label": "Home",
3373
+ "href": "/"
3374
+ },
3375
+ {
3376
+ "label": "Pipeline"
3377
+ }
3378
+ ]
3379
+ },
3380
+ {
3381
+ "type": "stack",
3382
+ "direction": "horizontal",
3383
+ "gap": "md",
3384
+ "justify": "space-between",
3385
+ "children": [
3386
+ {
3387
+ "type": "stack",
3388
+ "direction": "horizontal",
3389
+ "gap": "md",
3390
+ "children": [
3391
+ {
3392
+ "type": "icon",
3393
+ "name": "bar-chart-2",
3394
+ "size": "lg"
3395
+ },
3396
+ {
3397
+ "type": "typography",
3398
+ "content": "Pipeline",
3399
+ "variant": "h2"
3400
+ }
3401
+ ]
3402
+ },
3403
+ {
3404
+ "type": "button",
3405
+ "label": "Refresh",
3406
+ "event": "REFRESH",
3407
+ "variant": "secondary",
3408
+ "icon": "refresh-cw"
3409
+ }
3410
+ ]
2989
3411
  },
2990
3412
  {
2991
- "type": "typography",
2992
- "content": "Pipeline",
2993
- "variant": "h2"
3413
+ "type": "divider"
3414
+ },
3415
+ {
3416
+ "type": "box",
3417
+ "padding": "md",
3418
+ "children": [
3419
+ {
3420
+ "type": "simple-grid",
3421
+ "columns": 3,
3422
+ "children": [
3423
+ {
3424
+ "type": "stat-display",
3425
+ "label": "TotalDeals",
3426
+ "value": [
3427
+ "object/get",
3428
+ [
3429
+ "array/first",
3430
+ "@entity"
3431
+ ],
3432
+ "totalDeals"
3433
+ ]
3434
+ },
3435
+ {
3436
+ "type": "stat-display",
3437
+ "label": "TotalValue",
3438
+ "value": [
3439
+ "object/get",
3440
+ [
3441
+ "array/first",
3442
+ "@entity"
3443
+ ],
3444
+ "totalValue"
3445
+ ]
3446
+ },
3447
+ {
3448
+ "type": "stat-display",
3449
+ "label": "WonDeals",
3450
+ "value": [
3451
+ "object/get",
3452
+ [
3453
+ "array/first",
3454
+ "@entity"
3455
+ ],
3456
+ "wonDeals"
3457
+ ]
3458
+ },
3459
+ {
3460
+ "type": "stat-display",
3461
+ "label": "LostDeals",
3462
+ "value": [
3463
+ "object/get",
3464
+ [
3465
+ "array/first",
3466
+ "@entity"
3467
+ ],
3468
+ "lostDeals"
3469
+ ]
3470
+ },
3471
+ {
3472
+ "type": "stat-display",
3473
+ "label": "ConversionRate",
3474
+ "value": [
3475
+ "object/get",
3476
+ [
3477
+ "array/first",
3478
+ "@entity"
3479
+ ],
3480
+ "conversionRate"
3481
+ ]
3482
+ }
3483
+ ]
3484
+ }
3485
+ ]
3486
+ },
3487
+ {
3488
+ "type": "divider"
3489
+ },
3490
+ {
3491
+ "type": "grid",
3492
+ "columns": 2,
3493
+ "gap": "md",
3494
+ "children": [
3495
+ {
3496
+ "type": "card",
3497
+ "children": [
3498
+ {
3499
+ "type": "typography",
3500
+ "variant": "caption",
3501
+ "content": "Chart View"
3502
+ }
3503
+ ]
3504
+ },
3505
+ {
3506
+ "type": "card",
3507
+ "children": [
3508
+ {
3509
+ "type": "typography",
3510
+ "variant": "caption",
3511
+ "content": "Graph View"
3512
+ }
3513
+ ]
3514
+ }
3515
+ ]
3516
+ },
3517
+ {
3518
+ "type": "line-chart",
3519
+ "data": [
3520
+ {
3521
+ "date": "Jan",
3522
+ "value": 12
3523
+ },
3524
+ {
3525
+ "date": "Feb",
3526
+ "value": 19
3527
+ },
3528
+ {
3529
+ "date": "Mar",
3530
+ "value": 15
3531
+ },
3532
+ {
3533
+ "date": "Apr",
3534
+ "value": 25
3535
+ },
3536
+ {
3537
+ "date": "May",
3538
+ "value": 22
3539
+ },
3540
+ {
3541
+ "date": "Jun",
3542
+ "value": 30
3543
+ }
3544
+ ],
3545
+ "xKey": "date",
3546
+ "yKey": "value",
3547
+ "title": "Trend"
3548
+ },
3549
+ {
3550
+ "type": "chart-legend",
3551
+ "items": [
3552
+ {
3553
+ "label": "Current",
3554
+ "color": "primary"
3555
+ },
3556
+ {
3557
+ "label": "Previous",
3558
+ "color": "muted"
3559
+ }
3560
+ ]
3561
+ },
3562
+ {
3563
+ "type": "graph-view",
3564
+ "nodes": [
3565
+ {
3566
+ "id": "a",
3567
+ "label": "Start",
3568
+ "x": 50,
3569
+ "y": 100
3570
+ },
3571
+ {
3572
+ "id": "b",
3573
+ "label": "Process",
3574
+ "x": 200,
3575
+ "y": 50
3576
+ },
3577
+ {
3578
+ "id": "c",
3579
+ "label": "End",
3580
+ "x": 350,
3581
+ "y": 100
3582
+ }
3583
+ ],
3584
+ "edges": [
3585
+ {
3586
+ "from": "a",
3587
+ "to": "b"
3588
+ },
3589
+ {
3590
+ "from": "b",
3591
+ "to": "c"
3592
+ }
3593
+ ],
3594
+ "width": 400,
3595
+ "height": 200
2994
3596
  }
2995
3597
  ]
2996
- },
2997
- {
2998
- "type": "button",
2999
- "label": "Refresh",
3000
- "event": "REFRESH",
3001
- "variant": "secondary",
3002
- "icon": "refresh-cw"
3003
- }
3004
- ]
3005
- },
3006
- {
3007
- "type": "divider"
3008
- },
3009
- {
3010
- "type": "simple-grid",
3011
- "columns": 3,
3012
- "children": [
3013
- {
3014
- "type": "stat-display",
3015
- "label": "TotalDeals",
3016
- "value": [
3017
- "object/get",
3018
- [
3019
- "array/first",
3020
- "@entity"
3021
- ],
3022
- "totalDeals"
3023
- ]
3024
- },
3025
- {
3026
- "type": "stat-display",
3027
- "label": "TotalValue",
3028
- "value": [
3029
- "object/get",
3030
- [
3031
- "array/first",
3032
- "@entity"
3033
- ],
3034
- "totalValue"
3035
- ]
3036
- },
3037
- {
3038
- "type": "stat-display",
3039
- "label": "WonDeals",
3040
- "value": [
3041
- "object/get",
3042
- [
3043
- "array/first",
3044
- "@entity"
3045
- ],
3046
- "wonDeals"
3047
- ]
3048
- },
3049
- {
3050
- "type": "stat-display",
3051
- "label": "LostDeals",
3052
- "value": [
3053
- "object/get",
3054
- [
3055
- "array/first",
3056
- "@entity"
3057
- ],
3058
- "lostDeals"
3059
- ]
3060
- },
3061
- {
3062
- "type": "stat-display",
3063
- "label": "ConversionRate",
3064
- "value": [
3065
- "object/get",
3066
- [
3067
- "array/first",
3068
- "@entity"
3069
- ],
3070
- "conversionRate"
3071
- ]
3072
3598
  }
3073
3599
  ]
3074
3600
  }
@@ -3090,108 +3616,269 @@
3090
3616
  "render-ui",
3091
3617
  "main",
3092
3618
  {
3093
- "type": "stack",
3094
- "direction": "vertical",
3095
- "gap": "lg",
3619
+ "type": "dashboard-layout",
3620
+ "appName": "CRM",
3621
+ "navItems": [
3622
+ {
3623
+ "label": "Contacts",
3624
+ "href": "/contacts",
3625
+ "icon": "users"
3626
+ },
3627
+ {
3628
+ "label": "Deals",
3629
+ "href": "/deals",
3630
+ "icon": "briefcase"
3631
+ },
3632
+ {
3633
+ "label": "Pipeline",
3634
+ "href": "/pipeline",
3635
+ "icon": "bar-chart-2"
3636
+ },
3637
+ {
3638
+ "label": "Notes",
3639
+ "href": "/notes",
3640
+ "icon": "file-text"
3641
+ }
3642
+ ],
3096
3643
  "children": [
3097
3644
  {
3098
- "type": "stack",
3099
- "direction": "horizontal",
3100
- "gap": "md",
3101
- "justify": "space-between",
3645
+ "type": "scaled-diagram",
3102
3646
  "children": [
3103
3647
  {
3104
3648
  "type": "stack",
3105
- "direction": "horizontal",
3106
- "gap": "md",
3649
+ "direction": "vertical",
3650
+ "gap": "lg",
3107
3651
  "children": [
3108
3652
  {
3109
- "type": "icon",
3110
- "name": "bar-chart-2",
3111
- "size": "lg"
3653
+ "type": "breadcrumb",
3654
+ "items": [
3655
+ {
3656
+ "label": "Home",
3657
+ "href": "/"
3658
+ },
3659
+ {
3660
+ "label": "Pipeline"
3661
+ }
3662
+ ]
3663
+ },
3664
+ {
3665
+ "type": "stack",
3666
+ "direction": "horizontal",
3667
+ "gap": "md",
3668
+ "justify": "space-between",
3669
+ "children": [
3670
+ {
3671
+ "type": "stack",
3672
+ "direction": "horizontal",
3673
+ "gap": "md",
3674
+ "children": [
3675
+ {
3676
+ "type": "icon",
3677
+ "name": "bar-chart-2",
3678
+ "size": "lg"
3679
+ },
3680
+ {
3681
+ "type": "typography",
3682
+ "content": "Pipeline",
3683
+ "variant": "h2"
3684
+ }
3685
+ ]
3686
+ },
3687
+ {
3688
+ "type": "button",
3689
+ "label": "Refresh",
3690
+ "event": "REFRESH",
3691
+ "variant": "secondary",
3692
+ "icon": "refresh-cw"
3693
+ }
3694
+ ]
3695
+ },
3696
+ {
3697
+ "type": "divider"
3698
+ },
3699
+ {
3700
+ "type": "box",
3701
+ "padding": "md",
3702
+ "children": [
3703
+ {
3704
+ "type": "simple-grid",
3705
+ "columns": 3,
3706
+ "children": [
3707
+ {
3708
+ "type": "stat-display",
3709
+ "label": "TotalDeals",
3710
+ "value": [
3711
+ "object/get",
3712
+ [
3713
+ "array/first",
3714
+ "@entity"
3715
+ ],
3716
+ "totalDeals"
3717
+ ]
3718
+ },
3719
+ {
3720
+ "type": "stat-display",
3721
+ "label": "TotalValue",
3722
+ "value": [
3723
+ "object/get",
3724
+ [
3725
+ "array/first",
3726
+ "@entity"
3727
+ ],
3728
+ "totalValue"
3729
+ ]
3730
+ },
3731
+ {
3732
+ "type": "stat-display",
3733
+ "label": "WonDeals",
3734
+ "value": [
3735
+ "object/get",
3736
+ [
3737
+ "array/first",
3738
+ "@entity"
3739
+ ],
3740
+ "wonDeals"
3741
+ ]
3742
+ },
3743
+ {
3744
+ "type": "stat-display",
3745
+ "label": "LostDeals",
3746
+ "value": [
3747
+ "object/get",
3748
+ [
3749
+ "array/first",
3750
+ "@entity"
3751
+ ],
3752
+ "lostDeals"
3753
+ ]
3754
+ },
3755
+ {
3756
+ "type": "stat-display",
3757
+ "label": "ConversionRate",
3758
+ "value": [
3759
+ "object/get",
3760
+ [
3761
+ "array/first",
3762
+ "@entity"
3763
+ ],
3764
+ "conversionRate"
3765
+ ]
3766
+ }
3767
+ ]
3768
+ }
3769
+ ]
3770
+ },
3771
+ {
3772
+ "type": "divider"
3112
3773
  },
3113
3774
  {
3114
- "type": "typography",
3115
- "content": "Pipeline",
3116
- "variant": "h2"
3775
+ "type": "grid",
3776
+ "columns": 2,
3777
+ "gap": "md",
3778
+ "children": [
3779
+ {
3780
+ "type": "card",
3781
+ "children": [
3782
+ {
3783
+ "type": "typography",
3784
+ "variant": "caption",
3785
+ "content": "Chart View"
3786
+ }
3787
+ ]
3788
+ },
3789
+ {
3790
+ "type": "card",
3791
+ "children": [
3792
+ {
3793
+ "type": "typography",
3794
+ "variant": "caption",
3795
+ "content": "Graph View"
3796
+ }
3797
+ ]
3798
+ }
3799
+ ]
3800
+ },
3801
+ {
3802
+ "type": "line-chart",
3803
+ "data": [
3804
+ {
3805
+ "date": "Jan",
3806
+ "value": 12
3807
+ },
3808
+ {
3809
+ "date": "Feb",
3810
+ "value": 19
3811
+ },
3812
+ {
3813
+ "date": "Mar",
3814
+ "value": 15
3815
+ },
3816
+ {
3817
+ "date": "Apr",
3818
+ "value": 25
3819
+ },
3820
+ {
3821
+ "date": "May",
3822
+ "value": 22
3823
+ },
3824
+ {
3825
+ "date": "Jun",
3826
+ "value": 30
3827
+ }
3828
+ ],
3829
+ "xKey": "date",
3830
+ "yKey": "value",
3831
+ "title": "Trend"
3832
+ },
3833
+ {
3834
+ "type": "chart-legend",
3835
+ "items": [
3836
+ {
3837
+ "label": "Current",
3838
+ "color": "primary"
3839
+ },
3840
+ {
3841
+ "label": "Previous",
3842
+ "color": "muted"
3843
+ }
3844
+ ]
3845
+ },
3846
+ {
3847
+ "type": "graph-view",
3848
+ "nodes": [
3849
+ {
3850
+ "id": "a",
3851
+ "label": "Start",
3852
+ "x": 50,
3853
+ "y": 100
3854
+ },
3855
+ {
3856
+ "id": "b",
3857
+ "label": "Process",
3858
+ "x": 200,
3859
+ "y": 50
3860
+ },
3861
+ {
3862
+ "id": "c",
3863
+ "label": "End",
3864
+ "x": 350,
3865
+ "y": 100
3866
+ }
3867
+ ],
3868
+ "edges": [
3869
+ {
3870
+ "from": "a",
3871
+ "to": "b"
3872
+ },
3873
+ {
3874
+ "from": "b",
3875
+ "to": "c"
3876
+ }
3877
+ ],
3878
+ "width": 400,
3879
+ "height": 200
3117
3880
  }
3118
3881
  ]
3119
- },
3120
- {
3121
- "type": "button",
3122
- "label": "Refresh",
3123
- "event": "REFRESH",
3124
- "variant": "secondary",
3125
- "icon": "refresh-cw"
3126
- }
3127
- ]
3128
- },
3129
- {
3130
- "type": "divider"
3131
- },
3132
- {
3133
- "type": "simple-grid",
3134
- "columns": 3,
3135
- "children": [
3136
- {
3137
- "type": "stat-display",
3138
- "label": "TotalDeals",
3139
- "value": [
3140
- "object/get",
3141
- [
3142
- "array/first",
3143
- "@entity"
3144
- ],
3145
- "totalDeals"
3146
- ]
3147
- },
3148
- {
3149
- "type": "stat-display",
3150
- "label": "TotalValue",
3151
- "value": [
3152
- "object/get",
3153
- [
3154
- "array/first",
3155
- "@entity"
3156
- ],
3157
- "totalValue"
3158
- ]
3159
- },
3160
- {
3161
- "type": "stat-display",
3162
- "label": "WonDeals",
3163
- "value": [
3164
- "object/get",
3165
- [
3166
- "array/first",
3167
- "@entity"
3168
- ],
3169
- "wonDeals"
3170
- ]
3171
- },
3172
- {
3173
- "type": "stat-display",
3174
- "label": "LostDeals",
3175
- "value": [
3176
- "object/get",
3177
- [
3178
- "array/first",
3179
- "@entity"
3180
- ],
3181
- "lostDeals"
3182
- ]
3183
- },
3184
- {
3185
- "type": "stat-display",
3186
- "label": "ConversionRate",
3187
- "value": [
3188
- "object/get",
3189
- [
3190
- "array/first",
3191
- "@entity"
3192
- ],
3193
- "conversionRate"
3194
- ]
3195
3882
  }
3196
3883
  ]
3197
3884
  }
@@ -3213,108 +3900,269 @@
3213
3900
  "render-ui",
3214
3901
  "main",
3215
3902
  {
3216
- "type": "stack",
3217
- "direction": "vertical",
3218
- "gap": "lg",
3903
+ "type": "dashboard-layout",
3904
+ "appName": "CRM",
3905
+ "navItems": [
3906
+ {
3907
+ "label": "Contacts",
3908
+ "href": "/contacts",
3909
+ "icon": "users"
3910
+ },
3911
+ {
3912
+ "label": "Deals",
3913
+ "href": "/deals",
3914
+ "icon": "briefcase"
3915
+ },
3916
+ {
3917
+ "label": "Pipeline",
3918
+ "href": "/pipeline",
3919
+ "icon": "bar-chart-2"
3920
+ },
3921
+ {
3922
+ "label": "Notes",
3923
+ "href": "/notes",
3924
+ "icon": "file-text"
3925
+ }
3926
+ ],
3219
3927
  "children": [
3220
3928
  {
3221
- "type": "stack",
3222
- "direction": "horizontal",
3223
- "gap": "md",
3224
- "justify": "space-between",
3929
+ "type": "scaled-diagram",
3225
3930
  "children": [
3226
3931
  {
3227
3932
  "type": "stack",
3228
- "direction": "horizontal",
3229
- "gap": "md",
3933
+ "direction": "vertical",
3934
+ "gap": "lg",
3230
3935
  "children": [
3231
3936
  {
3232
- "type": "icon",
3233
- "name": "bar-chart-2",
3234
- "size": "lg"
3937
+ "type": "breadcrumb",
3938
+ "items": [
3939
+ {
3940
+ "label": "Home",
3941
+ "href": "/"
3942
+ },
3943
+ {
3944
+ "label": "Pipeline"
3945
+ }
3946
+ ]
3947
+ },
3948
+ {
3949
+ "type": "stack",
3950
+ "direction": "horizontal",
3951
+ "gap": "md",
3952
+ "justify": "space-between",
3953
+ "children": [
3954
+ {
3955
+ "type": "stack",
3956
+ "direction": "horizontal",
3957
+ "gap": "md",
3958
+ "children": [
3959
+ {
3960
+ "type": "icon",
3961
+ "name": "bar-chart-2",
3962
+ "size": "lg"
3963
+ },
3964
+ {
3965
+ "type": "typography",
3966
+ "content": "Pipeline",
3967
+ "variant": "h2"
3968
+ }
3969
+ ]
3970
+ },
3971
+ {
3972
+ "type": "button",
3973
+ "label": "Refresh",
3974
+ "event": "REFRESH",
3975
+ "variant": "secondary",
3976
+ "icon": "refresh-cw"
3977
+ }
3978
+ ]
3979
+ },
3980
+ {
3981
+ "type": "divider"
3982
+ },
3983
+ {
3984
+ "type": "box",
3985
+ "padding": "md",
3986
+ "children": [
3987
+ {
3988
+ "type": "simple-grid",
3989
+ "columns": 3,
3990
+ "children": [
3991
+ {
3992
+ "type": "stat-display",
3993
+ "label": "TotalDeals",
3994
+ "value": [
3995
+ "object/get",
3996
+ [
3997
+ "array/first",
3998
+ "@entity"
3999
+ ],
4000
+ "totalDeals"
4001
+ ]
4002
+ },
4003
+ {
4004
+ "type": "stat-display",
4005
+ "label": "TotalValue",
4006
+ "value": [
4007
+ "object/get",
4008
+ [
4009
+ "array/first",
4010
+ "@entity"
4011
+ ],
4012
+ "totalValue"
4013
+ ]
4014
+ },
4015
+ {
4016
+ "type": "stat-display",
4017
+ "label": "WonDeals",
4018
+ "value": [
4019
+ "object/get",
4020
+ [
4021
+ "array/first",
4022
+ "@entity"
4023
+ ],
4024
+ "wonDeals"
4025
+ ]
4026
+ },
4027
+ {
4028
+ "type": "stat-display",
4029
+ "label": "LostDeals",
4030
+ "value": [
4031
+ "object/get",
4032
+ [
4033
+ "array/first",
4034
+ "@entity"
4035
+ ],
4036
+ "lostDeals"
4037
+ ]
4038
+ },
4039
+ {
4040
+ "type": "stat-display",
4041
+ "label": "ConversionRate",
4042
+ "value": [
4043
+ "object/get",
4044
+ [
4045
+ "array/first",
4046
+ "@entity"
4047
+ ],
4048
+ "conversionRate"
4049
+ ]
4050
+ }
4051
+ ]
4052
+ }
4053
+ ]
4054
+ },
4055
+ {
4056
+ "type": "divider"
4057
+ },
4058
+ {
4059
+ "type": "grid",
4060
+ "columns": 2,
4061
+ "gap": "md",
4062
+ "children": [
4063
+ {
4064
+ "type": "card",
4065
+ "children": [
4066
+ {
4067
+ "type": "typography",
4068
+ "variant": "caption",
4069
+ "content": "Chart View"
4070
+ }
4071
+ ]
4072
+ },
4073
+ {
4074
+ "type": "card",
4075
+ "children": [
4076
+ {
4077
+ "type": "typography",
4078
+ "variant": "caption",
4079
+ "content": "Graph View"
4080
+ }
4081
+ ]
4082
+ }
4083
+ ]
4084
+ },
4085
+ {
4086
+ "type": "line-chart",
4087
+ "data": [
4088
+ {
4089
+ "date": "Jan",
4090
+ "value": 12
4091
+ },
4092
+ {
4093
+ "date": "Feb",
4094
+ "value": 19
4095
+ },
4096
+ {
4097
+ "date": "Mar",
4098
+ "value": 15
4099
+ },
4100
+ {
4101
+ "date": "Apr",
4102
+ "value": 25
4103
+ },
4104
+ {
4105
+ "date": "May",
4106
+ "value": 22
4107
+ },
4108
+ {
4109
+ "date": "Jun",
4110
+ "value": 30
4111
+ }
4112
+ ],
4113
+ "xKey": "date",
4114
+ "yKey": "value",
4115
+ "title": "Trend"
4116
+ },
4117
+ {
4118
+ "type": "chart-legend",
4119
+ "items": [
4120
+ {
4121
+ "label": "Current",
4122
+ "color": "primary"
4123
+ },
4124
+ {
4125
+ "label": "Previous",
4126
+ "color": "muted"
4127
+ }
4128
+ ]
3235
4129
  },
3236
4130
  {
3237
- "type": "typography",
3238
- "content": "Pipeline",
3239
- "variant": "h2"
4131
+ "type": "graph-view",
4132
+ "nodes": [
4133
+ {
4134
+ "id": "a",
4135
+ "label": "Start",
4136
+ "x": 50,
4137
+ "y": 100
4138
+ },
4139
+ {
4140
+ "id": "b",
4141
+ "label": "Process",
4142
+ "x": 200,
4143
+ "y": 50
4144
+ },
4145
+ {
4146
+ "id": "c",
4147
+ "label": "End",
4148
+ "x": 350,
4149
+ "y": 100
4150
+ }
4151
+ ],
4152
+ "edges": [
4153
+ {
4154
+ "from": "a",
4155
+ "to": "b"
4156
+ },
4157
+ {
4158
+ "from": "b",
4159
+ "to": "c"
4160
+ }
4161
+ ],
4162
+ "width": 400,
4163
+ "height": 200
3240
4164
  }
3241
4165
  ]
3242
- },
3243
- {
3244
- "type": "button",
3245
- "label": "Refresh",
3246
- "event": "REFRESH",
3247
- "variant": "secondary",
3248
- "icon": "refresh-cw"
3249
- }
3250
- ]
3251
- },
3252
- {
3253
- "type": "divider"
3254
- },
3255
- {
3256
- "type": "simple-grid",
3257
- "columns": 3,
3258
- "children": [
3259
- {
3260
- "type": "stat-display",
3261
- "label": "TotalDeals",
3262
- "value": [
3263
- "object/get",
3264
- [
3265
- "array/first",
3266
- "@entity"
3267
- ],
3268
- "totalDeals"
3269
- ]
3270
- },
3271
- {
3272
- "type": "stat-display",
3273
- "label": "TotalValue",
3274
- "value": [
3275
- "object/get",
3276
- [
3277
- "array/first",
3278
- "@entity"
3279
- ],
3280
- "totalValue"
3281
- ]
3282
- },
3283
- {
3284
- "type": "stat-display",
3285
- "label": "WonDeals",
3286
- "value": [
3287
- "object/get",
3288
- [
3289
- "array/first",
3290
- "@entity"
3291
- ],
3292
- "wonDeals"
3293
- ]
3294
- },
3295
- {
3296
- "type": "stat-display",
3297
- "label": "LostDeals",
3298
- "value": [
3299
- "object/get",
3300
- [
3301
- "array/first",
3302
- "@entity"
3303
- ],
3304
- "lostDeals"
3305
- ]
3306
- },
3307
- {
3308
- "type": "stat-display",
3309
- "label": "ConversionRate",
3310
- "value": [
3311
- "object/get",
3312
- [
3313
- "array/first",
3314
- "@entity"
3315
- ],
3316
- "conversionRate"
3317
- ]
3318
4166
  }
3319
4167
  ]
3320
4168
  }
@@ -3336,108 +4184,269 @@
3336
4184
  "render-ui",
3337
4185
  "main",
3338
4186
  {
3339
- "type": "stack",
3340
- "direction": "vertical",
3341
- "gap": "lg",
4187
+ "type": "dashboard-layout",
4188
+ "appName": "CRM",
4189
+ "navItems": [
4190
+ {
4191
+ "label": "Contacts",
4192
+ "href": "/contacts",
4193
+ "icon": "users"
4194
+ },
4195
+ {
4196
+ "label": "Deals",
4197
+ "href": "/deals",
4198
+ "icon": "briefcase"
4199
+ },
4200
+ {
4201
+ "label": "Pipeline",
4202
+ "href": "/pipeline",
4203
+ "icon": "bar-chart-2"
4204
+ },
4205
+ {
4206
+ "label": "Notes",
4207
+ "href": "/notes",
4208
+ "icon": "file-text"
4209
+ }
4210
+ ],
3342
4211
  "children": [
3343
4212
  {
3344
- "type": "stack",
3345
- "direction": "horizontal",
3346
- "gap": "md",
3347
- "justify": "space-between",
4213
+ "type": "scaled-diagram",
3348
4214
  "children": [
3349
4215
  {
3350
4216
  "type": "stack",
3351
- "direction": "horizontal",
3352
- "gap": "md",
4217
+ "direction": "vertical",
4218
+ "gap": "lg",
3353
4219
  "children": [
3354
4220
  {
3355
- "type": "icon",
3356
- "name": "bar-chart-2",
3357
- "size": "lg"
4221
+ "type": "breadcrumb",
4222
+ "items": [
4223
+ {
4224
+ "label": "Home",
4225
+ "href": "/"
4226
+ },
4227
+ {
4228
+ "label": "Pipeline"
4229
+ }
4230
+ ]
4231
+ },
4232
+ {
4233
+ "type": "stack",
4234
+ "direction": "horizontal",
4235
+ "gap": "md",
4236
+ "justify": "space-between",
4237
+ "children": [
4238
+ {
4239
+ "type": "stack",
4240
+ "direction": "horizontal",
4241
+ "gap": "md",
4242
+ "children": [
4243
+ {
4244
+ "type": "icon",
4245
+ "name": "bar-chart-2",
4246
+ "size": "lg"
4247
+ },
4248
+ {
4249
+ "type": "typography",
4250
+ "content": "Pipeline",
4251
+ "variant": "h2"
4252
+ }
4253
+ ]
4254
+ },
4255
+ {
4256
+ "type": "button",
4257
+ "label": "Refresh",
4258
+ "event": "REFRESH",
4259
+ "variant": "secondary",
4260
+ "icon": "refresh-cw"
4261
+ }
4262
+ ]
4263
+ },
4264
+ {
4265
+ "type": "divider"
4266
+ },
4267
+ {
4268
+ "type": "box",
4269
+ "padding": "md",
4270
+ "children": [
4271
+ {
4272
+ "type": "simple-grid",
4273
+ "columns": 3,
4274
+ "children": [
4275
+ {
4276
+ "type": "stat-display",
4277
+ "label": "TotalDeals",
4278
+ "value": [
4279
+ "object/get",
4280
+ [
4281
+ "array/first",
4282
+ "@entity"
4283
+ ],
4284
+ "totalDeals"
4285
+ ]
4286
+ },
4287
+ {
4288
+ "type": "stat-display",
4289
+ "label": "TotalValue",
4290
+ "value": [
4291
+ "object/get",
4292
+ [
4293
+ "array/first",
4294
+ "@entity"
4295
+ ],
4296
+ "totalValue"
4297
+ ]
4298
+ },
4299
+ {
4300
+ "type": "stat-display",
4301
+ "label": "WonDeals",
4302
+ "value": [
4303
+ "object/get",
4304
+ [
4305
+ "array/first",
4306
+ "@entity"
4307
+ ],
4308
+ "wonDeals"
4309
+ ]
4310
+ },
4311
+ {
4312
+ "type": "stat-display",
4313
+ "label": "LostDeals",
4314
+ "value": [
4315
+ "object/get",
4316
+ [
4317
+ "array/first",
4318
+ "@entity"
4319
+ ],
4320
+ "lostDeals"
4321
+ ]
4322
+ },
4323
+ {
4324
+ "type": "stat-display",
4325
+ "label": "ConversionRate",
4326
+ "value": [
4327
+ "object/get",
4328
+ [
4329
+ "array/first",
4330
+ "@entity"
4331
+ ],
4332
+ "conversionRate"
4333
+ ]
4334
+ }
4335
+ ]
4336
+ }
4337
+ ]
4338
+ },
4339
+ {
4340
+ "type": "divider"
4341
+ },
4342
+ {
4343
+ "type": "grid",
4344
+ "columns": 2,
4345
+ "gap": "md",
4346
+ "children": [
4347
+ {
4348
+ "type": "card",
4349
+ "children": [
4350
+ {
4351
+ "type": "typography",
4352
+ "variant": "caption",
4353
+ "content": "Chart View"
4354
+ }
4355
+ ]
4356
+ },
4357
+ {
4358
+ "type": "card",
4359
+ "children": [
4360
+ {
4361
+ "type": "typography",
4362
+ "variant": "caption",
4363
+ "content": "Graph View"
4364
+ }
4365
+ ]
4366
+ }
4367
+ ]
4368
+ },
4369
+ {
4370
+ "type": "line-chart",
4371
+ "data": [
4372
+ {
4373
+ "date": "Jan",
4374
+ "value": 12
4375
+ },
4376
+ {
4377
+ "date": "Feb",
4378
+ "value": 19
4379
+ },
4380
+ {
4381
+ "date": "Mar",
4382
+ "value": 15
4383
+ },
4384
+ {
4385
+ "date": "Apr",
4386
+ "value": 25
4387
+ },
4388
+ {
4389
+ "date": "May",
4390
+ "value": 22
4391
+ },
4392
+ {
4393
+ "date": "Jun",
4394
+ "value": 30
4395
+ }
4396
+ ],
4397
+ "xKey": "date",
4398
+ "yKey": "value",
4399
+ "title": "Trend"
4400
+ },
4401
+ {
4402
+ "type": "chart-legend",
4403
+ "items": [
4404
+ {
4405
+ "label": "Current",
4406
+ "color": "primary"
4407
+ },
4408
+ {
4409
+ "label": "Previous",
4410
+ "color": "muted"
4411
+ }
4412
+ ]
3358
4413
  },
3359
4414
  {
3360
- "type": "typography",
3361
- "content": "Pipeline",
3362
- "variant": "h2"
4415
+ "type": "graph-view",
4416
+ "nodes": [
4417
+ {
4418
+ "id": "a",
4419
+ "label": "Start",
4420
+ "x": 50,
4421
+ "y": 100
4422
+ },
4423
+ {
4424
+ "id": "b",
4425
+ "label": "Process",
4426
+ "x": 200,
4427
+ "y": 50
4428
+ },
4429
+ {
4430
+ "id": "c",
4431
+ "label": "End",
4432
+ "x": 350,
4433
+ "y": 100
4434
+ }
4435
+ ],
4436
+ "edges": [
4437
+ {
4438
+ "from": "a",
4439
+ "to": "b"
4440
+ },
4441
+ {
4442
+ "from": "b",
4443
+ "to": "c"
4444
+ }
4445
+ ],
4446
+ "width": 400,
4447
+ "height": 200
3363
4448
  }
3364
4449
  ]
3365
- },
3366
- {
3367
- "type": "button",
3368
- "label": "Refresh",
3369
- "event": "REFRESH",
3370
- "variant": "secondary",
3371
- "icon": "refresh-cw"
3372
- }
3373
- ]
3374
- },
3375
- {
3376
- "type": "divider"
3377
- },
3378
- {
3379
- "type": "simple-grid",
3380
- "columns": 3,
3381
- "children": [
3382
- {
3383
- "type": "stat-display",
3384
- "label": "TotalDeals",
3385
- "value": [
3386
- "object/get",
3387
- [
3388
- "array/first",
3389
- "@entity"
3390
- ],
3391
- "totalDeals"
3392
- ]
3393
- },
3394
- {
3395
- "type": "stat-display",
3396
- "label": "TotalValue",
3397
- "value": [
3398
- "object/get",
3399
- [
3400
- "array/first",
3401
- "@entity"
3402
- ],
3403
- "totalValue"
3404
- ]
3405
- },
3406
- {
3407
- "type": "stat-display",
3408
- "label": "WonDeals",
3409
- "value": [
3410
- "object/get",
3411
- [
3412
- "array/first",
3413
- "@entity"
3414
- ],
3415
- "wonDeals"
3416
- ]
3417
- },
3418
- {
3419
- "type": "stat-display",
3420
- "label": "LostDeals",
3421
- "value": [
3422
- "object/get",
3423
- [
3424
- "array/first",
3425
- "@entity"
3426
- ],
3427
- "lostDeals"
3428
- ]
3429
- },
3430
- {
3431
- "type": "stat-display",
3432
- "label": "ConversionRate",
3433
- "value": [
3434
- "object/get",
3435
- [
3436
- "array/first",
3437
- "@entity"
3438
- ],
3439
- "conversionRate"
3440
- ]
3441
4450
  }
3442
4451
  ]
3443
4452
  }
@@ -3497,7 +4506,7 @@
3497
4506
  },
3498
4507
  {
3499
4508
  "name": "createdAt",
3500
- "type": "string",
4509
+ "type": "date",
3501
4510
  "default": ""
3502
4511
  }
3503
4512
  ]
@@ -3566,111 +4575,113 @@
3566
4575
  "render-ui",
3567
4576
  "main",
3568
4577
  {
3569
- "type": "stack",
3570
- "direction": "vertical",
3571
- "gap": "lg",
4578
+ "type": "dashboard-layout",
4579
+ "appName": "CRM",
4580
+ "navItems": [
4581
+ {
4582
+ "label": "Contacts",
4583
+ "href": "/contacts",
4584
+ "icon": "users"
4585
+ },
4586
+ {
4587
+ "label": "Deals",
4588
+ "href": "/deals",
4589
+ "icon": "briefcase"
4590
+ },
4591
+ {
4592
+ "label": "Pipeline",
4593
+ "href": "/pipeline",
4594
+ "icon": "bar-chart-2"
4595
+ },
4596
+ {
4597
+ "label": "Notes",
4598
+ "href": "/notes",
4599
+ "icon": "file-text"
4600
+ }
4601
+ ],
3572
4602
  "children": [
3573
4603
  {
3574
4604
  "type": "stack",
3575
- "direction": "horizontal",
3576
- "gap": "md",
3577
- "justify": "space-between",
4605
+ "direction": "vertical",
4606
+ "gap": "lg",
4607
+ "className": "max-w-5xl mx-auto w-full",
3578
4608
  "children": [
3579
4609
  {
3580
4610
  "type": "stack",
3581
4611
  "direction": "horizontal",
3582
- "gap": "sm",
4612
+ "gap": "md",
4613
+ "justify": "space-between",
3583
4614
  "align": "center",
3584
- "children": [
3585
- {
3586
- "type": "icon",
3587
- "name": "file-text",
3588
- "size": "lg"
3589
- },
3590
- {
3591
- "type": "typography",
3592
- "content": "Notes",
3593
- "variant": "h2"
3594
- }
3595
- ]
3596
- },
3597
- {
3598
- "type": "stack",
3599
- "direction": "horizontal",
3600
- "gap": "sm",
3601
- "children": [
3602
- {
3603
- "type": "button",
3604
- "label": "Compose",
3605
- "event": "COMPOSE",
3606
- "variant": "primary",
3607
- "icon": "edit"
3608
- }
3609
- ]
3610
- }
3611
- ]
3612
- },
3613
- {
3614
- "type": "divider"
3615
- },
3616
- {
3617
- "type": "data-grid",
3618
- "entity": "Note",
3619
- "emptyIcon": "inbox",
3620
- "emptyTitle": "No messages yet",
3621
- "emptyDescription": "Start a new conversation.",
3622
- "itemActions": [
3623
- {
3624
- "label": "View",
3625
- "event": "VIEW"
3626
- }
3627
- ],
3628
- "className": "transition-shadow hover:shadow-md cursor-pointer",
3629
- "renderItem": [
3630
- "fn",
3631
- "item",
3632
- {
3633
- "type": "stack",
3634
- "direction": "vertical",
3635
- "gap": "sm",
3636
4615
  "children": [
3637
4616
  {
3638
4617
  "type": "stack",
3639
4618
  "direction": "horizontal",
3640
- "justify": "space-between",
4619
+ "gap": "sm",
3641
4620
  "align": "center",
3642
4621
  "children": [
3643
4622
  {
3644
- "type": "stack",
3645
- "direction": "horizontal",
3646
- "gap": "sm",
3647
- "align": "center",
3648
- "children": [
3649
- {
3650
- "type": "icon",
3651
- "name": "file-text",
3652
- "size": "sm"
3653
- },
3654
- {
3655
- "type": "typography",
3656
- "variant": "h4",
3657
- "content": "@item.subject"
3658
- }
3659
- ]
4623
+ "type": "icon",
4624
+ "name": "file-text",
4625
+ "size": "lg"
3660
4626
  },
3661
4627
  {
3662
- "type": "badge",
3663
- "label": "@item.body"
4628
+ "type": "typography",
4629
+ "content": "Notes",
4630
+ "variant": "h2"
3664
4631
  }
3665
4632
  ]
3666
4633
  },
3667
4634
  {
3668
- "type": "typography",
3669
- "variant": "caption",
3670
- "color": "muted",
3671
- "content": "@item.author"
4635
+ "type": "stack",
4636
+ "direction": "horizontal",
4637
+ "gap": "sm",
4638
+ "children": [
4639
+ {
4640
+ "type": "button",
4641
+ "label": "Compose",
4642
+ "event": "COMPOSE",
4643
+ "variant": "primary",
4644
+ "icon": "edit"
4645
+ }
4646
+ ]
3672
4647
  }
3673
4648
  ]
4649
+ },
4650
+ {
4651
+ "type": "divider"
4652
+ },
4653
+ {
4654
+ "type": "data-list",
4655
+ "entity": "Note",
4656
+ "emptyIcon": "inbox",
4657
+ "emptyTitle": "No messages yet",
4658
+ "emptyDescription": "Start a new conversation.",
4659
+ "itemActions": [
4660
+ {
4661
+ "label": "View",
4662
+ "event": "VIEW",
4663
+ "variant": "ghost",
4664
+ "size": "sm"
4665
+ }
4666
+ ],
4667
+ "columns": [
4668
+ {
4669
+ "name": "subject",
4670
+ "variant": "h4",
4671
+ "icon": "file-text"
4672
+ },
4673
+ {
4674
+ "name": "author",
4675
+ "variant": "caption"
4676
+ },
4677
+ {
4678
+ "name": "createdAt",
4679
+ "variant": "caption",
4680
+ "format": "date"
4681
+ }
4682
+ ],
4683
+ "variant": "card",
4684
+ "gap": "sm"
3674
4685
  }
3675
4686
  ]
3676
4687
  }
@@ -3791,8 +4802,7 @@
3791
4802
  "fields": [
3792
4803
  "subject",
3793
4804
  "body",
3794
- "author",
3795
- "createdAt"
4805
+ "author"
3796
4806
  ]
3797
4807
  }
3798
4808
  ]
@@ -3809,6 +4819,11 @@
3809
4819
  "render-ui",
3810
4820
  "modal",
3811
4821
  null
4822
+ ],
4823
+ [
4824
+ "notify",
4825
+ "Cancelled",
4826
+ "info"
3812
4827
  ]
3813
4828
  ]
3814
4829
  },
@@ -3990,7 +5005,7 @@
3990
5005
  {
3991
5006
  "type": "typography",
3992
5007
  "variant": "caption",
3993
- "content": "CreatedAt"
5008
+ "content": "Created At"
3994
5009
  },
3995
5010
  {
3996
5011
  "type": "typography",
@@ -4030,6 +5045,11 @@
4030
5045
  "render-ui",
4031
5046
  "modal",
4032
5047
  null
5048
+ ],
5049
+ [
5050
+ "notify",
5051
+ "Cancelled",
5052
+ "info"
4033
5053
  ]
4034
5054
  ]
4035
5055
  }