@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-helpdesk.orb CHANGED
@@ -426,21 +426,21 @@
426
426
  "main",
427
427
  {
428
428
  "className": "py-12",
429
- "align": "center",
430
- "direction": "vertical",
431
- "gap": "md",
432
- "type": "stack",
433
429
  "children": [
434
430
  {
435
431
  "type": "spinner"
436
432
  },
437
433
  {
438
- "type": "typography",
439
- "variant": "caption",
440
434
  "color": "muted",
435
+ "variant": "caption",
436
+ "type": "typography",
441
437
  "content": "Loading…"
442
438
  }
443
- ]
439
+ ],
440
+ "gap": "md",
441
+ "type": "stack",
442
+ "direction": "vertical",
443
+ "align": "center"
444
444
  }
445
445
  ]
446
446
  ]
@@ -454,47 +454,46 @@
454
454
  "render-ui",
455
455
  "main",
456
456
  {
457
- "type": "dashboard-layout",
458
457
  "appName": "Helpdesk",
459
458
  "navItems": [
460
459
  {
461
460
  "icon": "inbox",
462
- "label": "Tickets",
463
- "href": "/tickets"
461
+ "href": "/tickets",
462
+ "label": "Tickets"
464
463
  },
465
464
  {
466
- "icon": "message-circle",
465
+ "label": "Responses",
467
466
  "href": "/responses",
468
- "label": "Responses"
467
+ "icon": "message-circle"
469
468
  },
470
469
  {
471
- "href": "/metrics",
470
+ "label": "Metrics",
472
471
  "icon": "layout-list",
473
- "label": "Metrics"
472
+ "href": "/metrics"
474
473
  }
475
474
  ],
476
475
  "children": [
477
476
  {
478
477
  "type": "stack",
479
478
  "direction": "vertical",
480
- "gap": "lg",
481
479
  "className": "max-w-5xl mx-auto w-full",
482
480
  "children": [
483
481
  {
484
482
  "direction": "horizontal",
485
- "justify": "between",
486
483
  "align": "center",
484
+ "type": "stack",
485
+ "justify": "between",
487
486
  "children": [
488
487
  {
489
488
  "children": [
490
489
  {
491
- "type": "icon",
492
- "name": "inbox"
490
+ "name": "inbox",
491
+ "type": "icon"
493
492
  },
494
493
  {
495
494
  "content": "Tickets",
496
- "type": "typography",
497
- "variant": "h2"
495
+ "variant": "h2",
496
+ "type": "typography"
498
497
  }
499
498
  ],
500
499
  "direction": "horizontal",
@@ -503,70 +502,46 @@
503
502
  "align": "center"
504
503
  },
505
504
  {
506
- "type": "stack",
507
- "gap": "sm",
508
- "direction": "horizontal",
509
505
  "children": [
510
506
  {
511
- "action": "CREATE",
512
- "variant": "primary",
513
507
  "label": "New Ticket",
514
508
  "icon": "plus",
509
+ "action": "CREATE",
510
+ "variant": "primary",
515
511
  "type": "button"
516
512
  }
517
- ]
513
+ ],
514
+ "direction": "horizontal",
515
+ "type": "stack",
516
+ "gap": "sm"
518
517
  }
519
518
  ],
520
- "type": "stack",
521
519
  "gap": "md"
522
520
  },
523
521
  {
524
522
  "type": "divider"
525
523
  },
526
524
  {
527
- "type": "simple-grid",
525
+ "cols": 1.0,
528
526
  "children": [
529
527
  {
530
- "label": "Open Tickets",
531
- "type": "stat-display",
532
528
  "icon": "inbox",
533
- "value": "@entity"
529
+ "label": "Open Tickets",
530
+ "value": "@entity",
531
+ "type": "stat-display"
534
532
  }
535
533
  ],
536
- "cols": 1.0
534
+ "type": "simple-grid"
537
535
  },
538
536
  {
539
537
  "type": "divider"
540
538
  },
541
539
  {
542
- "type": "data-list",
543
- "columns": [
544
- {
545
- "name": "subject",
546
- "icon": "inbox",
547
- "variant": "h3"
548
- },
549
- {
550
- "variant": "badge",
551
- "name": "priority"
552
- },
553
- {
554
- "variant": "badge",
555
- "name": "status"
556
- },
557
- {
558
- "name": "assignee",
559
- "variant": "body"
560
- },
561
- {
562
- "variant": "caption",
563
- "name": "description"
564
- }
565
- ],
540
+ "entity": "@payload.data",
541
+ "fields": [],
566
542
  "variant": "card",
567
543
  "gap": "sm",
568
- "fields": [],
569
- "entity": "@payload.data",
544
+ "type": "data-list",
570
545
  "itemActions": [
571
546
  {
572
547
  "label": "View",
@@ -579,15 +554,40 @@
579
554
  "variant": "ghost"
580
555
  },
581
556
  {
582
- "event": "DELETE",
557
+ "label": "Delete",
583
558
  "variant": "danger",
584
- "label": "Delete"
559
+ "event": "DELETE"
560
+ }
561
+ ],
562
+ "columns": [
563
+ {
564
+ "icon": "inbox",
565
+ "variant": "h3",
566
+ "name": "subject"
567
+ },
568
+ {
569
+ "name": "priority",
570
+ "variant": "badge"
571
+ },
572
+ {
573
+ "name": "status",
574
+ "variant": "badge"
575
+ },
576
+ {
577
+ "variant": "body",
578
+ "name": "assignee"
579
+ },
580
+ {
581
+ "variant": "caption",
582
+ "name": "description"
585
583
  }
586
584
  ]
587
585
  }
588
- ]
586
+ ],
587
+ "gap": "lg"
589
588
  }
590
- ]
589
+ ],
590
+ "type": "dashboard-layout"
591
591
  }
592
592
  ]
593
593
  ]
@@ -601,17 +601,18 @@
601
601
  "render-ui",
602
602
  "main",
603
603
  {
604
+ "align": "center",
604
605
  "type": "stack",
605
606
  "children": [
606
607
  {
607
- "type": "icon",
608
+ "name": "alert-triangle",
608
609
  "color": "destructive",
609
- "name": "alert-triangle"
610
+ "type": "icon"
610
611
  },
611
612
  {
613
+ "type": "typography",
612
614
  "variant": "h3",
613
- "content": "Failed to load ticket",
614
- "type": "typography"
615
+ "content": "Failed to load ticket"
615
616
  },
616
617
  {
617
618
  "type": "typography",
@@ -621,16 +622,15 @@
621
622
  },
622
623
  {
623
624
  "label": "Retry",
624
- "variant": "primary",
625
625
  "type": "button",
626
626
  "action": "INIT",
627
+ "variant": "primary",
627
628
  "icon": "rotate-ccw"
628
629
  }
629
630
  ],
631
+ "className": "py-12",
630
632
  "gap": "md",
631
- "direction": "vertical",
632
- "align": "center",
633
- "className": "py-12"
633
+ "direction": "vertical"
634
634
  }
635
635
  ]
636
636
  ]
@@ -814,8 +814,8 @@
814
814
  "Ticket",
815
815
  {
816
816
  "emit": {
817
- "failure": "TicketLoadFailed",
818
- "success": "TicketLoaded"
817
+ "success": "TicketLoaded",
818
+ "failure": "TicketLoadFailed"
819
819
  }
820
820
  }
821
821
  ],
@@ -823,21 +823,19 @@
823
823
  "render-ui",
824
824
  "modal",
825
825
  {
826
- "gap": "md",
827
826
  "type": "stack",
828
- "direction": "vertical",
829
827
  "children": [
830
828
  {
831
829
  "direction": "horizontal",
832
830
  "children": [
833
831
  {
834
- "type": "icon",
835
- "name": "plus-circle"
832
+ "name": "plus-circle",
833
+ "type": "icon"
836
834
  },
837
835
  {
838
- "content": "Create Ticket",
836
+ "variant": "h3",
839
837
  "type": "typography",
840
- "variant": "h3"
838
+ "content": "Create Ticket"
841
839
  }
842
840
  ],
843
841
  "type": "stack",
@@ -850,16 +848,18 @@
850
848
  "cancelEvent": "CLOSE",
851
849
  "mode": "create",
852
850
  "submitEvent": "SAVE",
853
- "type": "form-section",
854
851
  "fields": [
855
852
  "subject",
856
853
  "description",
857
854
  "priority",
858
855
  "status",
859
856
  "assignee"
860
- ]
857
+ ],
858
+ "type": "form-section"
861
859
  }
862
- ]
860
+ ],
861
+ "gap": "md",
862
+ "direction": "vertical"
863
863
  }
864
864
  ]
865
865
  ]
@@ -900,8 +900,8 @@
900
900
  "@payload.data",
901
901
  {
902
902
  "emit": {
903
- "success": "TicketSaved",
904
- "failure": "TicketSaveFailed"
903
+ "failure": "TicketSaveFailed",
904
+ "success": "TicketSaved"
905
905
  }
906
906
  }
907
907
  ],
@@ -1112,53 +1112,53 @@
1112
1112
  "fetch",
1113
1113
  "Ticket",
1114
1114
  {
1115
+ "id": "@payload.id",
1115
1116
  "emit": {
1116
- "success": "TicketLoaded",
1117
- "failure": "TicketLoadFailed"
1118
- },
1119
- "id": "@payload.id"
1117
+ "failure": "TicketLoadFailed",
1118
+ "success": "TicketLoaded"
1119
+ }
1120
1120
  }
1121
1121
  ],
