@almadar/std 8.2.0 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/behaviors/registry/agent/atoms/std-agent-activity-log.orb +83 -83
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +112 -112
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +107 -101
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +131 -116
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +408 -402
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +82 -82
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +81 -81
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +124 -118
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +74 -74
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +129 -129
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +202 -202
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +312 -312
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +59 -59
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +206 -206
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +186 -186
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +136 -136
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +116 -116
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +206 -206
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1131 -1131
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3061 -3061
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2114 -2114
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1007 -1007
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +735 -735
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +805 -805
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1178 -1178
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +781 -781
  27. package/behaviors/registry/app/organisms/std-cms.orb +445 -445
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +368 -368
  29. package/behaviors/registry/app/organisms/std-crm.orb +781 -781
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1344 -1344
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +968 -968
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1286 -1286
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +636 -636
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1160 -1160
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +828 -828
  37. package/behaviors/registry/app/organisms/std-lms.orb +863 -863
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +686 -686
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +739 -739
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +239 -239
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +661 -661
  42. package/behaviors/registry/core/atoms/std-browse.orb +60 -60
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +92 -92
  44. package/behaviors/registry/core/atoms/std-calendar.orb +55 -55
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +176 -176
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  47. package/behaviors/registry/core/atoms/std-display.orb +371 -371
  48. package/behaviors/registry/core/atoms/std-drawer.orb +56 -56
  49. package/behaviors/registry/core/atoms/std-filter.orb +46 -46
  50. package/behaviors/registry/core/atoms/std-gallery.orb +50 -50
  51. package/behaviors/registry/core/atoms/std-modal.orb +14 -32
  52. package/behaviors/registry/core/atoms/std-pagination.orb +45 -45
  53. package/behaviors/registry/core/atoms/std-push.orb +42 -42
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +172 -172
  55. package/behaviors/registry/core/atoms/std-related.orb +36 -36
  56. package/behaviors/registry/core/atoms/std-search.orb +71 -71
  57. package/behaviors/registry/core/atoms/std-selection.orb +89 -89
  58. package/behaviors/registry/core/atoms/std-tabs.orb +49 -49
  59. package/behaviors/registry/core/molecules/std-cart.orb +54 -54
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +5 -5
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +116 -116
  62. package/behaviors/registry/core/molecules/std-list.orb +60 -60
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +140 -140
  64. package/behaviors/registry/game/atoms/std-collision.orb +143 -143
  65. package/behaviors/registry/game/atoms/std-combat.orb +80 -80
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +35 -35
  69. package/behaviors/registry/game/atoms/std-movement.orb +300 -300
  70. package/behaviors/registry/game/atoms/std-overworld.orb +63 -63
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
  72. package/behaviors/registry/game/atoms/std-quest.orb +124 -124
  73. package/behaviors/registry/game/atoms/std-timer.orb +251 -260
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +77 -77
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +230 -230
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +105 -105
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +350 -350
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +377 -377
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +529 -529
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +12 -12
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +70 -70
  83. package/behaviors/registry/service/atoms/std-service-email.orb +84 -84
  84. package/behaviors/registry/service/atoms/std-service-github.orb +99 -99
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +115 -115
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +116 -116
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +95 -95
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +98 -98
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +99 -99
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +115 -115
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +917 -917
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +933 -933
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +83 -83
  95. package/dist/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +112 -112
  96. package/dist/behaviors/registry/agent/atoms/std-agent-classifier.orb +107 -101
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +131 -116
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +408 -402
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +82 -82
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +81 -81
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +124 -118
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +74 -74
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +129 -129
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +202 -202
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +312 -312
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +59 -59
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +206 -206
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +186 -186
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +136 -136
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +116 -116
  111. package/dist/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +206 -206
  112. package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1131 -1131
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3061 -3061
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2114 -2114
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1007 -1007
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +735 -735
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +805 -805
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1178 -1178
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +781 -781
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +445 -445
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +368 -368
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +781 -781
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1344 -1344
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +968 -968
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +626 -626
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1286 -1286
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +636 -636
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1160 -1160
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +828 -828
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +863 -863
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +686 -686
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +739 -739
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +239 -239
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +661 -661
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +60 -60
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +92 -92
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +55 -55
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +176 -176
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +24 -42
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +371 -371
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +56 -56
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +46 -46
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +50 -50
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +14 -32
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +45 -45
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +42 -42
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +172 -172
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +36 -36
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +71 -71
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +89 -89
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +49 -49
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +54 -54
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +5 -5
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +116 -116
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +60 -60
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +140 -140
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +143 -143
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +80 -80
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +26 -26
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +35 -35
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +300 -300
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +63 -63
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +124 -124
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +251 -260
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +149 -149
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +77 -77
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +230 -230
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +105 -105
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +350 -350
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +377 -377
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +529 -529
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +12 -12
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +70 -70
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +84 -84
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +99 -99
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +115 -115
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +116 -116
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +95 -95
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +98 -98
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +99 -99
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +115 -115
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +917 -917
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +933 -933
  187. package/package.json +1 -1
package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb CHANGED
@@ -342,22 +342,22 @@
342
342
  "render-ui",
343
343
  "main",
344
344
  {
345
+ "gap": "md",
346
+ "type": "stack",
345
347
  "className": "py-12",
348
+ "direction": "vertical",
349
+ "align": "center",
346
350
  "children": [
347
351
  {
348
352
  "type": "spinner"
349
353
  },
350
354
  {
351
355
  "type": "typography",
352
- "variant": "caption",
356
+ "color": "muted",
353
357
  "content": "Loading…",
354
- "color": "muted"
358
+ "variant": "caption"
355
359
  }
356
- ],
357
- "gap": "md",
358
- "direction": "vertical",
359
- "type": "stack",
360
- "align": "center"
360
+ ]
361
361
  }
362
362
  ]
363
363
  ]
@@ -371,106 +371,106 @@
371
371
  "render-ui",
372
372
  "main",
373
373
  {
374
- "type": "dashboard-layout",
375
- "navItems": [
376
- {
377
- "label": "Chat",
378
- "href": "/chat",
379
- "icon": "layout-list"
380
- },
381
- {
382
- "href": "/channels",
383
- "icon": "hash",
384
- "label": "Channels"
385
- },
386
- {
387
- "icon": "layout-list",
388
- "href": "/online",
389
- "label": "Online"
390
- }
391
- ],
392
- "appName": "Realtime Chat",
393
374
  "children": [
394
375
  {
395
- "direction": "vertical",
396
- "gap": "lg",
397
- "className": "max-w-5xl mx-auto w-full",
398
376
  "children": [
399
377
  {
400
- "justify": "between",
401
- "gap": "md",
402
378
  "type": "stack",
403
- "align": "center",
404
379
  "direction": "horizontal",
380
+ "justify": "between",
405
381
  "children": [
406
382
  {
407
- "type": "stack",
408
- "direction": "horizontal",
409
- "gap": "sm",
410
383
  "children": [
411
384
  {
412
- "name": "message-circle",
413
- "type": "icon"
385
+ "type": "icon",
386
+ "name": "message-circle"
414
387
  },
415
388
  {
416
- "variant": "h2",
417
389
  "content": "Chat",
418
- "type": "typography"
390
+ "type": "typography",
391
+ "variant": "h2"
419
392
  }
420
393
  ],
394
+ "gap": "sm",
395
+ "type": "stack",
396
+ "direction": "horizontal",
421
397
  "align": "center"
422
398
  },
423
399
  {
424
- "direction": "horizontal",
425
- "gap": "sm",
426
400
  "type": "stack",
401
+ "direction": "horizontal",
427
402
  "children": [
428
403
  {
429
- "action": "COMPOSE",
430
- "label": "Compose",
431
404
  "variant": "primary",
405
+ "type": "button",
406
+ "action": "COMPOSE",
432
407
  "icon": "edit",
433
- "type": "button"
408
+ "label": "Compose"
434
409
  }
435
- ]
410
+ ],
411
+ "gap": "sm"
436
412
  }
437
- ]
413
+ ],
414
+ "gap": "md",
415
+ "align": "center"
438
416
  },
439
417
  {
440
418
  "type": "divider"
441
419
  },
442
420
  {
443
- "type": "data-list",
444
- "fields": [],
445
- "entity": "@payload.data",
421
+ "senderField": "sender",
446
422
  "itemActions": [
447
423
  {
448
424
  "event": "VIEW",
449
- "label": "View",
450
- "variant": "ghost"
425
+ "variant": "ghost",
426
+ "label": "View"
451
427
  }
452
428
  ],
453
- "senderField": "sender",
429
+ "entity": "@payload.data",
454
430
  "columns": [
455
431
  {
456
- "name": "sender",
457
- "variant": "h4"
432
+ "variant": "h4",
433
+ "name": "sender"
458
434
  },
459
435
  {
460
- "name": "content",
461
- "variant": "body"
436
+ "variant": "body",
437
+ "name": "content"
462
438
  },
463
439
  {
464
- "variant": "caption",
465
440
  "format": "date",
441
+ "variant": "caption",
466
442
  "name": "timestamp"
467
443
  }
468
444
  ],
469
- "gap": "sm",
470
- "variant": "message"
445
+ "variant": "message",
446
+ "fields": [],
447
+ "type": "data-list",
448
+ "gap": "sm"
471
449
  }
472
450
  ],
473
- "type": "stack"
451
+ "direction": "vertical",
452
+ "type": "stack",
453
+ "className": "max-w-5xl mx-auto w-full",
454
+ "gap": "lg"
455
+ }
456
+ ],
457
+ "appName": "Realtime Chat",
458
+ "type": "dashboard-layout",
459
+ "navItems": [
460
+ {
461
+ "icon": "layout-list",
462
+ "href": "/chat",
463
+ "label": "Chat"
464
+ },
465
+ {
466
+ "label": "Channels",
467
+ "href": "/channels",
468
+ "icon": "hash"
469
+ },
470
+ {
471
+ "href": "/online",
472
+ "label": "Online",
473
+ "icon": "layout-list"
474
474
  }
475
475
  ]
476
476
  }
@@ -486,36 +486,36 @@
486
486
  "render-ui",
487
487
  "main",
488
488
  {
489
+ "align": "center",
490
+ "className": "py-12",
489
491
  "gap": "md",
490
492
  "children": [
491
493
  {
492
- "type": "icon",
494
+ "color": "destructive",
493
495
  "name": "alert-triangle",
494
- "color": "destructive"
496
+ "type": "icon"
495
497
  },
496
498
  {
497
- "type": "typography",
499
+ "variant": "h3",
498
500
  "content": "Failed to load chatmessage",
499
- "variant": "h3"
501
+ "type": "typography"
500
502
  },
501
503
  {
504
+ "color": "muted",
502
505
  "variant": "body",
503
506
  "type": "typography",
504
- "content": "@payload.error",
505
- "color": "muted"
507
+ "content": "@payload.error"
506
508
  },
507
509
  {
508
- "label": "Retry",
509
510
  "type": "button",
510
- "icon": "rotate-ccw",
511
511
  "action": "INIT",
512
- "variant": "primary"
512
+ "icon": "rotate-ccw",
513
+ "variant": "primary",
514
+ "label": "Retry"
513
515
  }
514
516
  ],
515
- "align": "center",
516
- "direction": "vertical",
517
- "className": "py-12",
518
- "type": "stack"
517
+ "type": "stack",
518
+ "direction": "vertical"
519
519
  }
