@almadar/std 8.2.0 → 8.4.0

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