1122
1122
  [
1123
1123
  "render-ui",
1124
1124
  "modal",
1125
1125
  {
1126
- "gap": "md",
1127
1126
  "children": [
1128
1127
  {
1128
+ "direction": "horizontal",
1129
1129
  "type": "stack",
1130
+ "gap": "sm",
1130
1131
  "children": [
1131
1132
  {
1132
1133
  "type": "icon",
1133
1134
  "name": "edit"
1134
1135
  },
1135
1136
  {
1137
+ "variant": "h3",
1136
1138
  "content": "Edit Ticket",
1137
- "type": "typography",
1138
- "variant": "h3"
1139
+ "type": "typography"
1139
1140
  }
1140
- ],
1141
- "direction": "horizontal",
1142
- "gap": "sm"
1141
+ ]
1143
1142
  },
1144
1143
  {
1145
1144
  "type": "divider"
1146
1145
  },
1147
1146
  {
1147
+ "cancelEvent": "CLOSE",
1148
+ "submitEvent": "SAVE",
1149
+ "type": "form-section",
1150
+ "mode": "edit",
1151
+ "entity": "@payload.row",
1148
1152
  "fields": [
1149
1153
  "subject",
1150
1154
  "description",
1151
1155
  "priority",
1152
1156
  "status",
1153
1157
  "assignee"
1154
- ],
1155
- "submitEvent": "SAVE",
1156
- "entity": "@payload.row",
1157
- "mode": "edit",
1158
- "type": "form-section",
1159
- "cancelEvent": "CLOSE"
1158
+ ]
1160
1159
  }
1161
1160
  ],
1161
+ "gap": "md",
1162
1162
  "type": "stack",
1163
1163
  "direction": "vertical"
1164
1164
  }
@@ -1360,61 +1360,62 @@
1360
1360
  {
1361
1361
  "children": [
1362
1362
  {
1363
- "direction": "horizontal",
1364
- "gap": "sm",
1365
- "align": "center",
1366
1363
  "children": [
1367
1364
  {
1368
1365
  "type": "icon",
1369
1366
  "name": "eye"
1370
1367
  },
1371
1368
  {
1372
- "content": "@entity.subject",
1373
1369
  "type": "typography",
1370
+ "content": "@entity.subject",
1374
1371
  "variant": "h3"
1375
1372
  }
1376
1373
  ],
1377
- "type": "stack"
1374
+ "direction": "horizontal",
1375
+ "gap": "sm",
1376
+ "type": "stack",
1377
+ "align": "center"
1378
1378
  },
1379
1379
  {
1380
1380
  "type": "divider"
1381
1381
  },
1382
1382
  {
1383
- "gap": "md",
1384
- "type": "stack",
1385
1383
  "children": [
1386
1384
  {
1387
1385
  "type": "typography",
1388
- "content": "Subject",
1389
- "variant": "caption"
1386
+ "variant": "caption",
1387
+ "content": "Subject"
1390
1388
  },
1391
1389
  {
1390
+ "content": "@entity.subject",
1392
1391
  "type": "typography",
1393
- "variant": "body",
1394
- "content": "@entity.subject"
1392
+ "variant": "body"
1395
1393
  }
1396
1394
  ],
1397
- "direction": "horizontal"
1395
+ "type": "stack",
1396
+ "direction": "horizontal",
1397
+ "gap": "md"
1398
1398
  },
1399
1399
  {
1400
1400
  "type": "stack",
1401
- "gap": "md",
1402
- "direction": "horizontal",
1403
1401
  "children": [
1404
1402
  {
1403
+ "variant": "caption",
1405
1404
  "type": "typography",
1406
- "content": "Description",
1407
- "variant": "caption"
1405
+ "content": "Description"
1408
1406
  },
1409
1407
  {
1410
- "content": "@entity.description",
1411
1408
  "type": "typography",
1412
- "variant": "body"
1409
+ "variant": "body",
1410
+ "content": "@entity.description"
1413
1411
  }
1414
- ]
1412
+ ],
1413
+ "direction": "horizontal",
1414
+ "gap": "md"
1415
1415
  },
1416
1416
  {
1417
1417
  "gap": "md",
1418
+ "type": "stack",
1418
1419
  "children": [
1419
1420
  {
1420
1421
  "variant": "caption",
@@ -1427,71 +1428,70 @@
1427
1428
  "variant": "body"
1428
1429
  }
1429
1430
  ],
1430
- "type": "stack",
1431
1431
  "direction": "horizontal"
1432
1432
  },
1433
1433
  {
1434
+ "direction": "horizontal",
1434
1435
  "gap": "md",
1435
1436
  "children": [
1436
1437
  {
1437
- "content": "Status",
1438
+ "type": "typography",
1438
1439
  "variant": "caption",
1439
- "type": "typography"
1440
+ "content": "Status"
1440
1441
  },
1441
1442
  {
1442
- "variant": "body",
1443
1443
  "type": "typography",
1444
+ "variant": "body",
1444
1445
  "content": "@entity.status"
1445
1446
  }
1446
1447
  ],
1447
- "type": "stack",
1448
- "direction": "horizontal"
1448
+ "type": "stack"
1449
1449
  },
1450
1450
  {
1451
+ "direction": "horizontal",
1452
+ "type": "stack",
1451
1453
  "children": [
1452
1454
  {
1453
- "type": "typography",
1455
+ "content": "Assignee",
1454
1456
  "variant": "caption",
1455
- "content": "Assignee"
1457
+ "type": "typography"
1456
1458
  },
1457
1459
  {
1458
- "type": "typography",
1460
+ "content": "@entity.assignee",
1459
1461
  "variant": "body",
1460
- "content": "@entity.assignee"
1462
+ "type": "typography"
1461
1463
  }
1462
1464
  ],
1463
- "type": "stack",
1464
- "direction": "horizontal",
1465
1465
  "gap": "md"
1466
1466
  },
1467
1467
  {
1468
1468
  "type": "divider"
1469
1469
  },
1470
1470
  {
1471
- "direction": "horizontal",
1472
1471
  "justify": "end",
1473
- "gap": "sm",
1474
1472
  "type": "stack",
1473
+ "gap": "sm",
1475
1474
  "children": [
1476
1475
  {
1477
- "icon": "edit",
1478
- "type": "button",
1479
1476
  "action": "EDIT",
1480
1477
  "label": "Edit",
1481
- "variant": "primary"
1478
+ "variant": "primary",
1479
+ "icon": "edit",
1480
+ "type": "button"
1482
1481
  },
1483
1482
  {
1483
+ "variant": "ghost",
1484
1484
  "type": "button",
1485
- "label": "Close",
1486
1485
  "action": "CLOSE",
1487
- "variant": "ghost"
1486
+ "label": "Close"
1488
1487
  }
1489
- ]
1488
+ ],
1489
+ "direction": "horizontal"
1490
1490
  }
1491
1491
  ],
1492
- "gap": "md",
1493
1492
  "type": "stack",
1494
- "direction": "vertical"
1493
+ "direction": "vertical",
1494
+ "gap": "md"
1495
1495
  }
1496
1496
  ]
1497
1497
  ]
@@ -1737,55 +1737,55 @@
1737
1737
  "render-ui",
1738
1738
  "modal",
1739
1739
  {
1740
- "direction": "vertical",
1741
1740
  "type": "stack",
1742
1741
  "gap": "md",
1742
+ "direction": "vertical",
1743
1743
  "children": [
1744
1744
  {
1745
- "gap": "sm",
1746
- "type": "stack",
1747
- "direction": "horizontal",
1748
- "align": "center",
1749
1745
  "children": [
1750
1746
  {
1751
1747
  "name": "alert-triangle",
1752
1748
  "type": "icon"
1753
1749
  },
1754
1750
  {
1755
- "variant": "h3",
1751
+ "type": "typography",
1756
1752
  "content": "Delete Ticket",
1757
- "type": "typography"
1753
+ "variant": "h3"
1758
1754
  }
1759
- ]
1755
+ ],
1756
+ "direction": "horizontal",
1757
+ "type": "stack",
1758
+ "gap": "sm",
1759
+ "align": "center"
1760
1760
  },
1761
1761
  {
1762
1762
  "type": "divider"
1763
1763
  },
1764
1764
  {
1765
- "type": "alert",
1765
+ "message": "This action cannot be undone.",
1766
1766
  "variant": "error",
1767
- "message": "This action cannot be undone."
1767
+ "type": "alert"
1768
1768
  },
1769
1769
  {
1770
- "gap": "sm",
1771
- "justify": "end",
1772
1770
  "children": [
1773
1771
  {
1774
- "type": "button",
1775
- "action": "CANCEL",
1772
+ "label": "Cancel",
1776
1773
  "variant": "ghost",
1777
- "label": "Cancel"
1774
+ "action": "CANCEL",
1775
+ "type": "button"
1778
1776
  },
1779
1777
  {
1780
- "type": "button",
1781
1778
  "action": "CONFIRM_DELETE",
1782
1779
  "variant": "danger",
1783
1780
  "label": "Delete",
1781
+ "type": "button",
1784
1782
  "icon": "check"
1785
1783
  }
1786
1784
  ],
1787
1785
  "type": "stack",
1788
- "direction": "horizontal"
1786
+ "direction": "horizontal",
1787
+ "gap": "sm",
1788
+ "justify": "end"
1789
1789
  }
1790
1790
  ]
1791
1791
  }
@@ -1804,8 +1804,8 @@
1804
1804
  "@entity.pendingId",
1805
1805
  {
1806
1806
  "emit": {
1807
- "success": "TicketDeleted",
1808
- "failure": "TicketDeleteFailed"
1807
+ "failure": "TicketDeleteFailed",
1808
+ "success": "TicketDeleted"
1809
1809
  }
1810
1810
  }
1811
1811
  ],
@@ -2047,8 +2047,8 @@
2047
2047
  "Response",