520
520
  ]
521
521
  ]
@@ -687,33 +687,32 @@
687
687
  "render-ui",
688
688
  "modal",
689
689
  {
690
- "direction": "vertical",
691
690
  "type": "stack",
692
691
  "children": [
693
692
  {
694
693
  "direction": "horizontal",
695
- "gap": "sm",
696
- "type": "stack",
697
694
  "children": [
698
695
  {
699
696
  "name": "edit",
700
697
  "type": "icon"
701
698
  },
702
699
  {
703
- "type": "typography",
704
700
  "content": "New ChatMessage",
705
- "variant": "h3"
701
+ "variant": "h3",
702
+ "type": "typography"
706
703
  }
707
- ]
704
+ ],
705
+ "gap": "sm",
706
+ "type": "stack"
708
707
  },
709
708
  {
710
709
  "type": "divider"
711
710
  },
712
711
  {
713
- "mode": "create",
714
- "cancelEvent": "CLOSE",
715
- "submitEvent": "SEND",
716
712
  "type": "form-section",
713
+ "submitEvent": "SEND",
714
+ "cancelEvent": "CLOSE",
715
+ "mode": "create",
717
716
  "fields": [
718
717
  "sender",
719
718
  "content",
@@ -722,6 +721,7 @@
722
721
  ]
723
722
  }
724
723
  ],
724
+ "direction": "vertical",
725
725
  "gap": "md"
726
726
  }
727
727
  ]
@@ -763,8 +763,8 @@
763
763
  "@payload.data",
764
764
  {
765
765
  "emit": {
766
- "success": "ChatMessageSaved",
767
- "failure": "ChatMessageSaveFailed"
766
+ "failure": "ChatMessageSaveFailed",
767
+ "success": "ChatMessageSaved"
768
768
  }
769
769
  }
770
770
  ],
@@ -917,114 +917,114 @@
917
917
  "modal",
918
918
  {
919
919
  "direction": "vertical",
920
+ "type": "stack",
920
921
  "children": [
921
922
  {
923
+ "type": "stack",
924
+ "direction": "horizontal",
925
+ "gap": "sm",
926
+ "align": "center",
922
927
  "children": [
923
928
  {
924
- "name": "eye",
925
- "type": "icon"
929
+ "type": "icon",
930
+ "name": "eye"
926
931
  },
927
932
  {
933
+ "content": "@entity.sender",
928
934
  "variant": "h3",
929
- "type": "typography",
930
- "content": "@entity.sender"
935
+ "type": "typography"
931
936
  }
932
- ],
933
- "gap": "sm",
934
- "align": "center",
935
- "type": "stack",
936
- "direction": "horizontal"
937
+ ]
937
938
  },
938
939
  {
939
940
  "type": "divider"
940
941
  },
941
942
  {
943
+ "gap": "md",
944
+ "type": "stack",
945
+ "direction": "horizontal",
942
946
  "children": [
943
947
  {
944
948
  "variant": "caption",
945
- "type": "typography",
946
- "content": "Sender"
949
+ "content": "Sender",
950
+ "type": "typography"
947
951
  },
948
952
  {
949
- "type": "typography",
953
+ "content": "@entity.sender",
950
954
  "variant": "body",
951
- "content": "@entity.sender"
955
+ "type": "typography"
952
956
  }
953
- ],
954
- "direction": "horizontal",
955
- "type": "stack",
956
- "gap": "md"
957
+ ]
957
958
  },
958
959
  {
959
- "type": "stack",
960
+ "gap": "md",
960
961
  "children": [
961
962
  {
962
- "type": "typography",
963
963
  "content": "Content",
964
+ "type": "typography",
964
965
  "variant": "caption"
965
966
  },
966
967
  {
968
+ "content": "@entity.content",
967
969
  "variant": "body",
968
- "type": "typography",
969
- "content": "@entity.content"
970
+ "type": "typography"
970
971
  }
971
972
  ],
972
- "gap": "md",
973
+ "type": "stack",
973
974
  "direction": "horizontal"
974
975
  },
975
976
  {
976
- "direction": "horizontal",
977
- "type": "stack",
978
977
  "children": [
979
978
  {
980
- "type": "typography",
981
979
  "content": "Channel",
980
+ "type": "typography",
982
981
  "variant": "caption"
983
982
  },
984
983
  {
984
+ "content": "@entity.channel",
985
985
  "type": "typography",
986
- "variant": "body",
987
- "content": "@entity.channel"
986
+ "variant": "body"
988
987
  }
989
988
  ],
990
- "gap": "md"
989
+ "gap": "md",
990
+ "type": "stack",
991
+ "direction": "horizontal"
991
992
  },
992
993
  {
993
- "direction": "horizontal",
994
- "type": "stack",
995
- "gap": "md",
996
994
  "children": [
997
995
  {
998
996
  "variant": "caption",
999
- "type": "typography",
1000
- "content": "Timestamp"
997
+ "content": "Timestamp",
998
+ "type": "typography"
1001
999
  },
1002
1000
  {
1003
1001
  "type": "typography",
1004
- "variant": "body",
1005
- "content": "@entity.timestamp"
1002
+ "content": "@entity.timestamp",
1003
+ "variant": "body"
1006
1004
  }
1007
- ]
1005
+ ],
1006
+ "type": "stack",
1007
+ "direction": "horizontal",
1008
+ "gap": "md"
1008
1009
  },
1009
1010
  {
1010
1011
  "type": "divider"
1011
1012
  },
1012
1013
  {
1014
+ "direction": "horizontal",
1015
+ "justify": "end",
1013
1016
  "children": [
1014
1017
  {
1015
1018
  "type": "button",
1016
- "variant": "ghost",
1019
+ "label": "Close",
1017
1020
  "action": "CLOSE",
1018
- "label": "Close"
1021
+ "variant": "ghost"
1019
1022
  }
1020
1023
  ],
1021
- "direction": "horizontal",
1022
- "gap": "sm",
1023
1024
  "type": "stack",
1024
- "justify": "end"
1025
+ "gap": "sm"
1025
1026
  }
1026
1027
  ],
1027
- "type": "stack",
1028
1028
  "gap": "md"
1029
1029
  }
1030
1030
  ]
@@ -1248,22 +1248,22 @@
1248
1248
  "render-ui",
1249
1249
  "main",
1250
1250
  {
1251
+ "gap": "md",
1252
+ "type": "stack",
1253
+ "align": "center",
1251
1254
  "className": "py-12",
1252
1255
  "children": [
1253
1256
  {
1254
1257
  "type": "spinner"
1255
1258
  },
1256
1259
  {
1257
- "variant": "caption",
1260
+ "color": "muted",
1258
1261
  "content": "Loading…",
1259
1262
  "type": "typography",
1260
- "color": "muted"
1263
+ "variant": "caption"
1261
1264
  }
1262
1265
  ],
1263
- "type": "stack",
1264
- "direction": "vertical",
1265
- "align": "center",
1266
- "gap": "md"
1266
+ "direction": "vertical"
1267
1267
  }
1268
1268
  ]
1269
1269
  ]
@@ -1280,74 +1280,73 @@
1280
1280
  "appName": "Realtime Chat",
1281
1281
  "navItems": [
1282
1282
  {
1283
- "label": "Chat",
1283
+ "href": "/chat",
1284
1284
  "icon": "layout-list",
1285
- "href": "/chat"
1285
+ "label": "Chat"
1286
1286
  },
1287
1287
  {
1288
- "href": "/channels",
1289
1288
  "icon": "hash",
1289
+ "href": "/channels",
1290
1290
  "label": "Channels"
1291
1291
  },
1292
1292
  {
1293
- "icon": "layout-list",
1294
1293
  "href": "/online",
1294
+ "icon": "layout-list",
1295
1295
  "label": "Online"
1296
1296
  }
1297
1297
  ],
1298
- "type": "dashboard-layout",
1299
1298
  "children": [
1300
1299
  {
1301
- "gap": "lg",
1302
- "className": "max-w-5xl mx-auto w-full",
1303
1300
  "type": "stack",
1304
- "direction": "vertical",
1301
+ "gap": "lg",
1305
1302
  "children": [
1306
1303
  {
1307
1304
  "direction": "horizontal",
1308
- "justify": "between",
1309
- "gap": "md",
1310
- "align": "center",
1311
1305
  "children": [
1312
1306
  {
1313
1307
  "align": "center",
1314
- "type": "stack",
1315
- "direction": "horizontal",
1316
- "gap": "sm",
1317
1308
  "children": [
1318
1309
  {
1319
1310
  "type": "icon",
1320
1311
  "name": "hash"
1321
1312
  },
1322
1313
  {
1323
- "variant": "h2",
1324
1314
  "type": "typography",
1315
+ "variant": "h2",
1325
1316
  "content": "Channels"
1326
1317
  }
1327
- ]
1318
+ ],
1319
+ "gap": "sm",
1320
+ "type": "stack",
1321
+ "direction": "horizontal"
1328
1322
  },
1329
1323
  {
1330
- "direction": "horizontal",
1324
+ "gap": "sm",
1331
1325
  "children": [
1332
1326
  {
1333
- "label": "Create Channel",
1334
- "action": "CREATE",
1335
- "icon": "plus",
1336
1327
  "type": "button",
1337
- "variant": "primary"
1328
+ "action": "CREATE",
1329
+ "variant": "primary",
1330
+ "label": "Create Channel",
1331
+ "icon": "plus"
1338
1332
  }
1339
1333
  ],
1340
- "gap": "sm",
1341
- "type": "stack"
1334
+ "type": "stack",
1335
+ "direction": "horizontal"
1342
1336
  }
1343
1337
  ],
1338
+ "align": "center",
1339
+ "gap": "md",
1340
+ "justify": "between",
1344
1341
  "type": "stack"
1345
1342
  },
1346
1343
  {
1347
1344
  "type": "divider"
1348
1345
  },
1349
1346
  {
1350
- "variant": "card",
1347
+ "type": "data-list",
1348
+ "fields": [],
1349
+ "entity": "@payload.data",
1351
1350
  "itemActions": [
1352
1351
  {
1353
1352
  "variant": "ghost",
@@ -1355,9 +1354,9 @@
1355
1354
  "event": "VIEW"
1356
1355
  },
1357
1356
  {
1357
+ "variant": "ghost",
1358
1358
  "label": "Edit",
1359
- "event": "EDIT",
1360
- "variant": "ghost"
1359
+ "event": "EDIT"
1361
1360
  },
1362
1361
  {
1363
1362
  "label": "Delete",
@@ -1367,14 +1366,14 @@
1367
1366
  ],
1368
1367
  "columns": [
1369
1368
  {
1370
- "icon": "hash",
1371
1369
  "name": "name",
1372
- "variant": "h3"
1370
+ "variant": "h3",
1371
+ "icon": "hash"
1373
1372
  },
1374
1373
  {
1374
+ "name": "memberCount",
1375
1375
  "label": "Members",
1376
1376
  "variant": "badge",
1377
- "name": "memberCount",
1378
1377
  "format": "number"
1379
1378
  },
1380
1379
  {
@@ -1382,20 +1381,21 @@
1382
1381
  "variant": "body"
1383
1382
  },
1384
1383
  {
1385
- "label": "Private",
1386
1384
  "variant": "body",
1387
- "format": "boolean",
1388
- "name": "isPrivate"
1385
+ "name": "isPrivate",
1386
+ "label": "Private",
1387
+ "format": "boolean"
1389
1388
  }
1390
1389
  ],
1391
- "type": "data-list",
1392
- "gap": "sm",
1393
- "fields": [],
1394
- "entity": "@payload.data"
1390
+ "variant": "card",
1391
+ "gap": "sm"
1395
1392
  }
1396
- ]
1393
+ ],
1394
+ "direction": "vertical",
1395
+ "className": "max-w-5xl mx-auto w-full"
1397
1396
  }
1398
- ]
1397
+ ],
1398
+ "type": "dashboard-layout"
1399
1399
  }
1400
1400
  ]
1401
1401
  ]
@@ -1410,35 +1410,35 @@
1410
1410
  "main",
1411
1411
  {
1412
1412
  "type": "stack",
1413
- "align": "center",
1413
+ "direction": "vertical",
1414
1414
  "children": [
1415
1415
  {
1416
- "type": "icon",
1417
1416
  "color": "destructive",
1418
- "name": "alert-triangle"
1417
+ "name": "alert-triangle",
1418
+ "type": "icon"
1419
1419
  },
1420
1420
  {
1421
+ "variant": "h3",
1421
1422
  "content": "Failed to load channel",
1422
- "type": "typography",
1423
- "variant": "h3"
1423
+ "type": "typography"
1424
1424
  },
1425
1425
  {
1426
- "content": "@payload.error",
1427
- "color": "muted",
1428
1426
  "variant": "body",
1429
- "type": "typography"
1427
+ "type": "typography",
1428
+ "content": "@payload.error",
1429
+ "color": "muted"
1430
1430
  },
1431
1431
  {
1432
- "label": "Retry",
1433
- "icon": "rotate-ccw",
1434
1432
  "type": "button",
1435
1433
  "variant": "primary",
1434
+ "label": "Retry",
1435
+ "icon": "rotate-ccw",
1436
1436
  "action": "INIT"
1437
1437
  }
1438
1438
  ],
1439
- "gap": "md",
1440
1439
  "className": "py-12",
1441
- "direction": "vertical"
1440
+ "gap": "md",
1441
+ "align": "center"
1442
1442
  }
1443
1443
  ]
1444
1444
  ]
@@ -1614,8 +1614,8 @@
1614
1614
  "Channel",
1615
1615
  {
1616
1616
  "emit": {
1617
- "success": "ChannelLoaded",
1618
- "failure": "ChannelLoadFailed"
1617
+ "failure": "ChannelLoadFailed",
1618
+ "success": "ChannelLoaded"
1619
1619
  }
1620
1620
  }
1621
1621
  ],
@@ -1623,9 +1623,13 @@
1623
1623
  "render-ui",
1624
1624
  "modal",
1625
1625
  {
1626
+ "type": "stack",
1626
1627
  "gap": "md",
1627
1628
  "children": [
1628
1629
  {
1630
+ "direction": "horizontal",
1631
+ "type": "stack",
1632
+ "gap": "sm",
1629
1633
  "children": [
1630
1634
  {
1631
1635
  "name": "plus-circle",
@@ -1633,31 +1637,27 @@
1633
1637
  },
1634
1638
  {
1635
1639
  "variant": "h3",
1636
- "type": "typography",
1637
- "content": "Create Channel"
1640
+ "content": "Create Channel",
1641
+ "type": "typography"
1638
1642
  }
1639
- ],
1640
- "gap": "sm",
1641
- "direction": "horizontal",
1642
- "type": "stack"
1643
+ ]
1643
1644
  },
1644
1645
  {
1645
1646
  "type": "divider"
1646
1647
  },
1647
1648
  {
1648
- "cancelEvent": "CLOSE",
1649
- "type": "form-section",
1650
- "submitEvent": "SAVE",
1651
1649
  "mode": "create",
1650
+ "submitEvent": "SAVE",
1651
+ "cancelEvent": "CLOSE",
1652
1652
  "fields": [
1653
1653
  "name",
1654
1654
  "description",
1655
1655
  "memberCount",
1656
1656
  "isPrivate"
1657
- ]
1657
+ ],
1658
+ "type": "form-section"
1658
1659
  }
1659
1660
  ],
1660
- "type": "stack",
1661
1661
  "direction": "vertical"
1662
1662
  }
1663
1663
  ]
@@ -1699,8 +1699,8 @@
1699
1699
  "@payload.data",
1700
1700
  {
1701
1701
  "emit": {
1702
- "success": "ChannelSaved",
1703
- "failure": "ChannelSaveFailed"
1702
+ "failure": "ChannelSaveFailed",
1703
+ "success": "ChannelSaved"
1704
1704
  }
1705
1705
  }
1706
1706
  ],
@@ -1913,43 +1913,43 @@
1913
1913
  "render-ui",
1914
1914
  "modal",
1915
1915
  {
1916
+ "gap": "md",
1916
1917
  "children": [
1917
1918
  {
1918
- "direction": "horizontal",
1919
- "gap": "sm",
1920
1919
  "type": "stack",
1920
+ "direction": "horizontal",
1921
1921
  "children": [
1922
1922
  {
1923
- "name": "edit",
1924
- "type": "icon"
1923
+ "type": "icon",
1924
+ "name": "edit"
1925
1925
  },
1926
1926
  {
1927
- "type": "typography",
1928
1927
  "content": "Edit Channel",
1928
+ "type": "typography",
1929
1929
  "variant": "h3"
1930
1930
  }
1931
- ]
1931
+ ],
1932
+ "gap": "sm"
1932
1933
  },
1933
1934
  {
1934
1935
  "type": "divider"
1935
1936
  },
1936
1937
  {
1937
1938
  "type": "form-section",
1938
- "mode": "edit",
1939
- "cancelEvent": "CLOSE",
1940
1939
  "entity": "@payload.row",
1941
- "submitEvent": "SAVE",
1942
1940
  "fields": [
1943
1941
  "name",
1944
1942
  "description",
1945
1943
  "memberCount",
1946
1944
  "isPrivate"
1947
- ]
1945
+ ],
1946
+ "cancelEvent": "CLOSE",
1947
+ "submitEvent": "SAVE",
1948
+ "mode": "edit"
1948
1949
  }
1949
1950
  ],
1950
- "direction": "vertical",
1951
- "gap": "md",
1952
- "type": "stack"
1951
+ "type": "stack",
1952
+ "direction": "vertical"
1953
1953
  }
1954
1954
  ]
1955
1955
  ]
@@ -2129,8 +2129,8 @@
2129
2129
  "Channel",
2130
2130
  {
2131
2131
  "emit": {
2132
- "success": "ChannelLoaded",
2133
- "failure": "ChannelLoadFailed"
2132
+ "failure": "ChannelLoadFailed",
2133
+ "success": "ChannelLoaded"
2134
2134
  },
2135
2135
  "id": "@payload.id"
2136
2136
  }
@@ -2139,123 +2139,123 @@
2139
2139
  "render-ui",
2140
2140
  "modal",
2141
2141
  {
2142
- "direction": "vertical",
2143
2142
  "type": "stack",
2144
- "gap": "md",
2143
+ "direction": "vertical",
2145
2144
  "children": [
2146
2145
  {
2147
- "align": "center",
2148
- "gap": "sm",
2149
- "type": "stack",
2150
- "direction": "horizontal",
2151
2146
  "children": [
2152
2147
  {
2153
- "type": "icon",
2154
- "name": "eye"
2148
+ "name": "eye",
2149
+ "type": "icon"
2155
2150
  },
2156
2151
  {
2157
- "content": "@entity.name",
2158
2152
  "type": "typography",
2153
+ "content": "@entity.name",
2159
2154
  "variant": "h3"
2160
2155
  }
2161
- ]
2156
+ ],
2157
+ "align": "center",
2158
+ "gap": "sm",
2159
+ "direction": "horizontal",
2160
+ "type": "stack"
2162
2161
  },
2163
2162
  {
2164
2163
  "type": "divider"
2165
2164
  },
2166
2165
  {
2167
- "type": "stack",
2168
- "direction": "horizontal",
2169
- "gap": "md",
2170
2166
  "children": [
2171
2167
  {
2168
+ "type": "typography",
2172
2169
  "variant": "caption",
2173
- "content": "Name",
2174
- "type": "typography"
2170
+ "content": "Name"
2175
2171
  },
2176
2172
  {
2177
2173
  "content": "@entity.name",
2178
- "variant": "body",
2179
- "type": "typography"
2174
+ "type": "typography",
2175
+ "variant": "body"
2180
2176
  }
2181
- ]
2177
+ ],
2178
+ "gap": "md",
2179
+ "direction": "horizontal",
2180
+ "type": "stack"
2182
2181
  },
2183
2182
  {
2183
+ "gap": "md",
2184
2184
  "direction": "horizontal",
2185
2185
  "type": "stack",
2186
2186
  "children": [
2187
2187
  {
2188
- "type": "typography",
2189
2188
  "variant": "caption",
2189
+ "type": "typography",
2190
2190
  "content": "Description"
2191
2191
  },
2192
2192
  {
2193
- "variant": "body",
2194
2193
  "type": "typography",
2195
- "content": "@entity.description"
2194
+ "content": "@entity.description",
2195
+ "variant": "body"
2196
2196
  }
2197
- ],
2198
- "gap": "md"
2197
+ ]
2199
2198
  },
2200
2199
  {
2201
- "gap": "md",
2200
+ "type": "stack",
2202
2201
  "direction": "horizontal",
2202
+ "gap": "md",
2203
2203
  "children": [
2204
2204
  {
2205
- "variant": "caption",
2206
2205
  "content": "Member Count",
2207
- "type": "typography"
2206
+ "type": "typography",
2207
+ "variant": "caption"
2208
2208
  },
2209
2209
  {
2210
+ "variant": "body",
2210
2211
  "type": "typography",
2211
- "content": "@entity.memberCount",
2212
- "variant": "body"
2212
+ "content": "@entity.memberCount"
2213
2213
  }
2214
- ],
2215
- "type": "stack"
2214
+ ]
2216
2215
  },
2217
2216
  {
2218
2217
  "type": "stack",
2219
- "direction": "horizontal",
2218
+ "gap": "md",
2220
2219
  "children": [
2221
2220
  {
2221
+ "type": "typography",
2222
2222
  "content": "Is Private",
2223
- "variant": "caption",
2224
- "type": "typography"
2223
+ "variant": "caption"
2225
2224
  },
2226
2225
  {
2227
2226
  "variant": "body",
2228
- "type": "typography",
2229
- "content": "@entity.isPrivate"
2227
+ "content": "@entity.isPrivate",
2228
+ "type": "typography"
2230
2229
  }
2231
2230
  ],
2232
- "gap": "md"
2231
+ "direction": "horizontal"
2233
2232
  },
2234
2233
  {
2235
2234
  "type": "divider"
2236
2235
  },
2237
2236
  {
2238
- "direction": "horizontal",
2239
- "type": "stack",
2240
- "justify": "end",
2241
2237
  "children": [
2242
2238
  {
2243
2239
  "label": "Edit",
2244
- "icon": "edit",
2245
2240
  "action": "EDIT",
2246
2241
  "type": "button",
2247
- "variant": "primary"
2242
+ "variant": "primary",
2243
+ "icon": "edit"
2248
2244
  },
2249
2245
  {
2250
2246
  "type": "button",
2247
+ "variant": "ghost",
2251
2248
  "label": "Close",
2252
- "action": "CLOSE",
2253
- "variant": "ghost"
2249
+ "action": "CLOSE"
2254
2250
  }
2255
2251
  ],
2256
- "gap": "sm"
2252
+ "gap": "sm",
2253
+ "type": "stack",
2254
+ "justify": "end",
2255
+ "direction": "horizontal"
2257
2256
  }