2048
2048
  {
2049
2049
  "emit": {
2050
- "failure": "ResponseLoadFailed",
2051
- "success": "ResponseLoaded"
2050
+ "success": "ResponseLoaded",
2051
+ "failure": "ResponseLoadFailed"
2052
2052
  }
2053
2053
  }
2054
2054
  ],
@@ -2056,22 +2056,22 @@
2056
2056
  "render-ui",
2057
2057
  "main",
2058
2058
  {
2059
- "type": "stack",
2060
- "gap": "md",
2061
- "className": "py-12",
2059
+ "align": "center",
2062
2060
  "children": [
2063
2061
  {
2064
2062
  "type": "spinner"
2065
2063
  },
2066
2064
  {
2067
- "type": "typography",
2068
- "variant": "caption",
2069
2065
  "color": "muted",
2066
+ "variant": "caption",
2067
+ "type": "typography",
2070
2068
  "content": "Loading…"
2071
2069
  }
2072
2070
  ],
2071
+ "className": "py-12",
2073
2072
  "direction": "vertical",
2074
- "align": "center"
2073
+ "type": "stack",
2074
+ "gap": "md"
2075
2075
  }
2076
2076
  ]
2077
2077
  ]
@@ -2085,13 +2085,11 @@
2085
2085
  "render-ui",
2086
2086
  "main",
2087
2087
  {
2088
- "type": "dashboard-layout",
2089
- "appName": "Helpdesk",
2090
2088
  "navItems": [
2091
2089
  {
2090
+ "href": "/tickets",
2092
2091
  "icon": "inbox",
2093
- "label": "Tickets",
2094
- "href": "/tickets"
2092
+ "label": "Tickets"
2095
2093
  },
2096
2094
  {
2097
2095
  "label": "Responses",
@@ -2099,26 +2097,22 @@
2099
2097
  "icon": "message-circle"
2100
2098
  },
2101
2099
  {
2100
+ "icon": "layout-list",
2102
2101
  "href": "/metrics",
2103
- "label": "Metrics",
2104
- "icon": "layout-list"
2102
+ "label": "Metrics"
2105
2103
  }
2106
2104
  ],
2105
+ "type": "dashboard-layout",
2106
+ "appName": "Helpdesk",
2107
2107
  "children": [
2108
2108
  {
2109
- "gap": "lg",
2110
2109
  "type": "stack",
2111
- "direction": "vertical",
2112
- "className": "max-w-5xl mx-auto w-full",
2113
2110
  "children": [
2114
2111
  {
2115
2112
  "justify": "between",
2116
- "align": "center",
2117
2113
  "children": [
2118
2114
  {
2119
2115
  "gap": "sm",
2120
- "direction": "horizontal",
2121
- "align": "center",
2122
2116
  "children": [
2123
2117
  {
2124
2118
  "name": "message-circle",
@@ -2126,28 +2120,31 @@
2126
2120
  },
2127
2121
  {
2128
2122
  "variant": "h2",
2129
- "content": "Responses",
2130
- "type": "typography"
2123
+ "type": "typography",
2124
+ "content": "Responses"
2131
2125
  }
2132
2126
  ],
2133
- "type": "stack"
2127
+ "type": "stack",
2128
+ "direction": "horizontal",
2129
+ "align": "center"
2134
2130
  },
2135
2131
  {
2132
+ "gap": "sm",
2133
+ "type": "stack",
2136
2134
  "children": [
2137
2135
  {
2136
+ "variant": "primary",
2138
2137
  "label": "Compose",
2139
2138
  "type": "button",
2140
- "action": "COMPOSE",
2141
- "variant": "primary",
2142
- "icon": "edit"
2139
+ "icon": "edit",
2140
+ "action": "COMPOSE"
2143
2141
  }
2144
2142
  ],
2145
- "gap": "sm",
2146
- "type": "stack",
2147
2143
  "direction": "horizontal"
2148
2144
  }
2149
2145
  ],
2150
2146
  "type": "stack",
2147
+ "align": "center",
2151
2148
  "gap": "md",
2152
2149
  "direction": "horizontal"
2153
2150
  },
@@ -2155,36 +2152,39 @@
2155
2152
  "type": "divider"
2156
2153
  },
2157
2154
  {
2158
- "variant": "card",
2155
+ "entity": "@payload.data",
2156
+ "fields": [],
2159
2157
  "itemActions": [
2160
2158
  {
2161
2159
  "label": "View",
2162
- "event": "VIEW",
2163
- "variant": "ghost"
2160
+ "variant": "ghost",
2161
+ "event": "VIEW"
2164
2162
  }
2165
2163
  ],
2166
- "gap": "sm",
2167
- "type": "data-list",
2168
- "entity": "@payload.data",
2169
- "fields": [],
2170
2164
  "columns": [
2171
2165
  {
2172
- "icon": "message-circle",
2173
2166
  "name": "author",
2167
+ "icon": "message-circle",
2174
2168
  "variant": "h4"
2175
2169
  },
2176
2170
  {
2177
- "variant": "body",
2178
- "name": "body"
2171
+ "name": "body",
2172
+ "variant": "body"
2179
2173
  },
2180
2174
  {
2181
2175
  "name": "createdAt",
2182
- "format": "date",
2183
- "variant": "caption"
2176
+ "variant": "caption",
2177
+ "format": "date"
2184
2178
  }
2185
- ]
2179
+ ],
2180
+ "type": "data-list",
2181
+ "variant": "card",
2182
+ "gap": "sm"
2186
2183
  }
2187
- ]
2184
+ ],
2185
+ "className": "max-w-5xl mx-auto w-full",
2186
+ "gap": "lg",
2187
+ "direction": "vertical"
2188
2188
  }
2189
2189
  ]
2190
2190
  }
@@ -2200,34 +2200,34 @@
2200
2200
  "render-ui",
2201
2201
  "main",
2202
2202
  {
2203
+ "direction": "vertical",
2204
+ "className": "py-12",
2203
2205
  "type": "stack",
2204
2206
  "gap": "md",
2205
2207
  "align": "center",
2206
- "className": "py-12",
2207
- "direction": "vertical",
2208
2208
  "children": [
2209
2209
  {
2210
+ "color": "destructive",
2210
2211
  "type": "icon",
2211
- "name": "alert-triangle",
2212
- "color": "destructive"
2212
+ "name": "alert-triangle"
2213
2213
  },
2214
2214
  {
2215
+ "content": "Failed to load response",
2215
2216
  "type": "typography",
2216
- "variant": "h3",
2217
- "content": "Failed to load response"
2217
+ "variant": "h3"
2218
2218
  },
2219
2219
  {
2220
- "variant": "body",
2221
- "content": "@payload.error",
2222
2220
  "type": "typography",
2223
- "color": "muted"
2221
+ "color": "muted",
2222
+ "content": "@payload.error",
2223
+ "variant": "body"
2224
2224
  },
2225
2225
  {
2226
- "action": "INIT",
2227
- "variant": "primary",
2228
- "icon": "rotate-ccw",
2229
2226
  "label": "Retry",
2230
- "type": "button"
2227
+ "variant": "primary",
2228
+ "type": "button",
2229
+ "action": "INIT",
2230
+ "icon": "rotate-ccw"
2231
2231
  }
2232
2232
  ]
2233
2233
  }
@@ -2400,9 +2400,11 @@
2400
2400
  "render-ui",
2401
2401
  "modal",
2402
2402
  {
2403
+ "gap": "md",
2404
+ "direction": "vertical",
2405
+ "type": "stack",
2403
2406
  "children": [
2404
2407
  {
2405
- "direction": "horizontal",
2406
2408
  "gap": "sm",
2407
2409
  "type": "stack",
2408
2410
  "children": [
@@ -2415,26 +2417,24 @@
2415
2417
  "type": "typography",
2416
2418
  "variant": "h3"
2417
2419
  }
2418
- ]
2420
+ ],
2421
+ "direction": "horizontal"
2419
2422
  },
2420
2423
  {
2421
2424
  "type": "divider"
2422
2425
  },
2423
2426
  {
2424
- "type": "form-section",
2425
2427
  "cancelEvent": "CLOSE",
2428
+ "submitEvent": "SEND",
2426
2429
  "fields": [
2427
2430
  "ticketId",
2428
2431
  "body",
2429
2432
  "author"
2430
2433
  ],
2431
- "submitEvent": "SEND",
2434
+ "type": "form-section",
2432
2435
  "mode": "create"
2433
2436
  }
2434
- ],
2435
- "type": "stack",
2436
- "direction": "vertical",
2437
- "gap": "md"
2437
+ ]
2438
2438
  }
2439
2439
  ]
2440
2440
  ]
@@ -2609,34 +2609,36 @@
2609
2609
  "fetch",
2610
2610
  "Response",
2611
2611
  {
2612
- "id": "@payload.id",
2613
2612
  "emit": {
2614
- "success": "ResponseLoaded",
2615
- "failure": "ResponseLoadFailed"
2616
- }
2613
+ "failure": "ResponseLoadFailed",
2614
+ "success": "ResponseLoaded"
2615
+ },
2616
+ "id": "@payload.id"
2617
2617
  }
2618
2618
  ],