2258
- ]
2257
+ ],
2258
+ "gap": "md"
2259
2259
  }
2260
2260
  ]
2261
2261
  ]
@@ -2482,68 +2482,68 @@
2482
2482
  "fetch",
2483
2483
  "Channel",
2484
2484
  {
2485
- "id": "@payload.id",
2486
2485
  "emit": {
2487
2486
  "failure": "ChannelLoadFailed",
2488
2487
  "success": "ChannelLoaded"
2489
- }
2488
+ },
2489
+ "id": "@payload.id"
2490
2490
  }
2491
2491
  ],
2492
2492
  [
2493
2493
  "render-ui",
2494
2494
  "modal",
2495
2495
  {
2496
- "type": "stack",
2497
- "direction": "vertical",
2498
- "gap": "md",
2499
2496
  "children": [
2500
2497
  {
2501
- "direction": "horizontal",
2502
2498
  "type": "stack",
2503
- "align": "center",
2504
2499
  "children": [
2505
2500
  {
2506
- "name": "alert-triangle",
2507
- "type": "icon"
2501
+ "type": "icon",
2502
+ "name": "alert-triangle"
2508
2503
  },
2509
2504
  {
2510
2505
  "type": "typography",
2511
- "content": "Delete Channel",
2512
- "variant": "h3"
2506
+ "variant": "h3",
2507
+ "content": "Delete Channel"
2513
2508
  }
2514
2509
  ],
2515
- "gap": "sm"
2510
+ "gap": "sm",
2511
+ "direction": "horizontal",
2512
+ "align": "center"
2516
2513
  },
2517
2514
  {
2518
2515
  "type": "divider"
2519
2516
  },
2520
2517
  {
2521
- "variant": "error",
2518
+ "type": "alert",
2522
2519
  "message": "This action cannot be undone.",
2523
- "type": "alert"
2520
+ "variant": "error"
2524
2521
  },
2525
2522
  {
2526
- "direction": "horizontal",
2527
- "type": "stack",
2528
2523
  "justify": "end",
2524
+ "type": "stack",
2529
2525
  "children": [
2530
2526
  {
2531
- "variant": "ghost",
2527
+ "type": "button",
2532
2528
  "label": "Cancel",
2533
2529
  "action": "CANCEL",
2534
- "type": "button"
2530
+ "variant": "ghost"
2535
2531
  },
2536
2532
  {
2537
- "action": "CONFIRM_DELETE",
2538
- "variant": "danger",
2539
2533
  "icon": "check",
2540
2534
  "label": "Delete",
2541
- "type": "button"
2535
+ "type": "button",
2536
+ "action": "CONFIRM_DELETE",
2537
+ "variant": "danger"
2542
2538
  }
2543
2539
  ],
2540
+ "direction": "horizontal",
2544
2541
  "gap": "sm"
2545
2542
  }
2546
- ]
2543
+ ],
2544
+ "direction": "vertical",
2545
+ "gap": "md",
2546
+ "type": "stack"
2547
2547
  }
2548
2548
  ]
2549
2549
  ]
@@ -2560,8 +2560,8 @@
2560
2560
  "@entity.pendingId",
2561
2561
  {
2562
2562
  "emit": {
2563
- "success": "ChannelDeleted",
2564
- "failure": "ChannelDeleteFailed"
2563
+ "failure": "ChannelDeleteFailed",
2564
+ "success": "ChannelDeleted"
2565
2565
  }
2566
2566
  }
2567
2567
  ],
@@ -2801,14 +2801,29 @@
2801
2801
  "main",
2802
2802
  {
2803
2803
  "type": "dashboard-layout",
2804
+ "navItems": [
2805
+ {
2806
+ "href": "/chat",
2807
+ "icon": "layout-list",
2808
+ "label": "Chat"
2809
+ },
2810
+ {
2811
+ "href": "/channels",
2812
+ "label": "Channels",
2813
+ "icon": "hash"
2814
+ },
2815
+ {
2816
+ "href": "/online",
2817
+ "icon": "layout-list",
2818
+ "label": "Online"
2819
+ }
2820
+ ],
2804
2821
  "appName": "Realtime Chat",
2805
2822
  "children": [
2806
2823
  {
2824
+ "type": "scaled-diagram",
2807
2825
  "children": [
2808
2826
  {
2809
- "direction": "vertical",
2810
- "type": "stack",
2811
- "gap": "lg",
2812
2827
  "children": [
2813
2828
  {
2814
2829
  "items": [
@@ -2823,15 +2838,18 @@
2823
2838
  "type": "breadcrumb"
2824
2839
  },
2825
2840
  {
2826
- "justify": "between",
2827
2841
  "gap": "md",
2828
2842
  "type": "stack",
2843
+ "direction": "horizontal",
2844
+ "justify": "between",
2829
2845
  "children": [
2830
2846
  {
2847
+ "gap": "md",
2848
+ "type": "stack",
2831
2849
  "children": [
2832
2850
  {
2833
- "type": "icon",
2834
- "name": "users"
2851
+ "name": "users",
2852
+ "type": "icon"
2835
2853
  },
2836
2854
  {
2837
2855
  "type": "typography",
@@ -2839,49 +2857,46 @@
2839
2857
  "content": "Online Users"
2840
2858
  }
2841
2859
  ],
2842
- "type": "stack",
2843
- "direction": "horizontal",
2844
- "gap": "md"
2860
+ "direction": "horizontal"
2845
2861
  },
2846
2862
  {
2863
+ "label": "Refresh",
2847
2864
  "variant": "secondary",
2848
2865
  "icon": "refresh-cw",
2849
2866
  "action": "REFRESH",
2850
- "type": "button",
2851
- "label": "Refresh"
2867
+ "type": "button"
2852
2868
  }
2853
- ],
2854
- "direction": "horizontal"
2869
+ ]
2855
2870
  },
2856
2871
  {
2857
2872
  "type": "divider"
2858
2873
  },
2859
2874
  {
2875
+ "type": "box",
2860
2876
  "padding": "md",
2861
2877
  "children": [
2862
2878
  {
2863
- "type": "simple-grid",
2864
2879
  "cols": 3.0,
2865
2880
  "children": [
2866
2881
  {
2867
2882
  "type": "card",
2868
2883
  "children": [
2869
2884
  {
2885
+ "direction": "vertical",
2870
2886
  "children": [
2871
2887
  {
2872
- "variant": "caption",
2873
2888
  "content": "Username",
2874
- "type": "typography"
2889
+ "type": "typography",
2890
+ "variant": "caption"
2875
2891
  },
2876
2892
  {
2877
- "type": "typography",
2878
2893
  "content": "@entity.username",
2894
+ "type": "typography",
2879
2895
  "variant": "h3"
2880
2896
  }
2881
2897
  ],
2882
- "type": "stack",
2883
2898
  "gap": "sm",
2884
- "direction": "vertical"
2899
+ "type": "stack"
2885
2900
  }
2886
2901
  ]
2887
2902
  },
@@ -2891,9 +2906,9 @@
2891
2906
  {
2892
2907
  "children": [
2893
2908
  {
2894
- "type": "typography",
2895
2909
  "content": "Status",
2896
- "variant": "caption"
2910
+ "variant": "caption",
2911
+ "type": "typography"
2897
2912
  },
2898
2913
  {
2899
2914
  "content": "@entity.status",
@@ -2901,90 +2916,90 @@
2901
2916
  "variant": "h3"
2902
2917
  }
2903
2918
  ],
2904
- "gap": "sm",
2905
2919
  "type": "stack",
2906
- "direction": "vertical"
2920
+ "direction": "vertical",
2921
+ "gap": "sm"
2907
2922
  }
2908
2923
  ]
2909
2924
  },
2910
2925
  {
2911
2926
  "children": [
2912
2927
  {
2913
- "gap": "sm",
2914
- "type": "stack",
2915
2928
  "direction": "vertical",
2916
2929
  "children": [
2917
2930
  {
2918
- "variant": "caption",
2919
2931
  "content": "LastActive",
2932
+ "variant": "caption",
2920
2933
  "type": "typography"
2921
2934
  },
2922
2935
  {
2923
- "content": "@entity.lastActive",
2936
+ "type": "typography",
2924
2937
  "variant": "h3",
2925
- "type": "typography"
2938
+ "content": "@entity.lastActive"
2926
2939
  }
2927
- ]
2940
+ ],
2941
+ "type": "stack",
2942
+ "gap": "sm"
2928
2943
  }
2929
2944
  ],
2930
2945
  "type": "card"
2931
2946
  },
2932
2947
  {
2948
+ "type": "card",
2933
2949
  "children": [
2934
2950
  {
2935
- "type": "stack",
2936
- "direction": "vertical",
2937
2951
  "gap": "sm",
2952
+ "type": "stack",
2938
2953
  "children": [
2939
2954
  {
2940
2955
  "variant": "caption",
2941
- "type": "typography",
2942
- "content": "Avatar"
2956
+ "content": "Avatar",
2957
+ "type": "typography"
2943
2958
  },
2944
2959
  {
2945
- "variant": "h3",
2946
2960
  "type": "typography",
2961
+ "variant": "h3",
2947
2962
  "content": "@entity.avatar"
2948
2963
  }
2949
- ]
2964
+ ],
2965
+ "direction": "vertical"
2950
2966
  }
2951
- ],
2952
- "type": "card"
2967
+ ]
2953
2968
  }
2954
- ]
2969
+ ],
2970
+ "type": "simple-grid"
2955
2971
  }
2956
- ],
2957
- "type": "box"
2972
+ ]
2958
2973
  },
2959
2974
  {
2960
2975
  "type": "divider"
2961
2976
  },
2962
2977
  {
2978
+ "type": "grid",
2963
2979
  "cols": 2.0,
2980
+ "gap": "md",
2964
2981
  "children": [
2965
2982
  {
2966
- "type": "card",
2967
2983
  "children": [
2968
2984
  {
2985
+ "variant": "caption",
2969
2986
  "content": "Chart View",
2970
- "type": "typography",
2971
- "variant": "caption"
2987
+ "type": "typography"
2972
2988
  }
2973
- ]
2989
+ ],
2990
+ "type": "card"
2974
2991
  },
2975
2992
  {
2976
2993
  "type": "card",
2977
2994
  "children": [
2978
2995
  {
2979
- "type": "typography",
2996
+ "content": "Graph View",
2980
2997
  "variant": "caption",
2981
- "content": "Graph View"
2998
+ "type": "typography"
2982
2999
  }
2983
3000
  ]
2984
3001
  }
2985
- ],
2986
- "gap": "md",
2987
- "type": "grid"
3002
+ ]
2988
3003
  },