2619
2619
  [
2620
2620
  "render-ui",
2621
2621
  "modal",
2622
2622
  {
2623
+ "direction": "vertical",
2624
+ "gap": "md",
2623
2625
  "children": [
2624
2626
  {
2625
2627
  "gap": "sm",
2626
2628
  "children": [
2627
2629
  {
2628
- "name": "eye",
2629
- "type": "icon"
2630
+ "type": "icon",
2631
+ "name": "eye"
2630
2632
  },
2631
2633
  {
2632
- "type": "typography",
2633
2634
  "content": "@entity.ticketId",
2635
+ "type": "typography",
2634
2636
  "variant": "h3"
2635
2637
  }
2636
2638
  ],
2637
- "align": "center",
2639
+ "direction": "horizontal",
2638
2640
  "type": "stack",
2639
- "direction": "horizontal"
2641
+ "align": "center"
2640
2642
  },
2641
2643
  {
2642
2644
  "type": "divider"
@@ -2644,6 +2646,7 @@
2644
2646
  {
2645
2647
  "direction": "horizontal",
2646
2648
  "type": "stack",
2649
+ "gap": "md",
2647
2650
  "children": [
2648
2651
  {
2649
2652
  "type": "typography",
@@ -2651,63 +2654,62 @@
2651
2654
  "content": "Ticket ID"
2652
2655
  },
2653
2656
  {
2654
- "variant": "body",
2655
2657
  "type": "typography",
2658
+ "variant": "body",
2656
2659
  "content": "@entity.ticketId"
2657
2660
  }
2658
- ],
2659
- "gap": "md"
2661
+ ]
2660
2662
  },
2661
2663
  {
2662
- "type": "stack",
2663
2664
  "gap": "md",
2665
+ "direction": "horizontal",
2664
2666
  "children": [
2665
2667
  {
2666
- "content": "Body",
2667
2668
  "type": "typography",
2668
- "variant": "caption"
2669
+ "variant": "caption",
2670
+ "content": "Body"
2669
2671
  },
2670
2672
  {
2673
+ "type": "typography",
2671
2674
  "variant": "body",
2672
- "content": "@entity.body",
2673
- "type": "typography"
2675
+ "content": "@entity.body"
2674
2676
  }
2675
2677
  ],
2676
- "direction": "horizontal"
2678
+ "type": "stack"
2677
2679
  },
2678
2680
  {
2679
- "type": "stack",
2681
+ "direction": "horizontal",
2680
2682
  "children": [
2681
2683
  {
2682
- "type": "typography",
2683
2684
  "variant": "caption",
2685
+ "type": "typography",
2684
2686
  "content": "Author"
2685
2687
  },
2686
2688
  {
2687
- "content": "@entity.author",
2689
+ "type": "typography",
2688
2690
  "variant": "body",
2689
- "type": "typography"
2691
+ "content": "@entity.author"
2690
2692
  }
2691
2693
  ],
2692
- "direction": "horizontal",
2694
+ "type": "stack",
2693
2695
  "gap": "md"
2694
2696
  },
2695
2697
  {
2698
+ "direction": "horizontal",
2699
+ "type": "stack",
2696
2700
  "children": [
2697
2701
  {
2698
2702
  "type": "typography",
2699
- "variant": "caption",
2700
- "content": "Created At"
2703
+ "content": "Created At",
2704
+ "variant": "caption"
2701
2705
  },
2702
2706
  {
2703
- "variant": "body",
2704
2707
  "content": "@entity.createdAt",
2708
+ "variant": "body",
2705
2709
  "type": "typography"
2706
2710
  }
2707
2711
  ],
2708
- "type": "stack",
2709
- "gap": "md",
2710
- "direction": "horizontal"
2712
+ "gap": "md"
2711
2713
  },
2712
2714
  {
2713
2715
  "type": "divider"
@@ -2717,18 +2719,16 @@
2717
2719
  "direction": "horizontal",
2718
2720
  "children": [
2719
2721
  {
2720
- "variant": "ghost",
2721
- "action": "CLOSE",
2722
+ "type": "button",
2722
2723
  "label": "Close",
2723
- "type": "button"
2724
+ "action": "CLOSE",
2725
+ "variant": "ghost"
2724
2726
  }
2725
2727
  ],
2726
- "gap": "sm",
2727
- "type": "stack"
2728
+ "type": "stack",
2729
+ "gap": "sm"
2728
2730
  }
2729
2731
  ],
2730
- "direction": "vertical",
2731
- "gap": "md",
2732
2732
  "type": "stack"
2733
2733
  }
2734
2734
  ]
@@ -2941,8 +2941,8 @@
2941
2941
  "SupportMetrics",
2942
2942
  {
2943
2943
  "emit": {
2944
- "success": "SupportMetricsLoaded",
2945
- "failure": "SupportMetricsLoadFailed"
2944
+ "failure": "SupportMetricsLoadFailed",
2945
+ "success": "SupportMetricsLoaded"
2946
2946
  }
2947
2947
  }
2948
2948
  ],
@@ -2951,21 +2951,21 @@
2951
2951
  "main",
2952
2952
  {
2953
2953
  "type": "dashboard-layout",
2954
- "appName": "Helpdesk",
2955
2954
  "children": [
2956
2955
  {
2956
+ "type": "scaled-diagram",
2957
2957
  "children": [
2958
2958
  {
2959
- "type": "stack",
2960
2959
  "direction": "vertical",
2960
+ "type": "stack",
2961
2961
  "gap": "lg",
2962
2962
  "children": [
2963
2963
  {
2964
2964
  "type": "breadcrumb",
2965
2965
  "items": [
2966
2966
  {
2967
- "label": "Home",
2968
- "href": "/"
2967
+ "href": "/",
2968
+ "label": "Home"
2969
2969
  },
2970
2970
  {
2971
2971
  "label": "Support Metrics"
@@ -2973,91 +2973,91 @@
2973
2973
  ]
2974
2974
  },
2975
2975
  {
2976
- "justify": "between",
2977
- "type": "stack",
2978
- "gap": "md",
2979
- "direction": "horizontal",
2980
2976
  "children": [
2981
2977
  {
2982
- "gap": "md",
2983
2978
  "type": "stack",
2984
- "direction": "horizontal",
2979
+ "gap": "md",
2985
2980
  "children": [
2986
2981
  {
2987
2982
  "type": "icon",
2988
2983
  "name": "activity"
2989
2984
  },
2990
2985
  {
2991
- "content": "Support Metrics",
2992
2986
  "variant": "h2",
2993
- "type": "typography"
2987
+ "type": "typography",
2988
+ "content": "Support Metrics"
2994
2989
  }
2995
- ]
2990
+ ],
2991
+ "direction": "horizontal"
2996
2992
  },
2997
2993
  {
2998
- "action": "REFRESH",
2999
- "icon": "refresh-cw",
2994
+ "label": "Refresh",
3000
2995
  "type": "button",
3001
2996
  "variant": "secondary",
3002
- "label": "Refresh"
2997
+ "icon": "refresh-cw",
2998
+ "action": "REFRESH"
3003
2999
  }
3004
- ]
3000
+ ],
3001
+ "gap": "md",
3002
+ "type": "stack",
3003
+ "justify": "between",
3004
+ "direction": "horizontal"
3005
3005
  },
3006
3006
  {
3007
3007
  "type": "divider"
3008
3008
  },
3009
3009
  {
3010
- "type": "box",
3011
3010
  "children": [
3012
3011
  {
3013
- "type": "simple-grid",
3014
3012
  "children": [
3015
3013
  {
3016
- "type": "stat-display",
3017
3014
  "value": "@entity.openTickets",
3018
- "label": "OpenTickets"
3015
+ "label": "OpenTickets",
3016
+ "type": "stat-display"
3019
3017
  },
3020
3018
  {
3019
+ "label": "ResolvedTickets",
3021
3020
  "type": "stat-display",
3022
- "value": "@entity.resolvedTickets",
3023
- "label": "ResolvedTickets"
3021
+ "value": "@entity.resolvedTickets"
3024
3022
  },
3025
3023
  {
3024
+ "type": "card",
3026
3025
  "children": [
3027
3026
  {
3028
- "type": "stack",
3029
3027
  "children": [
3030
3028
  {
3031
- "content": "AvgResponseTime",
3032
3029
  "variant": "caption",
3033
- "type": "typography"
3030
+ "type": "typography",
3031
+ "content": "AvgResponseTime"
3034
3032
  },
3035
3033
  {
3036
- "content": "@entity.avgResponseTime",
3037
3034
  "type": "typography",
3038
- "variant": "h3"
3035
+ "variant": "h3",
3036
+ "content": "@entity.avgResponseTime"
3039
3037
  }
3040
3038
  ],
3041
- "direction": "vertical",
3042
- "gap": "sm"
3039
+ "type": "stack",
3040
+ "gap": "sm",
3041
+ "direction": "vertical"
3043
3042
  }
3044
- ],
3045
- "type": "card"
3043
+ ]
3046
3044
  },
3047
3045
  {
3048
- "value": "@entity.satisfactionScore",
3049
3046
  "label": "SatisfactionScore",
3050
- "type": "stat-display"
3047
+ "type": "stat-display",
3048
+ "value": "@entity.satisfactionScore"
3051
3049
  },
3052
3050
  {
3053
3051
  "value": "@entity.activeAgents",
3054
- "type": "stat-display",
3055
- "label": "ActiveAgents"
3052
+ "label": "ActiveAgents",
3053
+ "type": "stat-display"
3056
3054
  }
3057
3055
  ],
3056
+ "type": "simple-grid",
3058
3057
  "cols": 3.0
3059
3058
  }
3060
3059
  ],
3060
+ "type": "box",
3061
3061
  "padding": "md"
3062
3062
  },
3063
3063
  {
@@ -3065,33 +3065,32 @@
3065
3065
  },
3066
3066
  {
3067
3067
  "gap": "md",
3068
+ "cols": 2.0,
3069
+ "type": "grid",
3068
3070
  "children": [
3069
3071
  {
3072
+ "type": "card",
3070
3073
  "children": [
3071
3074
  {
3075
+ "variant": "caption",
3072
3076
  "type": "typography",
3073
- "content": "Chart View",
3074
- "variant": "caption"
3077
+ "content": "Chart View"
3075
3078
  }
3076
- ],
3077
- "type": "card"
3079
+ ]
3078
3080
  },
3079
3081
  {
3080
- "type": "card",
3081
3082
  "children": [
3082
3083
  {
3083
- "variant": "caption",
3084
+ "content": "Graph View",
3084
3085
  "type": "typography",
3085
- "content": "Graph View"
3086
+ "variant": "caption"
3086
3087
  }
3087
- ]
3088
+ ],
3089
+ "type": "card"
3088
3090
  }
3089
- ],
3090
- "type": "grid",
3091
- "cols": 2.0
3091
+ ]
3092
3092
  },
3093
3093
  {
3094
- "type": "line-chart",
3095
3094
  "data": [
3096
3095
  {
3097
3096
  "date": "Jan",
@@ -3102,38 +3101,54 @@
3102
3101
  "date": "Feb"
3103
3102
  },
3104
3103
  {
3105
- "value": 15.0,
3106
- "date": "Mar"
3104
+ "date": "Mar",
3105
+ "value": 15.0
3107
3106
  },
3108
3107
  {
3109
- "value": 25.0,
3110
- "date": "Apr"
3108
+ "date": "Apr",
3109
+ "value": 25.0
3111
3110
  },
3112
3111
  {
3113
- "date": "May",
3114
- "value": 22.0
3112
+ "value": 22.0,
3113
+ "date": "May"
3115
3114
  },
3116
3115
  {
3117
- "date": "Jun",
3118
- "value": 30.0
3116
+ "value": 30.0,
3117
+ "date": "Jun"
3119
3118
  }
3120
- ]
3121
- },
3119
+ ],
3120
+ "type": "line-chart"
3121
+ },
3122
3122
  {
3123
+ "type": "chart-legend",
3123
3124
  "items": [
3124
3125
  {
3125
- "color": "primary",
3126
- "label": "Current"
3126
+ "label": "Current",
3127
+ "color": "primary"
3127
3128
  },
3128
3129
  {
3129
- "color": "muted",
3130
- "label": "Previous"
3130
+ "label": "Previous",
3131
+ "color": "muted"
3131
3132
  }
3132
- ],
3133
- "type": "chart-legend"
3133
+ ]
3134
3134
  },