2989
3004
  {
2990
3005
  "data": [
@@ -2993,8 +3008,8 @@
2993
3008
  "value": 12.0
2994
3009
  },
2995
3010
  {
2996
- "value": 19.0,
2997
- "date": "Feb"
3011
+ "date": "Feb",
3012
+ "value": 19.0
2998
3013
  },
2999
3014
  {
3000
3015
  "date": "Mar",
@@ -3005,8 +3020,8 @@
3005
3020
  "value": 25.0
3006
3021
  },
3007
3022
  {
3008
- "date": "May",
3009
- "value": 22.0
3023
+ "value": 22.0,
3024
+ "date": "May"
3010
3025
  },
3011
3026
  {
3012
3027
  "date": "Jun",
@@ -3016,68 +3031,53 @@
3016
3031
  "type": "line-chart"
3017
3032
  },
3018
3033
  {
3019
- "type": "chart-legend",
3020
3034
  "items": [
3021
3035
  {
3022
- "color": "primary",
3023
- "label": "Current"
3036
+ "label": "Current",
3037
+ "color": "primary"
3024
3038
  },
3025
3039
  {
3026
3040
  "label": "Previous",
3027
3041
  "color": "muted"
3028
3042
  }
3029
- ]
3043
+ ],
3044
+ "type": "chart-legend"
3030
3045
  },
3031
3046
  {
3032
- "nodes": [
3033
- {
3034
- "id": "a",
3035
- "label": "Start"
3036
- },
3047
+ "edges": [
3037
3048
  {
3038
- "id": "b",
3039
- "label": "Process"
3049
+ "source": "a",
3050
+ "target": "b"
3040
3051
  },
3041
3052
  {
3042
- "label": "End",
3043
- "id": "c"
3053
+ "source": "b",
3054
+ "target": "c"
3044
3055
  }
3045
3056
  ],
3046
3057
  "width": 400.0,
3047
3058
  "type": "graph-view",
3048
- "edges": [
3059
+ "nodes": [
3049
3060
  {
3050
- "target": "b",
3051
- "source": "a"
3061
+ "label": "Start",
3062
+ "id": "a"
3052
3063
  },
3053
3064
  {
3054
- "source": "b",
3055
- "target": "c"
3065
+ "label": "Process",
3066
+ "id": "b"
3067
+ },
3068
+ {
3069
+ "label": "End",
3070
+ "id": "c"
3056
3071
  }
3057
3072
  ],
3058
3073
  "height": 200.0
3059
3074
  }
3060
- ]
3075
+ ],
3076
+ "gap": "lg",
3077
+ "direction": "vertical",
3078
+ "type": "stack"
3061
3079
  }
3062
- ],
3063
- "type": "scaled-diagram"
3064
- }
3065
- ],
3066
- "navItems": [
3067
- {
3068
- "label": "Chat",
3069
- "href": "/chat",
3070
- "icon": "layout-list"
3071
- },
3072
- {
3073
- "icon": "hash",
3074
- "label": "Channels",
3075
- "href": "/channels"
3076
- },
3077
- {
3078
- "label": "Online",
3079
- "href": "/online",
3080
- "icon": "layout-list"
3080
+ ]
3081
3081
  }
3082
3082
  ]
3083
3083
  }
@@ -3103,17 +3103,33 @@
3103
3103
  "render-ui",
3104
3104
  "main",
3105
3105
  {
3106
+ "navItems": [
3107
+ {
3108
+ "label": "Chat",
3109
+ "icon": "layout-list",
3110
+ "href": "/chat"
3111
+ },
3112
+ {
3113
+ "label": "Channels",
3114
+ "href": "/channels",
3115
+ "icon": "hash"
3116
+ },
3117
+ {
3118
+ "label": "Online",
3119
+ "href": "/online",
3120
+ "icon": "layout-list"
3121
+ }
3122
+ ],
3123
+ "type": "dashboard-layout",
3124
+ "appName": "Realtime Chat",
3106
3125
  "children": [
3107
3126
  {
3108
3127
  "type": "scaled-diagram",
3109
3128
  "children": [
3110
3129
  {
3111
- "gap": "lg",
3112
3130
  "type": "stack",
3113
- "direction": "vertical",
3114
3131
  "children": [
3115
3132
  {
3116
- "type": "breadcrumb",
3117
3133
  "items": [
3118
3134
  {
3119
3135
  "label": "Home",
@@ -3122,75 +3138,78 @@
3122
3138
  {
3123
3139
  "label": "Online Users"
3124
3140
  }
3125
- ]
3141
+ ],
3142
+ "type": "breadcrumb"
3126
3143
  },
3127
3144
  {
3128
- "direction": "horizontal",
3129
3145
  "type": "stack",
3130
3146
  "gap": "md",
3131
- "justify": "between",
3132
3147
  "children": [
3133
3148
  {
3134
3149
  "direction": "horizontal",
3135
- "type": "stack",
3136
- "gap": "md",
3137
3150
  "children": [
3138
3151
  {
3139
- "type": "icon",
3140
- "name": "users"
3152
+ "name": "users",
3153
+ "type": "icon"
3141
3154
  },
3142
3155
  {
3156
+ "variant": "h2",
3143
3157
  "type": "typography",
3144
- "content": "Online Users",
3145
- "variant": "h2"
3158
+ "content": "Online Users"
3146
3159
  }
3147
- ]
3160
+ ],
3161
+ "type": "stack",
3162
+ "gap": "md"
3148
3163
  },
3149
3164
  {
3150
3165
  "label": "Refresh",
3151
- "icon": "refresh-cw",
3152
- "variant": "secondary",
3166
+ "action": "REFRESH",
3153
3167
  "type": "button",
3154
- "action": "REFRESH"
3168
+ "variant": "secondary",
3169
+ "icon": "refresh-cw"
3155
3170
  }
3156
- ]
3171
+ ],
3172
+ "justify": "between",
3173
+ "direction": "horizontal"
3157
3174
  },
3158
3175
  {
3159
3176
  "type": "divider"
3160
3177
  },
3161
3178
  {
3179
+ "type": "box",
3162
3180
  "padding": "md",
3163
3181
  "children": [
3164
3182
  {
3165
3183
  "cols": 3.0,
3166
- "type": "simple-grid",
3167
3184
  "children": [
3168
3185
  {
3186
+ "type": "card",
3169
3187
  "children": [
3170
3188
  {
3189
+ "gap": "sm",
3171
3190
  "children": [
3172
3191
  {
3173
- "variant": "caption",
3192
+ "content": "Username",
3174
3193
  "type": "typography",
3175
- "content": "Username"
3194
+ "variant": "caption"
3176
3195
  },
3177
3196
  {
3197
+ "content": "@entity.username",
3178
3198
  "type": "typography",
3179
- "variant": "h3",
3180
- "content": "@entity.username"
3199
+ "variant": "h3"
3181
3200
  }
3182
3201
  ],
3183
3202
  "direction": "vertical",
3184
- "type": "stack",
3185
- "gap": "sm"
3203
+ "type": "stack"
3186
3204
  }
3187
- ],
3188
- "type": "card"
3205
+ ]
3189
3206
  },
3190
3207
  {
3191
3208
  "type": "card",
3192
3209
  "children": [
3193
3210
  {
3211
+ "gap": "sm",
3212
+ "type": "stack",
3194
3213
  "children": [
3195
3214
  {
3196
3215
  "type": "typography",
@@ -3198,13 +3217,11 @@
3198
3217
  "content": "Status"
3199
3218
  },
3200
3219
  {
3201
- "type": "typography",
3202
3220
  "variant": "h3",
3203
- "content": "@entity.status"
3221
+ "content": "@entity.status",
3222
+ "type": "typography"
3204
3223
  }
3205
3224
  ],
3206
- "gap": "sm",
3207
- "type": "stack",
3208
3225
  "direction": "vertical"
3209
3226
  }
3210
3227
  ]
@@ -3213,13 +3230,12 @@
3213
3230
  "type": "card",
3214
3231
  "children": [
3215
3232
  {
3216
- "type": "stack",
3217
3233
  "direction": "vertical",
3218
3234
  "children": [
3219
3235
  {
3220
- "type": "typography",
3221
3236
  "variant": "caption",
3222
- "content": "LastActive"
3237
+ "content": "LastActive",
3238
+ "type": "typography"
3223
3239
  },
3224
3240
  {
3225
3241
  "variant": "h3",
@@ -3227,6 +3243,7 @@
3227
3243
  "content": "@entity.lastActive"
3228
3244
  }
3229
3245
  ],
3246
+ "type": "stack",
3230
3247
  "gap": "sm"
3231
3248
  }
3232
3249
  ]
@@ -3235,35 +3252,33 @@
3235
3252
  "type": "card",
3236
3253
  "children": [
3237
3254
  {
3238
- "gap": "sm",
3239
3255
  "type": "stack",
3240
3256
  "direction": "vertical",
3241
3257
  "children": [
3242
3258
  {
3243
- "content": "Avatar",
3259
+ "variant": "caption",
3244
3260
  "type": "typography",
3245
- "variant": "caption"
3261
+ "content": "Avatar"
3246
3262
  },
3247
3263
  {
3264
+ "variant": "h3",
3248
3265
  "content": "@entity.avatar",
3249
- "type": "typography",
3250
- "variant": "h3"
3266
+ "type": "typography"
3251
3267
  }
3252
- ]
3268
+ ],
3269
+ "gap": "sm"
3253
3270
  }
3254
3271
  ]
3255
3272
  }
3256
- ]
3273
+ ],
3274
+ "type": "simple-grid"
3257
3275
  }
3258
- ],
3259
- "type": "box"
3276
+ ]
3260
3277
  },
3261
3278
  {
3262
3279
  "type": "divider"
3263
3280
  },
3264
3281
  {
3265
- "type": "grid",
3266
- "cols": 2.0,
3267
3282
  "children": [
3268
3283
  {
3269
3284
  "type": "card",
@@ -3276,20 +3291,21 @@
3276
3291
  ]
3277
3292
  },
3278
3293
  {
3279
- "type": "card",
3280
3294
  "children": [
3281
3295
  {
3296
+ "content": "Graph View",
3282
3297
  "type": "typography",
3283
- "variant": "caption",
3284
- "content": "Graph View"
3298
+ "variant": "caption"
3285
3299
  }
3286
- ]
3300
+ ],
3301
+ "type": "card"
3287
3302
  }
3288
3303
  ],
3289
- "gap": "md"
3304
+ "cols": 2.0,
3305
+ "gap": "md",
3306
+ "type": "grid"
3290
3307
  },
3291
3308
  {
3292
- "type": "line-chart",
3293
3309
  "data": [
3294
3310
  {
3295
3311
  "date": "Jan",
@@ -3300,52 +3316,53 @@
3300
3316
  "value": 19.0
3301
3317
  },
3302
3318
  {
3303
- "date": "Mar",
3304
- "value": 15.0
3319
+ "value": 15.0,
3320
+ "date": "Mar"
3305
3321
  },
3306
3322
  {
3307
3323
  "date": "Apr",
3308
3324
  "value": 25.0
3309
3325
  },
3310
3326
  {
3311
- "value": 22.0,
3312
- "date": "May"
3327
+ "date": "May",
3328
+ "value": 22.0
3313
3329
  },
3314
3330
  {
3315
- "value": 30.0,
3316
- "date": "Jun"
3331
+ "date": "Jun",
3332
+ "value": 30.0
3317
3333
  }
3318
- ]
3334
+ ],
3335
+ "type": "line-chart"
3319
3336
  },
3320
3337
  {
3321
3338
  "type": "chart-legend",
3322
3339
  "items": [
3323
3340
  {
3324
- "label": "Current",
3325
- "color": "primary"
3341
+ "color": "primary",
3342
+ "label": "Current"
3326
3343
  },
3327
3344
  {
3328
- "label": "Previous",
3329
- "color": "muted"
3345
+ "color": "muted",
3346
+ "label": "Previous"
3330
3347
  }
3331
3348
  ]
3332
3349
  },
3333
3350
  {
3334
- "width": 400.0,
3335
3351
  "nodes": [
3336
3352
  {
3337
- "label": "Start",
3338
- "id": "a"
3353
+ "id": "a",
3354
+ "label": "Start"
3339
3355
  },
3340
3356
  {
3341
- "label": "Process",
3342
- "id": "b"
3357
+ "id": "b",
3358
+ "label": "Process"
3343
3359
  },
3344
3360
  {
3345
3361
  "label": "End",
3346
3362
  "id": "c"
3347
3363
  }
3348
3364
  ],
3365
+ "width": 400.0,
3349
3366
  "edges": [
3350
3367
  {
3351
3368
  "source": "a",
@@ -3356,33 +3373,16 @@
3356
3373
  "target": "c"
3357
3374
  }
3358
3375
  ],
3359
- "type": "graph-view",
3360
- "height": 200.0
3376
+ "height": 200.0,
3377
+ "type": "graph-view"
3361
3378
  }
3362
- ]
3379
+ ],
3380
+ "direction": "vertical",
3381
+ "gap": "lg"
3363
3382
  }
3364
3383
  ]
3365
3384
  }
3366
- ],
3367
- "navItems": [
3368
- {
3369
- "href": "/chat",
3370
- "icon": "layout-list",
3371
- "label": "Chat"
3372
- },
3373
- {
3374
- "href": "/channels",
3375
- "icon": "hash",
3376
- "label": "Channels"
3377
- },
3378
- {
3379
- "label": "Online",
3380
- "icon": "layout-list",
3381
- "href": "/online"
3382
- }
3383
- ],
3384
- "type": "dashboard-layout",
3385
- "appName": "Realtime Chat"
3385
+ ]
3386
3386
  }
3387
3387
  ]
3388
3388
  ]
@@ -3397,8 +3397,8 @@
3397
3397
  "OnlineUser",
3398
3398
  {
3399
3399
  "emit": {
3400
- "success": "OnlineUserLoaded",
3401
- "failure": "OnlineUserLoadFailed"
3400
+ "failure": "OnlineUserLoadFailed",
3401
+ "success": "OnlineUserLoaded"
3402
3402
  }
3403
3403
  }
3404
3404
  ],
@@ -3406,29 +3406,14 @@
3406
3406
  "render-ui",
3407
3407
  "main",
3408
3408
  {
3409
+ "type": "dashboard-layout",
3409
3410
  "appName": "Realtime Chat",
3410
- "navItems": [
3411
- {
3412
- "label": "Chat",
3413
- "icon": "layout-list",
3414
- "href": "/chat"
3415
- },
3416
- {
3417
- "label": "Channels",
3418
- "href": "/channels",
3419
- "icon": "hash"
3420
- },
3421
- {
3422
- "icon": "layout-list",
3423
- "label": "Online",
3424
- "href": "/online"
3425
- }
3426
- ],
3427
3411
  "children": [
3428
3412
  {
3429
3413
  "children": [
3430
3414
  {
3431
3415
  "gap": "lg",
3416
+ "type": "stack",
3432
3417
  "direction": "vertical",
3433
3418
  "children": [
3434
3419
  {
@@ -3444,18 +3429,17 @@
3444
3429
  "type": "breadcrumb"
3445
3430
  },
3446
3431
  {
3447
- "gap": "md",
3448
- "justify": "between",
3449
3432
  "type": "stack",
3450
3433
  "direction": "horizontal",
3434
+ "justify": "between",
3435
+ "gap": "md",
3451
3436
  "children": [
3452
3437
  {
3453
- "type": "stack",
3454
- "direction": "horizontal",
3438
+ "gap": "md",
3455
3439
  "children": [
3456
3440
  {
3457
- "name": "users",
3458
- "type": "icon"
3441
+ "type": "icon",
3442
+ "name": "users"
3459
3443
  },
3460
3444
  {
3461
3445
  "variant": "h2",
@@ -3463,14 +3447,15 @@
3463
3447
  "content": "Online Users"
3464
3448
  }
3465
3449
  ],
3466
- "gap": "md"
3450
+ "type": "stack",
3451
+ "direction": "horizontal"
3467
3452
  },
3468
3453
  {
3469
- "action": "REFRESH",
3470
- "label": "Refresh",
3471
3454
  "type": "button",
3472
- "variant": "secondary",
3473
- "icon": "refresh-cw"
3455
+ "label": "Refresh",
3456
+ "icon": "refresh-cw",
3457
+ "action": "REFRESH",
3458
+ "variant": "secondary"
3474
3459
  }
3475
3460
  ]
3476
3461
  },
@@ -3478,86 +3463,85 @@
3478
3463
  "type": "divider"
3479
3464
  },
3480
3465
  {
3481
- "type": "box",
3482
- "padding": "md",
3483
3466
  "children": [
3484
3467
  {
3468
+ "type": "simple-grid",
3485
3469
  "children": [
3486
3470
  {
3487
3471
  "type": "card",
3488
3472
  "children": [
3489
3473
  {
3490
- "gap": "sm",
3474
+ "type": "stack",
3491
3475
  "direction": "vertical",
3476
+ "gap": "sm",
3492
3477
  "children": [
3493
3478
  {
3494
3479
  "variant": "caption",
3495
- "content": "Username",
3496
- "type": "typography"
3480
+ "type": "typography",
3481
+ "content": "Username"
3497
3482
  },
3498
3483
  {
3499
- "content": "@entity.username",
3500
3484
  "type": "typography",
3485
+ "content": "@entity.username",
3501
3486
  "variant": "h3"
3502
3487
  }
3503
- ],
3504
- "type": "stack"
3488
+ ]
3505
3489
  }
3506
3490
  ]
3507
3491
  },
3508
3492
  {
3509
- "type": "card",
3510
3493
  "children": [
3511
3494
  {
3512
- "type": "stack",
3513
- "gap": "sm",
3514
3495
  "direction": "vertical",
3515
3496
  "children": [
3516
3497
  {
3498
+ "type": "typography",
3517
3499
  "variant": "caption",
3518
- "content": "Status",
3519
- "type": "typography"
3500
+ "content": "Status"
3520
3501
  },
3521
3502
  {
3503
+ "content": "@entity.status",
3522
3504
  "type": "typography",
3523
- "variant": "h3",
3524
- "content": "@entity.status"
3505
+ "variant": "h3"
3525
3506
  }
3526
- ]
3507
+ ],
3508
+ "type": "stack",
3509
+ "gap": "sm"
3527
3510
  }
3528
- ]
3511
+ ],
3512
+ "type": "card"
3529
3513
  },
3530
3514
  {
3515
+ "type": "card",
3531
3516
  "children": [
3532
3517
  {
3533
- "type": "stack",
3534
- "direction": "vertical",
3535
- "gap": "sm",
3536
3518
  "children": [
3537
3519
  {
3520
+ "variant": "caption",
3538
3521
  "type": "typography",
3539
- "content": "LastActive",
3540
- "variant": "caption"
3522
+ "content": "LastActive"
3541
3523
  },
3542
3524
  {
3525
+ "content": "@entity.lastActive",
3543
3526
  "type": "typography",
3544
- "variant": "h3",
3545
- "content": "@entity.lastActive"
3527
+ "variant": "h3"
3546
3528
  }
3547
- ]
3529
+ ],
3530
+ "type": "stack",
3531
+ "direction": "vertical",
3532
+ "gap": "sm"
3548
3533
  }
3549
- ],
3550
- "type": "card"
3534
+ ]
3551
3535
  },
3552
3536
  {
3537
+ "type": "card",
3553
3538
  "children": [
3554
3539
  {
3555
- "direction": "vertical",
3556
3540
  "children": [
3557
3541
  {
3542
+ "content": "Avatar",
3558
3543
  "type": "typography",
3559
- "variant": "caption",
3560
- "content": "Avatar"
3544
+ "variant": "caption"
3561
3545
  },
3562
3546
  {
3563
3547
  "content": "@entity.avatar",
@@ -3565,44 +3549,45 @@
3565
3549
  "variant": "h3"
3566
3550
  }
3567
3551
  ],
3568
- "type": "stack",
3569
- "gap": "sm"
3552
+ "direction": "vertical",
3553
+ "gap": "sm",
3554
+ "type": "stack"
3570
3555
  }
3571
- ],
3572
- "type": "card"
3556
+ ]
3573
3557
  }
3574
3558
  ],
3575
- "cols": 3.0,
3576
- "type": "simple-grid"
3559
+ "cols": 3.0
3577
3560
  }
3578
- ]
3561
+ ],
3562
+ "padding": "md",
3563
+ "type": "box"
3579
3564
  },
3580
3565
  {
3581
3566
  "type": "divider"
3582
3567
  },
3583
3568
  {
3584
- "cols": 2.0,
3585
3569
  "type": "grid",
3570
+ "cols": 2.0,
3586
3571
  "children": [
3587
3572
  {
3588
- "type": "card",
3589
3573
  "children": [
3590
3574
  {
3591
- "content": "Chart View",
3575
+ "variant": "caption",
3592
3576
  "type": "typography",
3593
- "variant": "caption"
3577
+ "content": "Chart View"
3594
3578
  }
3595
- ]
3579
+ ],
3580
+ "type": "card"
3596
3581
  },
3597
3582
  {
3598
- "type": "card",
3599
3583
  "children": [
3600
3584
  {
3601
3585
  "content": "Graph View",
3602
- "type": "typography",
3603
- "variant": "caption"
3586
+ "variant": "caption",
3587
+ "type": "typography"
3604
3588
  }
3605
- ]
3589
+ ],
3590
+ "type": "card"
3606
3591
  }
3607
3592
  ],
3608
3593
  "gap": "md"
@@ -3611,24 +3596,24 @@
3611
3596
  "type": "line-chart",
3612
3597
  "data": [
3613
3598
  {
3614
- "value": 12.0,
3615
- "date": "Jan"
3599
+ "date": "Jan",
3600
+ "value": 12.0
3616
3601
  },
3617
3602
  {
3618
- "date": "Feb",
3619
- "value": 19.0
3603
+ "value": 19.0,
3604
+ "date": "Feb"
3620
3605
  },
3621
3606
  {
3622
- "value": 15.0,
3623
- "date": "Mar"
3607
+ "date": "Mar",
3608
+ "value": 15.0
3624
3609
  },
3625
3610
  {
3626
- "date": "Apr",
3627
- "value": 25.0
3611
+ "value": 25.0,
3612
+ "date": "Apr"
3628
3613
  },
3629
3614
  {
3630
- "value": 22.0,
3631
- "date": "May"
3615
+ "date": "May",
3616
+ "value": 22.0
3632
3617
  },
3633
3618
  {
3634
3619
  "value": 30.0,
@@ -3640,52 +3625,67 @@
3640
3625
  "type": "chart-legend",
3641
3626
  "items": [
3642
3627
  {
3643
- "color": "primary",
3644
- "label": "Current"
3628
+ "label": "Current",
3629
+ "color": "primary"
3645
3630
  },
3646
3631
  {
3647
- "label": "Previous",
3648
- "color": "muted"
3632
+ "color": "muted",
3633
+ "label": "Previous"
3649
3634
  }
3650
3635
  ]
3651
3636
  },
3652
3637
  {
3653
- "edges": [
3638
+ "width": 400.0,
3639
+ "nodes": [
3654
3640
  {
3655
- "source": "a",
3656
- "target": "b"
3641
+ "label": "Start",
3642
+ "id": "a"
3657
3643
  },
3658
3644
  {
3659
- "target": "c",
3660
- "source": "b"
3645
+ "id": "b",
3646
+ "label": "Process"
3647
+ },
3648
+ {
3649
+ "label": "End",
3650
+ "id": "c"
3661
3651
  }
3662
3652
  ],
3663
3653
  "height": 200.0,
3664
3654
  "type": "graph-view",
3665
- "width": 400.0,
3666
- "nodes": [
3667
- {
3668
- "label": "Start",
3669
- "id": "a"
3670
- },
3655
+ "edges": [
3671
3656
  {
3672
- "label": "Process",
3673
- "id": "b"
3657
+ "source": "a",
3658
+ "target": "b"
3674
3659
  },
3675
3660
  {
3676
- "id": "c",
3677
- "label": "End"
3661
+ "source": "b",
3662
+ "target": "c"
3678
3663
  }
3679
3664
  ]
3680
3665
  }
3681
- ],
3682
- "type": "stack"
3666
+ ]
3683
3667
  }