3135
3135
  {
3136
+ "height": 200.0,
3136
3137
  "type": "graph-view",
3138
+ "nodes": [
3139
+ {
3140
+ "id": "a",
3141
+ "label": "Start"
3142
+ },
3143
+ {
3144
+ "id": "b",
3145
+ "label": "Process"
3146
+ },
3147
+ {
3148
+ "id": "c",
3149
+ "label": "End"
3150
+ }
3151
+ ],
3137
3152
  "width": 400.0,
3138
3153
  "edges": [
3139
3154
  {
@@ -3144,44 +3159,29 @@
3144
3159
  "source": "b",
3145
3160
  "target": "c"
3146
3161
  }
3147
- ],
3148
- "height": 200.0,
3149
- "nodes": [
3150
- {
3151
- "label": "Start",
3152
- "id": "a"
3153
- },
3154
- {
3155
- "label": "Process",
3156
- "id": "b"
3157
- },
3158
- {
3159
- "id": "c",
3160
- "label": "End"
3161
- }
3162
3162
  ]
3163
3163
  }
3164
3164
  ]
3165
3165
  }
3166
- ],
3167
- "type": "scaled-diagram"
3166
+ ]
3168
3167
  }
3169
3168
  ],
3169
+ "appName": "Helpdesk",
3170
3170
  "navItems": [
3171
3171
  {
3172
- "href": "/tickets",
3173
3172
  "icon": "inbox",
3174
- "label": "Tickets"
3173
+ "label": "Tickets",
3174
+ "href": "/tickets"
3175
3175
  },
3176
3176
  {
3177
+ "icon": "message-circle",
3177
3178
  "label": "Responses",
3178
- "href": "/responses",
3179
- "icon": "message-circle"
3179
+ "href": "/responses"
3180
3180
  },
3181
3181
  {
3182
+ "label": "Metrics",
3182
3183
  "href": "/metrics",
3183
- "icon": "layout-list",
3184
- "label": "Metrics"
3184
+ "icon": "layout-list"
3185
3185
  }
3186
3186
  ]
3187
3187
  }
@@ -3207,33 +3207,13 @@
3207
3207
  "render-ui",
3208
3208
  "main",
3209
3209
  {
3210
- "appName": "Helpdesk",
3211
- "navItems": [
3212
- {
3213
- "href": "/tickets",
3214
- "label": "Tickets",
3215
- "icon": "inbox"
3216
- },
3217
- {
3218
- "label": "Responses",
3219
- "href": "/responses",
3220
- "icon": "message-circle"
3221
- },
3222
- {
3223
- "href": "/metrics",
3224
- "label": "Metrics",
3225
- "icon": "layout-list"
3226
- }
3227
- ],
3228
3210
  "type": "dashboard-layout",
3229
3211
  "children": [
3230
3212
  {
3231
3213
  "children": [
3232
3214
  {
3233
- "type": "stack",
3234
3215
  "children": [
3235
3216
  {
3236
- "type": "breadcrumb",
3237
3217
  "items": [
3238
3218
  {
3239
3219
  "href": "/",
@@ -3242,125 +3222,126 @@
3242
3222
  {
3243
3223
  "label": "Support Metrics"
3244
3224
  }
3245
- ]
3225
+ ],
3226
+ "type": "breadcrumb"
3246
3227
  },
3247
3228
  {
3229
+ "direction": "horizontal",
3230
+ "gap": "md",
3231
+ "type": "stack",
3248
3232
  "children": [
3249
3233
  {
3250
- "gap": "md",
3251
3234
  "type": "stack",
3235
+ "direction": "horizontal",
3252
3236
  "children": [
3253
3237
  {
3254
- "type": "icon",
3255
- "name": "activity"
3238
+ "name": "activity",
3239
+ "type": "icon"
3256
3240
  },
3257
3241
  {
3258
- "type": "typography",
3259
3242
  "content": "Support Metrics",
3260
- "variant": "h2"
3243
+ "variant": "h2",
3244
+ "type": "typography"
3261
3245
  }
3262
3246
  ],
3263
- "direction": "horizontal"
3247
+ "gap": "md"
3264
3248
  },
3265
3249
  {
3266
- "icon": "refresh-cw",
3250
+ "type": "button",
3267
3251
  "label": "Refresh",
3252
+ "icon": "refresh-cw",
3268
3253
  "variant": "secondary",
3269
- "action": "REFRESH",
3270
- "type": "button"
3254
+ "action": "REFRESH"
3271
3255
  }
3272
3256
  ],
3273
- "type": "stack",
3274
- "direction": "horizontal",
3275
- "gap": "md",
3276
3257
  "justify": "between"
3277
3258
  },
3278
3259
  {
3279
3260
  "type": "divider"
3280
3261
  },
3281
3262
  {
3282
- "padding": "md",
3283
3263
  "children": [
3284
3264
  {
3285
- "type": "simple-grid",
3286
3265
  "cols": 3.0,
3287
3266
  "children": [
3288
3267
  {
3289
- "value": "@entity.openTickets",
3268
+ "type": "stat-display",
3290
3269
  "label": "OpenTickets",
3291
- "type": "stat-display"
3270
+ "value": "@entity.openTickets"
3292
3271
  },
3293
3272
  {
3294
- "value": "@entity.resolvedTickets",
3295
3273
  "type": "stat-display",
3274
+ "value": "@entity.resolvedTickets",
3296
3275
  "label": "ResolvedTickets"
3297
3276
  },
3298
3277
  {
3299
3278
  "children": [
3300
3279
  {
3301
- "direction": "vertical",
3302
3280
  "type": "stack",
3281
+ "gap": "sm",
3282
+ "direction": "vertical",
3303
3283
  "children": [
3304
3284
  {
3285
+ "variant": "caption",
3305
3286
  "content": "AvgResponseTime",
3306
- "type": "typography",
3307
- "variant": "caption"
3287
+ "type": "typography"
3308
3288
  },
3309
3289
  {
3310
- "type": "typography",
3311
3290
  "variant": "h3",
3312
- "content": "@entity.avgResponseTime"
3291
+ "content": "@entity.avgResponseTime",
3292
+ "type": "typography"
3313
3293
  }
3314
- ],
3315
- "gap": "sm"
3294
+ ]
3316
3295
  }
3317
3296
  ],
3318
3297
  "type": "card"
3319
3298
  },
3320
3299
  {
3300
+ "label": "SatisfactionScore",
3321
3301
  "value": "@entity.satisfactionScore",
3322
- "type": "stat-display",
3323
- "label": "SatisfactionScore"
3302
+ "type": "stat-display"
3324
3303
  },
3325
3304
  {
3326
- "value": "@entity.activeAgents",
3305
+ "label": "ActiveAgents",
3327
3306
  "type": "stat-display",
3328
- "label": "ActiveAgents"
3307
+ "value": "@entity.activeAgents"
3329
3308
  }
3330
- ]
3309
+ ],
3310
+ "type": "simple-grid"
3331
3311
  }
3332
3312
  ],
3313
+ "padding": "md",
3333
3314
  "type": "box"
3334
3315
  },
3335
3316
  {
3336
3317
  "type": "divider"
3337
3318
  },
3338
3319
  {
3320
+ "type": "grid",
3339
3321
  "cols": 2.0,
3322
+ "gap": "md",
3340
3323
  "children": [
3341
3324
  {
3325
+ "type": "card",
3342
3326
  "children": [
3343
3327
  {
3344
3328
  "type": "typography",
3345
- "content": "Chart View",
3346
- "variant": "caption"
3329
+ "variant": "caption",
3330
+ "content": "Chart View"
3347
3331
  }
3348
- ],
3349
- "type": "card"
3332
+ ]
3350
3333
  },
3351
3334
  {
3335
+ "type": "card",
3352
3336
  "children": [
3353
3337
  {
3354
3338
  "type": "typography",
3355
- "content": "Graph View",
3356
- "variant": "caption"
3339
+ "variant": "caption",
3340
+ "content": "Graph View"
3357
3341
  }
3358
- ],
3359
- "type": "card"
3342
+ ]
3360
3343
  }
3361
- ],
3362
- "type": "grid",
3363
- "gap": "md"
3344
+ ]
3364
3345
  },
3365
3346
  {
3366
3347
  "data": [
@@ -3369,8 +3350,8 @@
3369
3350
  "value": 12.0
3370
3351
  },
3371
3352
  {
3372
- "value": 19.0,
3373
- "date": "Feb"
3353
+ "date": "Feb",
3354
+ "value": 19.0
3374
3355
  },
3375
3356
  {
3376
3357
  "value": 15.0,
@@ -3392,21 +3373,21 @@
3392
3373
  "type": "line-chart"
3393
3374
  },
3394
3375
  {
3376
+ "type": "chart-legend",
3395
3377
  "items": [
3396
3378
  {
3397
3379
  "label": "Current",
3398
3380
  "color": "primary"
3399
3381
  },
3400
3382
  {
3401
- "color": "muted",
3402
- "label": "Previous"
3383
+ "label": "Previous",
3384
+ "color": "muted"
3403
3385
  }
3404
- ],
3405
- "type": "chart-legend"
3386
+ ]
3406
3387
  },
3407
3388
  {
3389
+ "width": 400.0,
3408
3390
  "height": 200.0,
3409
- "type": "graph-view",
3410
3391
  "nodes": [
3411
3392
  {
3412
3393
  "id": "a",
@@ -3431,15 +3412,34 @@
3431
3412
  "target": "c"
3432
3413
  }
3433
3414
  ],
3434
- "width": 400.0
3415
+ "type": "graph-view"
3435
3416
  }
3436
3417
  ],