3684
3668
  ],
3685
3669
  "type": "scaled-diagram"
3686
3670
  }
3687
3671
  ],
3688
- "type": "dashboard-layout"
3672
+ "navItems": [
3673
+ {
3674
+ "label": "Chat",
3675
+ "icon": "layout-list",
3676
+ "href": "/chat"
3677
+ },
3678
+ {
3679
+ "href": "/channels",
3680
+ "icon": "hash",
3681
+ "label": "Channels"
3682
+ },
3683
+ {
3684
+ "label": "Online",
3685
+ "href": "/online",
3686
+ "icon": "layout-list"
3687
+ }
3688
+ ]
3689
3689
  }
3690
3690
  ]
3691
3691
  ]
@@ -3700,8 +3700,8 @@
3700
3700
  "OnlineUser",
3701
3701
  {
3702
3702
  "emit": {
3703
- "failure": "OnlineUserLoadFailed",
3704
- "success": "OnlineUserLoaded"
3703
+ "success": "OnlineUserLoaded",
3704
+ "failure": "OnlineUserLoadFailed"
3705
3705
  }
3706
3706
  }
3707
3707
  ],
@@ -3709,15 +3709,13 @@
3709
3709
  "render-ui",
3710
3710
  "main",
3711
3711
  {
3712
- "appName": "Realtime Chat",
3713
- "type": "dashboard-layout",
3714
3712
  "children": [
3715
3713
  {
3716
- "type": "scaled-diagram",
3717
3714
  "children": [
3718
3715
  {
3719
- "type": "stack",
3720
3716
  "gap": "lg",
3717
+ "type": "stack",
3718
+ "direction": "vertical",
3721
3719
  "children": [
3722
3720
  {
3723
3721
  "type": "breadcrumb",
@@ -3732,34 +3730,34 @@
3732
3730
  ]
3733
3731
  },
3734
3732
  {
3733
+ "direction": "horizontal",
3735
3734
  "type": "stack",
3735
+ "justify": "between",
3736
3736
  "children": [
3737
3737
  {
3738
+ "direction": "horizontal",
3738
3739
  "children": [
3739
3740
  {
3740
- "type": "icon",
3741
- "name": "users"
3741
+ "name": "users",
3742
+ "type": "icon"
3742
3743
  },
3743
3744
  {
3744
- "variant": "h2",
3745
+ "content": "Online Users",
3745
3746
  "type": "typography",
3746
- "content": "Online Users"
3747
+ "variant": "h2"
3747
3748
  }
3748
3749
  ],
3749
- "direction": "horizontal",
3750
- "gap": "md",
3751
- "type": "stack"
3750
+ "type": "stack",
3751
+ "gap": "md"
3752
3752
  },
3753
3753
  {
3754
- "label": "Refresh",
3755
3754
  "type": "button",
3756
3755
  "action": "REFRESH",
3757
- "variant": "secondary",
3758
- "icon": "refresh-cw"
3756
+ "icon": "refresh-cw",
3757
+ "label": "Refresh",
3758
+ "variant": "secondary"
3759
3759
  }
3760
3760
  ],
3761
- "direction": "horizontal",
3762
- "justify": "between",
3763
3761
  "gap": "md"
3764
3762
  },
3765
3763
  {
@@ -3769,9 +3767,10 @@
3769
3767
  "padding": "md",
3770
3768
  "children": [
3771
3769
  {
3770
+ "type": "simple-grid",
3771
+ "cols": 3.0,
3772
3772
  "children": [
3773
3773
  {
3774
- "type": "card",
3775
3774
  "children": [
3776
3775
  {
3777
3776
  "gap": "sm",
@@ -3779,88 +3778,87 @@
3779
3778
  "direction": "vertical",
3780
3779
  "children": [
3781
3780
  {
3782
- "content": "Username",
3781
+ "type": "typography",
3783
3782
  "variant": "caption",
3784
- "type": "typography"
3783
+ "content": "Username"
3785
3784
  },
3786
3785
  {
3787
3786
  "variant": "h3",
3788
- "type": "typography",
3789
- "content": "@entity.username"
3787
+ "content": "@entity.username",
3788
+ "type": "typography"
3790
3789
  }
3791
3790
  ]
3792
3791
  }
3793
- ]
3792
+ ],
3793
+ "type": "card"
3794
3794
  },
3795
3795
  {
3796
3796
  "children": [
3797
3797
  {
3798
- "type": "stack",
3798
+ "direction": "vertical",
3799
3799
  "children": [
3800
3800
  {
3801
- "content": "Status",
3802
3801
  "variant": "caption",
3803
- "type": "typography"
3802
+ "type": "typography",
3803
+ "content": "Status"
3804
3804
  },
3805
3805
  {
3806
- "type": "typography",
3807
3806
  "variant": "h3",
3807
+ "type": "typography",
3808
3808
  "content": "@entity.status"
3809
3809
  }
3810
3810
  ],
3811
- "direction": "vertical",
3811
+ "type": "stack",
3812
3812
  "gap": "sm"
3813
3813
  }
3814
3814
  ],
3815
3815
  "type": "card"
3816
3816
  },
3817
3817
  {
3818
+ "type": "card",
3818
3819
  "children": [
3819
3820
  {
3820
- "gap": "sm",
3821
+ "type": "stack",
3821
3822
  "direction": "vertical",
3823
+ "gap": "sm",
3822
3824
  "children": [
3823
3825
  {
3826
+ "type": "typography",
3824
3827
  "variant": "caption",
3825
- "content": "LastActive",
3826
- "type": "typography"
3828
+ "content": "LastActive"
3827
3829
  },
3828
3830
  {
3829
- "variant": "h3",
3830
3831
  "type": "typography",
3832
+ "variant": "h3",
3831
3833
  "content": "@entity.lastActive"
3832
3834
  }
3833
- ],
3834
- "type": "stack"
3835
- }
3836
- ],
3837
- "type": "card"
3835
+ ]
3836
+ }
3837
+ ]
3838
3838
  },
3839
3839
  {
3840
- "type": "card",
3841
3840
  "children": [
3842
3841
  {
3843
- "type": "stack",
3844
3842
  "direction": "vertical",
3845
3843
  "gap": "sm",
3844
+ "type": "stack",
3846
3845
  "children": [
3847
3846
  {
3847
+ "type": "typography",
3848
3848
  "variant": "caption",
3849
- "content": "Avatar",
3850
- "type": "typography"
3849
+ "content": "Avatar"
3851
3850
  },
3852
3851
  {
3853
3852
  "type": "typography",
3854
- "variant": "h3",
3855
- "content": "@entity.avatar"
3853
+ "content": "@entity.avatar",
3854
+ "variant": "h3"
3856
3855
  }
3857
3856
  ]
3858
3857
  }
3859
- ]
3858
+ ],
3859
+ "type": "card"
3860
3860
  }
3861
- ],
3862
- "type": "simple-grid",
3863
- "cols": 3.0
3861
+ ]
3864
3862
  }
3865
3863
  ],
3866
3864
  "type": "box"
@@ -3873,22 +3871,22 @@
3873
3871
  "gap": "md",
3874
3872
  "children": [
3875
3873
  {
3876
- "type": "card",
3877
3874
  "children": [
3878
3875
  {
3879
- "type": "typography",
3876
+ "content": "Chart View",
3880
3877
  "variant": "caption",
3881
- "content": "Chart View"
3878
+ "type": "typography"
3882
3879
  }
3883
- ]
3880
+ ],
3881
+ "type": "card"
3884
3882
  },
3885
3883
  {
3886
3884
  "type": "card",
3887
3885
  "children": [
3888
3886
  {
3889
- "content": "Graph View",
3887
+ "variant": "caption",
3890
3888
  "type": "typography",
3891
- "variant": "caption"
3889
+ "content": "Graph View"
3892
3890
  }
3893
3891
  ]
3894
3892
  }
@@ -3899,16 +3897,16 @@
3899
3897
  "type": "line-chart",
3900
3898
  "data": [
3901
3899
  {
3902
- "date": "Jan",
3903
- "value": 12.0
3900
+ "value": 12.0,
3901
+ "date": "Jan"
3904
3902
  },
3905
3903
  {
3906
3904
  "date": "Feb",
3907
3905
  "value": 19.0
3908
3906
  },
3909
3907
  {
3910
- "date": "Mar",
3911
- "value": 15.0
3908
+ "value": 15.0,
3909
+ "date": "Mar"
3912
3910
  },
3913
3911
  {
3914
3912
  "date": "Apr",
@@ -3925,6 +3923,7 @@
3925
3923
  ]
3926
3924
  },
3927
3925
  {
3926
+ "type": "chart-legend",
3928
3927
  "items": [
3929
3928
  {
3930
3929
  "label": "Current",
@@ -3934,59 +3933,60 @@
3934
3933
  "label": "Previous",
3935
3934
  "color": "muted"
3936
3935
  }
3937
- ],
3938
- "type": "chart-legend"
3936
+ ]
3939
3937
  },
3940
3938
  {
3941
- "nodes": [
3942
- {
3943
- "label": "Start",
3944
- "id": "a"
3945
- },
3939
+ "edges": [
3946
3940
  {
3947
- "label": "Process",
3948
- "id": "b"
3941
+ "target": "b",
3942
+ "source": "a"
3949
3943
  },
3950
3944
  {
3951
- "id": "c",
3952
- "label": "End"
3945
+ "source": "b",
3946
+ "target": "c"
3953
3947
  }
3954
3948
  ],
3955
- "height": 200.0,
3956
- "edges": [
3949
+ "nodes": [
3957
3950
  {
3958
- "source": "a",
3959
- "target": "b"
3951
+ "id": "a",
3952
+ "label": "Start"
3960
3953
  },
3961
3954
  {
3962
- "target": "c",
3963
- "source": "b"
3955
+ "id": "b",
3956
+ "label": "Process"
3957
+ },
3958
+ {
3959
+ "label": "End",
3960
+ "id": "c"
3964
3961
  }
3965
3962
  ],
3966
3963
  "type": "graph-view",
3967
- "width": 400.0
3964
+ "width": 400.0,
3965
+ "height": 200.0
3968
3966
  }
3969
- ],
3970
- "direction": "vertical"
3967
+ ]
3971
3968
  }