3437
3418
  "gap": "lg",
3438
- "direction": "vertical"
3419
+ "direction": "vertical",
3420
+ "type": "stack"
3439
3421
  }
3440
3422
  ],
3441
3423
  "type": "scaled-diagram"
3442
3424
  }
3425
+ ],
3426
+ "appName": "Helpdesk",
3427
+ "navItems": [
3428
+ {
3429
+ "icon": "inbox",
3430
+ "label": "Tickets",
3431
+ "href": "/tickets"
3432
+ },
3433
+ {
3434
+ "icon": "message-circle",
3435
+ "href": "/responses",
3436
+ "label": "Responses"
3437
+ },
3438
+ {
3439
+ "icon": "layout-list",
3440
+ "label": "Metrics",
3441
+ "href": "/metrics"
3442
+ }
3443
3443
  ]
3444
3444
  }
3445
3445
  ]
@@ -3455,8 +3455,8 @@
3455
3455
  "SupportMetrics",
3456
3456
  {
3457
3457
  "emit": {
3458
- "success": "SupportMetricsLoaded",
3459
- "failure": "SupportMetricsLoadFailed"
3458
+ "failure": "SupportMetricsLoadFailed",
3459
+ "success": "SupportMetricsLoaded"
3460
3460
  }
3461
3461
  }
3462
3462
  ],
@@ -3465,31 +3465,13 @@
3465
3465
  "main",
3466
3466
  {
3467
3467
  "type": "dashboard-layout",
3468
- "navItems": [
3469
- {
3470
- "href": "/tickets",
3471
- "label": "Tickets",
3472
- "icon": "inbox"
3473
- },
3474
- {
3475
- "label": "Responses",
3476
- "href": "/responses",
3477
- "icon": "message-circle"
3478
- },
3479
- {
3480
- "icon": "layout-list",
3481
- "href": "/metrics",
3482
- "label": "Metrics"
3483
- }
3484
- ],
3485
3468
  "children": [
3486
3469
  {
3470
+ "type": "scaled-diagram",
3487
3471
  "children": [
3488
3472
  {
3489
- "direction": "vertical",
3490
3473
  "children": [
3491
3474
  {
3492
- "type": "breadcrumb",
3493
3475
  "items": [
3494
3476
  {
3495
3477
  "label": "Home",
@@ -3498,38 +3480,39 @@
3498
3480
  {
3499
3481
  "label": "Support Metrics"
3500
3482
  }
3501
- ]
3483
+ ],
3484
+ "type": "breadcrumb"
3502
3485
  },
3503
3486
  {
3487
+ "gap": "md",
3488
+ "direction": "horizontal",
3489
+ "justify": "between",
3490
+ "type": "stack",
3504
3491
  "children": [
3505
3492
  {
3493
+ "gap": "md",
3506
3494
  "type": "stack",
3495
+ "direction": "horizontal",
3507
3496
  "children": [
3508
3497
  {
3509
- "type": "icon",
3510
- "name": "activity"
3498
+ "name": "activity",
3499
+ "type": "icon"
3511
3500
  },
3512
3501
  {
3513
3502
  "variant": "h2",
3514
3503
  "type": "typography",
3515
3504
  "content": "Support Metrics"
3516
3505
  }
3517
- ],
3518
- "gap": "md",
3519
- "direction": "horizontal"
3506
+ ]
3520
3507
  },
3521
3508
  {
3522
- "type": "button",
3523
- "label": "Refresh",
3524
3509
  "icon": "refresh-cw",
3510
+ "type": "button",
3525
3511
  "action": "REFRESH",
3512
+ "label": "Refresh",
3526
3513
  "variant": "secondary"
3527
3514
  }
3528
- ],
3529
- "direction": "horizontal",
3530
- "justify": "between",
3531
- "gap": "md",
3532
- "type": "stack"
3515
+ ]
3533
3516
  },
3534
3517
  {
3535
3518
  "type": "divider"
@@ -3546,14 +3529,13 @@
3546
3529
  "value": "@entity.openTickets"
3547
3530
  },
3548
3531
  {
3549
- "value": "@entity.resolvedTickets",
3550
3532
  "type": "stat-display",
3551
- "label": "ResolvedTickets"
3533
+ "label": "ResolvedTickets",
3534
+ "value": "@entity.resolvedTickets"
3552
3535
  },
3553
3536
  {
3554
3537
  "children": [
3555
3538
  {
3556
- "gap": "sm",
3557
3539
  "children": [
3558
3540
  {
3559
3541
  "type": "typography",
@@ -3566,21 +3548,22 @@
3566
3548
  "content": "@entity.avgResponseTime"
3567
3549
  }
3568
3550
  ],
3569
- "type": "stack",
3570
- "direction": "vertical"
3551
+ "gap": "sm",
3552
+ "direction": "vertical",
3553
+ "type": "stack"
3571
3554
  }
3572
3555
  ],
3573
3556
  "type": "card"
3574
3557
  },
3575
3558
  {
3576
- "label": "SatisfactionScore",
3577
3559
  "type": "stat-display",
3578
- "value": "@entity.satisfactionScore"
3560
+ "value": "@entity.satisfactionScore",
3561
+ "label": "SatisfactionScore"
3579
3562
  },
3580
3563
  {
3564
+ "type": "stat-display",
3581
3565
  "label": "ActiveAgents",
3582
- "value": "@entity.activeAgents",
3583
- "type": "stat-display"
3566
+ "value": "@entity.activeAgents"
3584
3567
  }
3585
3568
  ],
3586
3569
  "type": "simple-grid",
@@ -3597,21 +3580,21 @@
3597
3580
  "gap": "md",
3598
3581
  "children": [
3599
3582
  {
3583
+ "type": "card",
3600
3584
  "children": [
3601
3585
  {
3586
+ "variant": "caption",
3602
3587
  "content": "Chart View",
3603
- "type": "typography",
3604
- "variant": "caption"
3588
+ "type": "typography"
3605
3589
  }
3606
- ],
3607
- "type": "card"
3590
+ ]
3608
3591
  },
3609
3592
  {
3610
3593
  "type": "card",
3611
3594
  "children": [
3612
3595
  {
3613
- "content": "Graph View",
3614
3596
  "type": "typography",
3597
+ "content": "Graph View",
3615
3598
  "variant": "caption"
3616
3599
  }
3617
3600
  ]
@@ -3619,10 +3602,11 @@
3619
3602
  ]
3620
3603
  },
3621
3604
  {
3605
+ "type": "line-chart",
3622
3606
  "data": [
3623
3607
  {
3624
- "date": "Jan",
3625
- "value": 12.0
3608
+ "value": 12.0,
3609
+ "date": "Jan"
3626
3610
  },
3627
3611
  {
3628
3612
  "date": "Feb",
@@ -3644,8 +3628,7 @@
3644
3628
  "date": "Jun",
3645
3629
  "value": 30.0
3646
3630
  }
3647
- ],
3648
- "type": "line-chart"
3631
+ ]
3649
3632
  },
3650
3633
  {
3651
3634
  "type": "chart-legend",
@@ -3655,8 +3638,8 @@
3655
3638
  "color": "primary"
3656
3639
  },
3657
3640
  {
3658
- "label": "Previous",
3659
- "color": "muted"
3641
+ "color": "muted",
3642
+ "label": "Previous"
3660
3643
  }
3661
3644
  ]
3662
3645
  },
@@ -3664,20 +3647,20 @@
3664
3647
  "type": "graph-view",
3665
3648
  "nodes": [
3666
3649
  {
3667
- "id": "a",
3668
- "label": "Start"
3650
+ "label": "Start",
3651
+ "id": "a"
3669
3652
  },
3670
3653
  {
3671
3654
  "id": "b",
3672
3655
  "label": "Process"
3673
3656
  },
3674
3657
  {
3675
- "label": "End",
3676
- "id": "c"
3658
+ "id": "c",
3659
+ "label": "End"
3677
3660
  }
3678
3661
  ],
3679
- "width": 400.0,
3680
3662
  "height": 200.0,
3663
+ "width": 400.0,
3681
3664
  "edges": [
3682
3665
  {
3683
3666
  "source": "a",
@@ -3690,11 +3673,28 @@
3690
3673
  ]
3691
3674
  }
3692
3675
  ],
3693
- "type": "stack",
3694
- "gap": "lg"
3676
+ "direction": "vertical",
3677
+ "gap": "lg",
3678
+ "type": "stack"
3695
3679
  }
3696
- ],
3697
- "type": "scaled-diagram"
3680
+ ]
3681
+ }
3682
+ ],
3683
+ "navItems": [
3684
+ {
3685
+ "icon": "inbox",
3686
+ "label": "Tickets",
3687
+ "href": "/tickets"
3688
+ },
3689
+ {
3690
+ "icon": "message-circle",
3691
+ "label": "Responses",
3692
+ "href": "/responses"
3693
+ },
3694
+ {
3695
+ "href": "/metrics",
3696
+ "icon": "layout-list",
3697
+ "label": "Metrics"
3698
3698
  }
3699
3699
  ],
3700
3700
  "appName": "Helpdesk"
@@ -3721,29 +3721,15 @@
3721
3721
  "render-ui",
3722
3722
  "main",
3723
3723
  {
3724
- "type": "dashboard-layout",
3725
- "navItems": [
3726
- {
3727
- "href": "/tickets",
3728
- "icon": "inbox",
3729
- "label": "Tickets"
3730
- },
3731
- {
3732
- "label": "Responses",
3733
- "href": "/responses",
3734
- "icon": "message-circle"
3735
- },
3736
- {
3737
- "icon": "layout-list",
3738
- "label": "Metrics",
3739
- "href": "/metrics"
3740
- }
3741
- ],
3724
+ "appName": "Helpdesk",
3742
3725
  "children": [
3743
3726
  {
3744
3727
  "type": "scaled-diagram",
3745
3728
  "children": [
3746
3729
  {
3730
+ "direction": "vertical",
3731
+ "type": "stack",
3732
+ "gap": "lg",
3747
3733
  "children": [
3748
3734
  {
3749
3735
  "items": [
@@ -3758,8 +3744,6 @@
3758
3744
  "type": "breadcrumb"
3759
3745
  },
3760
3746
  {
3761
- "gap": "md",
3762
- "justify": "between",
3763
3747
  "children": [
3764
3748
  {
3765
3749
  "children": [
@@ -3768,37 +3752,41 @@
3768
3752
  "name": "activity"
3769
3753
  },
3770
3754
  {
3771
- "content": "Support Metrics",
3772
3755
  "type": "typography",
3756
+ "content": "Support Metrics",
3773
3757
  "variant": "h2"
3774
3758
  }
3775
3759
  ],
3776
3760
  "type": "stack",
3777
- "direction": "horizontal",
3778
- "gap": "md"
3761
+ "gap": "md",
3762
+ "direction": "horizontal"
3779
3763
  },
3780
3764
  {
3765
+ "type": "button",
3781
3766
  "icon": "refresh-cw",
3782
3767
  "variant": "secondary",
3783
- "type": "button",
3784
3768
  "label": "Refresh",
3785
3769
  "action": "REFRESH"
3786
3770
  }
3787
3771
  ],
3788
3772
  "type": "stack",
3789
- "direction": "horizontal"
3773
+ "direction": "horizontal",
3774
+ "justify": "between",
3775
+ "gap": "md"
3790
3776
  },
3791
3777
  {
3792
3778
  "type": "divider"
3793
3779
  },
3794
3780
  {
3781
+ "padding": "md",
3782
+ "type": "box",
3795
3783
  "children": [
3796
3784
  {
3797
3785
  "children": [
3798
3786
  {
3799
- "value": "@entity.openTickets",
3787
+ "label": "OpenTickets",
3800
3788
  "type": "stat-display",
3801
- "label": "OpenTickets"
3789
+ "value": "@entity.openTickets"
3802
3790
  },
3803
3791
  {
3804
3792
  "value": "@entity.resolvedTickets",
@@ -3806,11 +3794,11 @@
3806
3794
  "label": "ResolvedTickets"
3807
3795
  },
3808
3796
  {
3797
+ "type": "card",
3809
3798
  "children": [
3810
3799
  {
3811
- "type": "stack",
3812
- "direction": "vertical",
3813
3800
  "gap": "sm",
3801
+ "direction": "vertical",
3814
3802
  "children": [
3815
3803
  {
3816
3804
  "type": "typography",
@@ -3822,15 +3810,15 @@
3822
3810
  "content": "@entity.avgResponseTime",
3823
3811
  "variant": "h3"
3824
3812
  }
3825
- ]
3813
+ ],
3814
+ "type": "stack"
3826
3815
  }
3827
- ],
3828
- "type": "card"
3816
+ ]
3829
3817
  },
3830
3818
  {
3831
- "label": "SatisfactionScore",
3819
+ "type": "stat-display",
3832
3820
  "value": "@entity.satisfactionScore",
3833
- "type": "stat-display"
3821
+ "label": "SatisfactionScore"
3834
3822
  },
3835
3823
  {
3836
3824
  "label": "ActiveAgents",
@@ -3838,12 +3826,10 @@
3838
3826
  "type": "stat-display"
3839
3827
  }
3840
3828
  ],
3841
- "cols": 3.0,
3842
- "type": "simple-grid"
3829
+ "type": "simple-grid",
3830
+ "cols": 3.0
3843
3831
  }
3844
- ],
3845
- "type": "box",
3846
- "padding": "md"
3832
+ ]
3847
3833
  },
3848
3834
  {
3849
3835
  "type": "divider"
@@ -3851,21 +3837,21 @@
3851
3837
  {
3852
3838
  "children": [
3853
3839
  {
3854
- "type": "card",
3855
3840
  "children": [
3856
3841
  {
3857
- "variant": "caption",
3858
3842
  "content": "Chart View",
3859
- "type": "typography"
3843
+ "type": "typography",
3844
+ "variant": "caption"
3860
3845
  }
3861
- ]
3846
+ ],
3847
+ "type": "card"
3862
3848
  },
3863
3849
  {
3864
3850
  "children": [
3865
3851
  {
3866
- "type": "typography",
3852
+ "variant": "caption",
3867
3853
  "content": "Graph View",
3868
- "variant": "caption"
3854
+ "type": "typography"
3869
3855
  }
3870
3856
  ],
3871
3857
  "type": "card"
@@ -3878,8 +3864,8 @@
3878
3864
  {
3879
3865
  "data": [
3880
3866
  {
3881
- "date": "Jan",
3882
- "value": 12.0
3867
+ "value": 12.0,
3868
+ "date": "Jan"
3883
3869
  },
3884
3870
  {
3885
3871
  "date": "Feb",
@@ -3890,35 +3876,48 @@
3890
3876
  "value": 15.0
3891
3877
  },
3892
3878
  {
3893
- "date": "Apr",
3894
- "value": 25.0
3879
+ "value": 25.0,
3880
+ "date": "Apr"
3895
3881
  },
3896
3882
  {
3897
3883
  "date": "May",
3898
3884
  "value": 22.0
3899
3885
  },
3900
3886
  {
3901
- "value": 30.0,
3902
- "date": "Jun"
3887
+ "date": "Jun",
3888
+ "value": 30.0
3903
3889
  }
3904
3890
  ],
3905
3891
  "type": "line-chart"
3906
3892
  },
3907
3893
  {
3908
- "type": "chart-legend",
3909
3894
  "items": [
3910
3895
  {
3911
3896
  "label": "Current",
3912
3897
  "color": "primary"
3913
3898
  },
3914
3899
  {
3915
- "color": "muted",
3916
- "label": "Previous"
3900
+ "label": "Previous",
3901
+ "color": "muted"
3917
3902
  }
3918
- ]
3903
+ ],
3904
+ "type": "chart-legend"
3919
3905
  },
3920
3906
  {
3921
- "height": 200.0,
3907
+ "nodes": [
3908
+ {
3909
+ "id": "a",
3910
+ "label": "Start"
3911
+ },
3912
+ {
3913
+ "id": "b",
3914
+ "label": "Process"
3915
+ },
3916
+ {
3917
+ "id": "c",
3918
+ "label": "End"
3919
+ }
3920
+ ],
3922
3921
  "edges": [
3923
3922
  {
3924
3923
  "target": "b",
@@ -3931,30 +3930,31 @@
3931
3930
  ],
3932
3931
  "type": "graph-view",
3933
3932
  "width": 400.0,
3934
- "nodes": [
3935
- {
3936
- "label": "Start",
3937
- "id": "a"
3938
- },
3939
- {
3940
- "id": "b",
3941
- "label": "Process"
3942
- },
3943
- {
3944
- "id": "c",
3945
- "label": "End"
3946
- }
3947
- ]
3933
+ "height": 200.0
3948
3934
  }
3949
- ],
3950
- "gap": "lg",
3951
- "type": "stack",
3952
- "direction": "vertical"
3935
+ ]
3953
3936
  }
3954
3937
  ]
3955
3938
  }
3956
3939
  ],