3972
- ]
3969
+ ],
3970
+ "type": "scaled-diagram"
3973
3971
  }
3974
3972
  ],
3973
+ "appName": "Realtime Chat",
3974
+ "type": "dashboard-layout",
3975
3975
  "navItems": [
3976
3976
  {
3977
+ "href": "/chat",
3977
3978
  "label": "Chat",
3978
- "icon": "layout-list",
3979
- "href": "/chat"
3979
+ "icon": "layout-list"
3980
3980
  },
3981
3981
  {
3982
- "label": "Channels",
3983
3982
  "href": "/channels",
3983
+ "label": "Channels",
3984
3984
  "icon": "hash"
3985
3985
  },
3986
3986
  {
3987
3987
  "icon": "layout-list",
3988
- "href": "/online",
3989
- "label": "Online"
3988
+ "label": "Online",
3989
+ "href": "/online"
3990
3990
  }
3991
3991
  ]
3992
3992
  }
@@ -4016,12 +4016,12 @@
4016
4016
  "navItems": [
4017
4017
  {
4018
4018
  "href": "/chat",
4019
- "icon": "layout-list",
4020
- "label": "Chat"
4019
+ "label": "Chat",
4020
+ "icon": "layout-list"
4021
4021
  },
4022
4022
  {
4023
- "label": "Channels",
4024
4023
  "href": "/channels",
4024
+ "label": "Channels",
4025
4025
  "icon": "hash"
4026
4026
  },
4027
4027
  {
@@ -4030,16 +4030,16 @@
4030
4030
  "icon": "layout-list"
4031
4031
  }
4032
4032
  ],
4033
- "appName": "Realtime Chat",
4034
4033
  "children": [
4035
4034
  {
4036
- "type": "scaled-diagram",
4037
4035
  "children": [
4038
4036
  {
4039
- "direction": "vertical",
4040
4037
  "type": "stack",
4038
+ "gap": "lg",
4039
+ "direction": "vertical",
4041
4040
  "children": [
4042
4041
  {
4042
+ "type": "breadcrumb",
4043
4043
  "items": [
4044
4044
  {
4045
4045
  "href": "/",
@@ -4048,67 +4048,69 @@
4048
4048
  {
4049
4049
  "label": "Online Users"
4050
4050
  }
4051
- ],
4052
- "type": "breadcrumb"
4051
+ ]
4053
4052
  },
4054
4053
  {
4055
- "gap": "md",
4056
4054
  "type": "stack",
4057
- "direction": "horizontal",
4058
- "justify": "between",
4059
4055
  "children": [
4060
4056
  {
4061
- "direction": "horizontal",
4062
- "type": "stack",
4063
- "gap": "md",
4064
4057
  "children": [
4065
4058
  {
4066
4059
  "name": "users",
4067
4060
  "type": "icon"
4068
4061
  },
4069
4062
  {
4070
- "variant": "h2",
4063
+ "content": "Online Users",
4071
4064
  "type": "typography",
4072
- "content": "Online Users"
4065
+ "variant": "h2"
4073
4066
  }
4074
- ]
4067
+ ],
4068
+ "type": "stack",
4069
+ "gap": "md",
4070
+ "direction": "horizontal"
4075
4071
  },
4076
4072
  {
4077
- "icon": "refresh-cw",
4078
- "label": "Refresh",
4079
- "action": "REFRESH",
4073
+ "variant": "secondary",
4080
4074
  "type": "button",
4081
- "variant": "secondary"
4075
+ "action": "REFRESH",
4076
+ "icon": "refresh-cw",
4077
+ "label": "Refresh"
4082
4078
  }
4083
- ]
4079
+ ],
4080
+ "direction": "horizontal",
4081
+ "justify": "between",
4082
+ "gap": "md"
4084
4083
  },
4085
4084
  {
4086
4085
  "type": "divider"
4087
4086
  },
4088
4087
  {
4089
4088
  "type": "box",
4089
+ "padding": "md",
4090
4090
  "children": [
4091
4091
  {
4092
+ "type": "simple-grid",
4093
+ "cols": 3.0,
4092
4094
  "children": [
4093
4095
  {
4094
4096
  "type": "card",
4095
4097
  "children": [
4096
4098
  {
4097
- "gap": "sm",
4099
+ "direction": "vertical",
4100
+ "type": "stack",
4098
4101
  "children": [
4099
4102
  {
4100
- "content": "Username",
4101
4103
  "type": "typography",
4102
- "variant": "caption"
4104
+ "variant": "caption",
4105
+ "content": "Username"
4103
4106
  },
4104
4107
  {
4105
- "type": "typography",
4106
4108
  "variant": "h3",
4109
+ "type": "typography",
4107
4110
  "content": "@entity.username"
4108
4111
  }
4109
4112
  ],
4110
- "type": "stack",
4111
- "direction": "vertical"
4113
+ "gap": "sm"
4112
4114
  }
4113
4115
  ]
4114
4116
  },
@@ -4120,14 +4122,14 @@
4120
4122
  "type": "stack",
4121
4123
  "children": [
4122
4124
  {
4123
- "content": "Status",
4124
4125
  "variant": "caption",
4125
- "type": "typography"
4126
+ "type": "typography",
4127
+ "content": "Status"
4126
4128
  },
4127
4129
  {
4128
- "content": "@entity.status",
4130
+ "type": "typography",
4129
4131
  "variant": "h3",
4130
- "type": "typography"
4132
+ "content": "@entity.status"
4131
4133
  }
4132
4134
  ],
4133
4135
  "gap": "sm"
@@ -4135,26 +4137,26 @@
4135
4137
  ]
4136
4138
  },
4137
4139
  {
4140
+ "type": "card",
4138
4141
  "children": [
4139
4142
  {
4140
4143
  "direction": "vertical",
4141
- "type": "stack",
4142
4144
  "gap": "sm",
4143
4145
  "children": [
4144
4146
  {
4145
4147
  "variant": "caption",
4146
- "type": "typography",
4147
- "content": "LastActive"
4148
+ "content": "LastActive",
4149
+ "type": "typography"
4148
4150
  },
4149
4151
  {
4152
+ "type": "typography",
4150
4153
  "variant": "h3",
4151
- "content": "@entity.lastActive",
4152
- "type": "typography"
4154
+ "content": "@entity.lastActive"
4153
4155
  }
4154
- ]
4156
+ ],
4157
+ "type": "stack"
4155
4158
  }
4156
- ],
4157
- "type": "card"
4159
+ ]
4158
4160
  },
4159
4161
  {
4160
4162
  "type": "card",
@@ -4162,58 +4164,55 @@
4162
4164
  {
4163
4165
  "direction": "vertical",
4164
4166
  "type": "stack",
4167
+ "gap": "sm",
4165
4168
  "children": [
4166
4169
  {
4167
- "variant": "caption",
4168
4170
  "content": "Avatar",
4169
- "type": "typography"
4171
+ "type": "typography",
4172
+ "variant": "caption"
4170
4173
  },
4171
4174
  {
4172
4175
  "variant": "h3",
4173
4176
  "type": "typography",
4174
4177
  "content": "@entity.avatar"
4175
4178
  }
4176
- ],
4177
- "gap": "sm"
4179
+ ]
4178
4180
  }
4179
4181
  ]
4180
4182
  }
4181
- ],
4182
- "cols": 3.0,
4183
- "type": "simple-grid"
4183
+ ]
4184
4184
  }
4185
- ],
4186
- "padding": "md"
4185
+ ]
4187
4186
  },
4188
4187
  {
4189
4188
  "type": "divider"
4190
4189
  },
4191
4190
  {
4192
- "cols": 2.0,
4193
4191
  "children": [
4194
4192
  {
4195
- "type": "card",
4196
4193
  "children": [
4197
4194
  {
4198
4195
  "variant": "caption",
4199
- "type": "typography",
4200
- "content": "Chart View"
4196
+ "content": "Chart View",
4197
+ "type": "typography"
4201
4198
  }
4202
- ]
4199
+ ],
4200
+ "type": "card"
4203
4201
  },
4204
4202
  {
4205
- "type": "card",
4206
4203
  "children": [
4207
4204
  {
4208
4205
  "type": "typography",
4209
4206
  "variant": "caption",
4210
4207
  "content": "Graph View"
4211
4208
  }
4212
- ]
4209
+ ],
4210
+ "type": "card"
4213
4211
  }
4214
4212
  ],
4215
- "type": "grid",
4216
- "gap": "md"
4213
+ "cols": 2.0,
4214
+ "gap": "md",
4215
+ "type": "grid"
4217
4216
  },
4218
4217
  {
4219
4218
  "type": "line-chart",
@@ -4231,67 +4230,68 @@
4231
4230
  "value": 15.0
4232
4231
  },
4233
4232
  {
4234
- "value": 25.0,
4235
- "date": "Apr"
4233
+ "date": "Apr",
4234
+ "value": 25.0
4236
4235
  },
4237
4236
  {
4238
4237
  "date": "May",
4239
4238
  "value": 22.0
4240
4239
  },
4241
4240
  {
4242
- "date": "Jun",
4243
- "value": 30.0
4241
+ "value": 30.0,
4242
+ "date": "Jun"
4244
4243
  }
4245
4244
  ]
4246
4245
  },
4247
4246
  {
4248
- "type": "chart-legend",
4249
4247
  "items": [
4250
4248
  {
4251
4249
  "label": "Current",
4252
4250
  "color": "primary"
4253
4251
  },
4254
4252
  {
4255
- "color": "muted",
4256
- "label": "Previous"
4253
+ "label": "Previous",
4254
+ "color": "muted"
4257
4255
  }
4258
- ]
4256
+ ],
4257
+ "type": "chart-legend"
4259
4258
  },
4260
4259
  {
4260
+ "width": 400.0,
4261
4261
  "height": 200.0,
4262
4262
  "type": "graph-view",
4263
- "edges": [
4264
- {
4265
- "source": "a",
4266
- "target": "b"
4267
- },
4268
- {
4269
- "target": "c",
4270
- "source": "b"
4271
- }
4272
- ],
4273
4263
  "nodes": [
4274
4264
  {
4275
- "id": "a",
4276
- "label": "Start"
4265
+ "label": "Start",
4266
+ "id": "a"
4277
4267
  },
4278
4268
  {
4279
4269
  "id": "b",
4280
4270
  "label": "Process"
4281
4271
  },
4282
4272
  {
4283
- "label": "End",
4284
- "id": "c"
4273
+ "id": "c",
4274
+ "label": "End"
4285
4275
  }
4286
4276
  ],
4287
- "width": 400.0
4277
+ "edges": [
4278
+ {
4279
+ "target": "b",
4280
+ "source": "a"
4281
+ },
4282
+ {
4283
+ "target": "c",
4284
+ "source": "b"
4285
+ }
4286
+ ]
4288
4287
  }
4289
- ],
4290
- "gap": "lg"
4288
+ ]
4291
4289
  }
4292
- ]
4290
+ ],
4291
+ "type": "scaled-diagram"
4293
4292
  }
4294
- ]
4293
+ ],
4294
+ "appName": "Realtime Chat"
4295
4295
  }
4296
4296
  ]
4297
4297
  ]
@@ -4314,4 +4314,4 @@
4314
4314
  ]
4315
4315
  }
4316
4316
  ]
4317
- }
4317
+ }