3957
- "appName": "Helpdesk"
3940
+ "navItems": [
3941
+ {
3942
+ "href": "/tickets",
3943
+ "label": "Tickets",
3944
+ "icon": "inbox"
3945
+ },
3946
+ {
3947
+ "label": "Responses",
3948
+ "href": "/responses",
3949
+ "icon": "message-circle"
3950
+ },
3951
+ {
3952
+ "icon": "layout-list",
3953
+ "label": "Metrics",
3954
+ "href": "/metrics"
3955
+ }
3956
+ ],
3957
+ "type": "dashboard-layout"
3958
3958
  }
3959
3959
  ]
3960
3960
  ]
@@ -3978,12 +3978,28 @@
3978
3978
  "render-ui",
3979
3979
  "main",
3980
3980
  {
3981
- "appName": "Helpdesk",
3982
- "type": "dashboard-layout",
3981
+ "navItems": [
3982
+ {
3983
+ "href": "/tickets",
3984
+ "icon": "inbox",
3985
+ "label": "Tickets"
3986
+ },
3987
+ {
3988
+ "icon": "message-circle",
3989
+ "href": "/responses",
3990
+ "label": "Responses"
3991
+ },
3992
+ {
3993
+ "label": "Metrics",
3994
+ "href": "/metrics",
3995
+ "icon": "layout-list"
3996
+ }
3997
+ ],
3983
3998
  "children": [
3984
3999
  {
3985
4000
  "children": [
3986
4001
  {
4002
+ "type": "stack",
3987
4003
  "gap": "lg",
3988
4004
  "children": [
3989
4005
  {
@@ -3999,9 +4015,11 @@
3999
4015
  "type": "breadcrumb"
4000
4016
  },
4001
4017
  {
4002
- "direction": "horizontal",
4018
+ "type": "stack",
4019
+ "justify": "between",
4003
4020
  "children": [
4004
4021
  {
4022
+ "gap": "md",
4005
4023
  "children": [
4006
4024
  {
4007
4025
  "name": "activity",
@@ -4009,39 +4027,37 @@
4009
4027
  },
4010
4028
  {
4011
4029
  "type": "typography",
4012
- "content": "Support Metrics",
4013
- "variant": "h2"
4030
+ "variant": "h2",
4031
+ "content": "Support Metrics"
4014
4032
  }
4015
4033
  ],
4016
- "direction": "horizontal",
4017
- "gap": "md",
4018
- "type": "stack"
4034
+ "type": "stack",
4035
+ "direction": "horizontal"
4019
4036
  },
4020
4037
  {
4038
+ "label": "Refresh",
4021
4039
  "action": "REFRESH",
4022
4040
  "type": "button",
4023
- "label": "Refresh",
4024
4041
  "variant": "secondary",
4025
4042
  "icon": "refresh-cw"
4026
4043
  }
4027
4044
  ],
4028
- "gap": "md",
4029
- "type": "stack",
4030
- "justify": "between"
4045
+ "direction": "horizontal",
4046
+ "gap": "md"
4031
4047
  },
4032
4048
  {
4033
4049
  "type": "divider"
4034
4050
  },
4035
4051
  {
4036
- "type": "box",
4037
4052
  "children": [
4038
4053
  {
4054
+ "cols": 3.0,
4039
4055
  "type": "simple-grid",
4040
4056
  "children": [
4041
4057
  {
4042
- "type": "stat-display",
4058
+ "label": "OpenTickets",
4043
4059
  "value": "@entity.openTickets",
4044
- "label": "OpenTickets"
4060
+ "type": "stat-display"
4045
4061
  },
4046
4062
  {
4047
4063
  "type": "stat-display",
@@ -4049,26 +4065,26 @@
4049
4065
  "value": "@entity.resolvedTickets"
4050
4066
  },
4051
4067
  {
4068
+ "type": "card",
4052
4069
  "children": [
4053
4070
  {
4054
4071
  "direction": "vertical",
4072
+ "gap": "sm",
4055
4073
  "type": "stack",
4056
4074
  "children": [
4057
4075
  {
4058
4076
  "content": "AvgResponseTime",
4059
- "type": "typography",
4060
- "variant": "caption"
4077
+ "variant": "caption",
4078
+ "type": "typography"
4061
4079
  },
4062
4080
  {
4063
- "variant": "h3",
4064
4081
  "content": "@entity.avgResponseTime",
4065
- "type": "typography"
4082
+ "type": "typography",
4083
+ "variant": "h3"
4066
4084
  }
4067
- ],
4068
- "gap": "sm"
4085
+ ]
4069
4086
  }
4070
- ],
4071
- "type": "card"
4087
+ ]
4072
4088
  },
4073
4089
  {
4074
4090
  "value": "@entity.satisfactionScore",
@@ -4076,30 +4092,27 @@
4076
4092
  "label": "SatisfactionScore"
4077
4093
  },
4078
4094
  {
4079
- "label": "ActiveAgents",
4080
4095
  "type": "stat-display",
4081
- "value": "@entity.activeAgents"
4096
+ "value": "@entity.activeAgents",
4097
+ "label": "ActiveAgents"
4082
4098
  }
4083
- ],
4084
- "cols": 3.0
4099
+ ]
4085
4100
  }
4086
4101
  ],
4102
+ "type": "box",
4087
4103
  "padding": "md"
4088
4104
  },
4089
4105
  {
4090
4106
  "type": "divider"
4091
4107
  },
4092
4108
  {
4093
- "cols": 2.0,
4094
- "type": "grid",
4095
- "gap": "md",
4096
4109
  "children": [
4097
4110
  {
4098
4111
  "children": [
4099
4112
  {
4100
- "content": "Chart View",
4101
4113
  "type": "typography",
4102
- "variant": "caption"
4114
+ "variant": "caption",
4115
+ "content": "Chart View"
4103
4116
  }
4104
4117
  ],
4105
4118
  "type": "card"
@@ -4108,27 +4121,31 @@
4108
4121
  "type": "card",
4109
4122
  "children": [
4110
4123
  {
4111
- "content": "Graph View",
4112
4124
  "type": "typography",
4113
- "variant": "caption"
4125
+ "variant": "caption",
4126
+ "content": "Graph View"
4114
4127
  }
4115
4128
  ]
4116
4129
  }
4117
- ]
4130
+ ],
4131
+ "type": "grid",
4132
+ "gap": "md",
4133
+ "cols": 2.0
4118
4134
  },
4119
4135
  {
4136
+ "type": "line-chart",
4120
4137
  "data": [
4121
4138
  {
4122
4139
  "date": "Jan",
4123
4140
  "value": 12.0
4124
4141
  },
4125
4142
  {
4126
- "value": 19.0,
4127
- "date": "Feb"
4143
+ "date": "Feb",
4144
+ "value": 19.0
4128
4145
  },
4129
4146
  {
4130
- "value": 15.0,
4131
- "date": "Mar"
4147
+ "date": "Mar",
4148
+ "value": 15.0
4132
4149
  },
4133
4150
  {
4134
4151
  "value": 25.0,
@@ -4139,36 +4156,25 @@
4139
4156
  "date": "May"
4140
4157
  },
4141
4158
  {
4142
- "value": 30.0,
4143
- "date": "Jun"
4159
+ "date": "Jun",
4160
+ "value": 30.0
4144
4161
  }
4145
- ],
4146
- "type": "line-chart"
4162
+ ]
4147
4163
  },
4148
4164
  {
4149
- "type": "chart-legend",
4150
4165
  "items": [
4151
4166
  {
4152
4167
  "color": "primary",
4153
4168
  "label": "Current"
4154
4169
  },
4155
4170
  {
4156
- "label": "Previous",
4157
- "color": "muted"
4171
+ "color": "muted",
4172
+ "label": "Previous"
4158
4173
  }
4159
- ]
4174
+ ],
4175
+ "type": "chart-legend"
4160
4176
  },
4161
4177
  {
4162
- "edges": [
4163
- {
4164
- "source": "a",
4165
- "target": "b"
4166
- },
4167
- {
4168
- "source": "b",
4169
- "target": "c"
4170
- }
4171
- ],
4172
4178
  "width": 400.0,
4173
4179
  "nodes": [
4174
4180
  {
@@ -4176,42 +4182,36 @@
4176
4182
  "label": "Start"
4177
4183
  },
4178
4184
  {
4179
- "id": "b",
4180
- "label": "Process"
4185
+ "label": "Process",
4186
+ "id": "b"
4187
+ },
4188
+ {
4189
+ "id": "c",
4190
+ "label": "End"
4191
+ }
4192
+ ],
4193
+ "edges": [
4194
+ {
4195
+ "target": "b",
4196
+ "source": "a"
4181
4197
  },
4182
4198
  {
4183
- "label": "End",
4184
- "id": "c"
4199
+ "source": "b",
4200
+ "target": "c"
4185
4201
  }
4186
4202
  ],
4187
4203
  "type": "graph-view",
4188
4204
  "height": 200.0
4189
4205
  }
4190
4206
  ],
4191
- "direction": "vertical",
4192
- "type": "stack"
4207
+ "direction": "vertical"
4193
4208
  }
4194
4209
  ],
4195
4210
  "type": "scaled-diagram"
4196
4211
  }
4197
4212
  ],
4198
- "navItems": [
4199
- {
4200
- "icon": "inbox",
4201
- "label": "Tickets",
4202
- "href": "/tickets"
4203
- },
4204
- {
4205
- "href": "/responses",
4206
- "icon": "message-circle",
4207
- "label": "Responses"
4208
- },
4209
- {
4210
- "icon": "layout-list",
4211
- "label": "Metrics",
4212
- "href": "/metrics"
4213
- }
4214
- ]
4213
+ "appName": "Helpdesk",
4214
+ "type": "dashboard-layout"
4215
4215
  }
4216
4216
  ]
4217
4217
  ]
@@ -4234,4 +4234,4 @@
4234
4234
  ]
4235
4235
  }
4236
4236
  ]
4237
- }
4237
+ }