@almadar/std 9.0.0 → 11.0.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 +80 -80
  2. package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +103 -103
  3. package/behaviors/registry/agent/atoms/std-agent-classifier.orb +131 -113
  4. package/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  5. package/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  6. package/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  7. package/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  8. package/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  9. package/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  10. package/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  11. package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  12. package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  13. package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  14. package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  15. package/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  16. package/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  17. package/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  18. package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +188 -188
  19. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1097 -1072
  20. package/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  21. package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  22. package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  23. package/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  24. package/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  25. package/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  26. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  27. package/behaviors/registry/app/organisms/std-cms.orb +608 -512
  28. package/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  29. package/behaviors/registry/app/organisms/std-crm.orb +887 -791
  30. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  31. package/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  32. package/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  33. package/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  34. package/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  35. package/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  36. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  37. package/behaviors/registry/app/organisms/std-lms.orb +935 -893
  38. package/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  39. package/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  40. package/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  41. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  42. package/behaviors/registry/core/atoms/std-browse.orb +56 -56
  43. package/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  44. package/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  45. package/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  46. package/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  47. package/behaviors/registry/core/atoms/std-display.orb +388 -388
  48. package/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  49. package/behaviors/registry/core/atoms/std-filter.orb +47 -47
  50. package/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  51. package/behaviors/registry/core/atoms/std-modal.orb +12 -12
  52. package/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  53. package/behaviors/registry/core/atoms/std-push.orb +43 -43
  54. package/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  55. package/behaviors/registry/core/atoms/std-related.orb +37 -37
  56. package/behaviors/registry/core/atoms/std-search.orb +68 -68
  57. package/behaviors/registry/core/atoms/std-selection.orb +90 -90
  58. package/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  59. package/behaviors/registry/core/molecules/std-cart.orb +55 -59
  60. package/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  61. package/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  62. package/behaviors/registry/core/molecules/std-list.orb +79 -85
  63. package/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  64. package/behaviors/registry/game/atoms/std-collision.orb +122 -122
  65. package/behaviors/registry/game/atoms/std-combat.orb +66 -66
  66. package/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  67. package/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  68. package/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  69. package/behaviors/registry/game/atoms/std-movement.orb +291 -291
  70. package/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  71. package/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  72. package/behaviors/registry/game/atoms/std-quest.orb +133 -133
  73. package/behaviors/registry/game/atoms/std-timer.orb +291 -291
  74. package/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  75. package/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  76. package/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  77. package/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  78. package/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  79. package/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  80. package/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  81. package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  82. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  83. package/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  84. package/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  85. package/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  86. package/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  87. package/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  88. package/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  89. package/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  90. package/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  91. package/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  92. package/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  93. package/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  94. package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +80 -80
  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 +131 -113
  97. package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +116 -98
  98. package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +384 -384
  99. package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +106 -106
  100. package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +75 -75
  101. package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +163 -139
  102. package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +64 -64
  103. package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +130 -130
  104. package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +185 -185
  105. package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +344 -344
  106. package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +81 -63
  107. package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +189 -189
  108. package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +163 -163
  109. package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +120 -120
  110. package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +108 -108
  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 +1097 -1072
  113. package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +3183 -3043
  114. package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2309 -2217
  115. package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1083 -1029
  116. package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +793 -768
  117. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +929 -887
  118. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1247 -1163
  119. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +822 -780
  120. package/dist/behaviors/registry/app/organisms/std-cms.orb +608 -512
  121. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +393 -393
  122. package/dist/behaviors/registry/app/organisms/std-crm.orb +887 -791
  123. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1408 -1366
  124. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1147 -1021
  125. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +670 -616
  126. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1447 -1351
  127. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +720 -666
  128. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1286 -1202
  129. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +925 -883
  130. package/dist/behaviors/registry/app/organisms/std-lms.orb +935 -893
  131. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +834 -750
  132. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +735 -681
  133. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +235 -211
  134. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +730 -688
  135. package/dist/behaviors/registry/core/atoms/std-browse.orb +56 -56
  136. package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +95 -95
  137. package/dist/behaviors/registry/core/atoms/std-calendar.orb +54 -54
  138. package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +180 -180
  139. package/dist/behaviors/registry/core/atoms/std-confirmation.orb +25 -25
  140. package/dist/behaviors/registry/core/atoms/std-display.orb +388 -388
  141. package/dist/behaviors/registry/core/atoms/std-drawer.orb +54 -54
  142. package/dist/behaviors/registry/core/atoms/std-filter.orb +47 -47
  143. package/dist/behaviors/registry/core/atoms/std-gallery.orb +51 -51
  144. package/dist/behaviors/registry/core/atoms/std-modal.orb +12 -12
  145. package/dist/behaviors/registry/core/atoms/std-pagination.orb +42 -42
  146. package/dist/behaviors/registry/core/atoms/std-push.orb +43 -43
  147. package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +194 -194
  148. package/dist/behaviors/registry/core/atoms/std-related.orb +37 -37
  149. package/dist/behaviors/registry/core/atoms/std-search.orb +68 -68
  150. package/dist/behaviors/registry/core/atoms/std-selection.orb +90 -90
  151. package/dist/behaviors/registry/core/atoms/std-tabs.orb +44 -44
  152. package/dist/behaviors/registry/core/molecules/std-cart.orb +55 -59
  153. package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +6 -6
  154. package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +132 -132
  155. package/dist/behaviors/registry/core/molecules/std-list.orb +79 -85
  156. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +146 -146
  157. package/dist/behaviors/registry/game/atoms/std-collision.orb +122 -122
  158. package/dist/behaviors/registry/game/atoms/std-combat.orb +66 -66
  159. package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
  160. package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +43 -43
  161. package/dist/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
  162. package/dist/behaviors/registry/game/atoms/std-movement.orb +291 -291
  163. package/dist/behaviors/registry/game/atoms/std-overworld.orb +69 -69
  164. package/dist/behaviors/registry/game/atoms/std-physics2d.orb +77 -77
  165. package/dist/behaviors/registry/game/atoms/std-quest.orb +133 -133
  166. package/dist/behaviors/registry/game/atoms/std-timer.orb +291 -291
  167. package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +139 -139
  168. package/dist/behaviors/registry/game/organisms/std-logic-training.orb +81 -81
  169. package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +273 -237
  170. package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +98 -98
  171. package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +407 -371
  172. package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +378 -378
  173. package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +557 -557
  174. package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +282 -20
  175. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +84 -84
  176. package/dist/behaviors/registry/service/atoms/std-service-email.orb +88 -88
  177. package/dist/behaviors/registry/service/atoms/std-service-github.orb +88 -88
  178. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +119 -119
  179. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +122 -122
  180. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +99 -99
  181. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +109 -109
  182. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +105 -105
  183. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +112 -112
  184. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +111 -111
  185. package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +1098 -1014
  186. package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +956 -956
  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
  "direction": "vertical",
429
+ "className": "py-12",
429
430
  "type": "stack",
430
- "gap": "md",
431
431
  "align": "center",
432
- "className": "py-12",
433
432
  "children": [
434
433
  {
435
434
  "type": "spinner"
436
435
  },
437
436
  {
438
437
  "type": "typography",
439
- "content": "Loading…",
440
438
  "variant": "caption",
441
- "color": "muted"
439
+ "color": "muted",
440
+ "content": "Loading…"
442
441
  }
443
- ]
442
+ ],
443
+ "gap": "md"
444
444
  }
445
445
  ]
446
446
  ]
@@ -454,18 +454,34 @@
454
454
  "render-ui",
455
455
  "main",
456
456
  {
457
+ "navItems": [
458
+ {
459
+ "icon": "inbox",
460
+ "label": "Tickets",
461
+ "href": "/tickets"
462
+ },
463
+ {
464
+ "href": "/responses",
465
+ "icon": "message-circle",
466
+ "label": "Responses"
467
+ },
468
+ {
469
+ "label": "Metrics",
470
+ "href": "/metrics",
471
+ "icon": "layout-list"
472
+ }
473
+ ],
474
+ "type": "dashboard-layout",
457
475
  "appName": "Helpdesk",
458
476
  "children": [
459
477
  {
460
- "direction": "vertical",
461
- "type": "stack",
462
- "gap": "lg",
463
478
  "children": [
464
479
  {
465
480
  "children": [
466
481
  {
467
- "align": "center",
482
+ "type": "stack",
468
483
  "direction": "horizontal",
484
+ "align": "center",
469
485
  "gap": "sm",
470
486
  "children": [
471
487
  {
@@ -474,64 +490,62 @@
474
490
  },
475
491
  {
476
492
  "content": "Tickets",
477
- "type": "typography",
478
- "variant": "h2"
493
+ "variant": "h2",
494
+ "type": "typography"
479
495
  }
480
- ],
481
- "type": "stack"
496
+ ]
482
497
  },
483
498
  {
484
499
  "children": [
485
500
  {
501
+ "action": "CREATE",
486
502
  "type": "button",
487
503
  "label": "New Ticket",
488
- "action": "CREATE",
489
504
  "variant": "primary",
490
505
  "icon": "plus"
491
506
  }
492
507
  ],
493
- "type": "stack",
508
+ "direction": "horizontal",
494
509
  "gap": "sm",
495
- "direction": "horizontal"
510
+ "type": "stack"
496
511
  }
497
512
  ],
498
513
  "direction": "horizontal",
499
514
  "justify": "between",
515
+ "align": "center",
500
516
  "gap": "md",
501
- "type": "stack",
502
- "align": "center"
517
+ "type": "stack"
503
518
  },
504
519
  {
505
520
  "type": "divider"
506
521
  },
507
522
  {
508
- "type": "simple-grid",
509
- "cols": 1.0,
510
523
  "children": [
511
524
  {
512
- "label": "Open Tickets",
513
- "type": "stat-display",
514
525
  "icon": "inbox",
515
- "value": "@entity"
526
+ "label": "Open Tickets",
527
+ "value": "@entity",
528
+ "type": "stat-display"
516
529
  }
517
- ]
530
+ ],
531
+ "cols": 1.0,
532
+ "type": "simple-grid"
518
533
  },
519
534
  {
520
535
  "type": "divider"
521
536
  },
522
537
  {
523
- "type": "data-list",
524
538
  "entity": "@payload.data",
525
- "fields": [],
539
+ "gap": "sm",
526
540
  "itemActions": [
527
541
  {
528
- "variant": "ghost",
529
542
  "label": "View",
543
+ "variant": "ghost",
530
544
  "event": "VIEW"
531
545
  },
532
546
  {
533
- "variant": "ghost",
534
547
  "label": "Edit",
548
+ "variant": "ghost",
535
549
  "event": "EDIT"
536
550
  },
537
551
  {
@@ -540,7 +554,9 @@
540
554
  "variant": "danger"
541
555
  }
542
556
  ],
543
- "gap": "sm",
557
+ "fields": [],
558
+ "variant": "card",
559
+ "type": "data-list",
544
560
  "columns": [
545
561
  {
546
562
  "name": "subject",
@@ -552,8 +568,8 @@
552
568
  "variant": "badge"
553
569
  },
554
570
  {
555
- "variant": "badge",
556
- "name": "status"
571
+ "name": "status",
572
+ "variant": "badge"
557
573
  },
558
574
  {
559
575
  "name": "assignee",
@@ -563,31 +579,15 @@
563
579
  "name": "description",
564
580
  "variant": "caption"
565
581
  }
566
- ],
567
- "variant": "card"
582
+ ]
568
583
  }
569
584
  ],
585
+ "direction": "vertical",
586
+ "type": "stack",
587
+ "gap": "lg",
570
588
  "className": "max-w-5xl mx-auto w-full"
571
589
  }
572
- ],
573
- "navItems": [
574
- {
575
- "icon": "inbox",
576
- "label": "Tickets",
577
- "href": "/tickets"
578
- },
579
- {
580
- "href": "/responses",
581
- "icon": "message-circle",
582
- "label": "Responses"
583
- },
584
- {
585
- "label": "Metrics",
586
- "href": "/metrics",
587
- "icon": "layout-list"
588
- }
589
- ],
590
- "type": "dashboard-layout"
590
+ ]
591
591
  }
592
592
  ]
593
593
  ]
@@ -601,36 +601,36 @@
601
601
  "render-ui",
602
602
  "main",
603
603
  {
604
- "gap": "md",
604
+ "type": "stack",
605
+ "direction": "vertical",
605
606
  "align": "center",
607
+ "gap": "md",
608
+ "className": "py-12",
606
609
  "children": [
607
610
  {
608
611
  "type": "icon",
609
- "color": "destructive",
610
- "name": "alert-triangle"
612
+ "name": "alert-triangle",
613
+ "color": "destructive"
611
614
  },
612
615
  {
613
- "content": "Failed to load ticket",
614
616
  "type": "typography",
615
- "variant": "h3"
617
+ "variant": "h3",
618
+ "content": "Failed to load ticket"
616
619
  },
617
620
  {
618
- "type": "typography",
619
- "content": "@payload.error",
620
621
  "variant": "body",
621
- "color": "muted"
622
+ "color": "muted",
623
+ "type": "typography",
624
+ "content": "@payload.error"
622
625
  },
623
626
  {
624
- "icon": "rotate-ccw",
625
- "variant": "primary",
626
- "type": "button",
627
627
  "action": "INIT",
628
- "label": "Retry"
628
+ "variant": "primary",
629
+ "icon": "rotate-ccw",
630
+ "label": "Retry",
631
+ "type": "button"
629
632
  }
630
- ],
631
- "type": "stack",
632
- "className": "py-12",
633
- "direction": "vertical"
633
+ ]
634
634
  }
635
635
  ]
636
636
  ]
@@ -799,8 +799,14 @@
799
799
  "event": "INIT",
800
800
  "effects": [
801
801
  [
802
- "ref",
803
- "Ticket"
802
+ "fetch",
803
+ "Ticket",
804
+ {
805
+ "emit": {
806
+ "failure": "TicketLoadFailed",
807
+ "success": "TicketLoaded"
808
+ }
809
+ }
804
810
  ]
805
811
  ]
806
812
  },
@@ -814,8 +820,8 @@
814
820
  "Ticket",
815
821
  {
816
822
  "emit": {
817
- "success": "TicketLoaded",
818
- "failure": "TicketLoadFailed"
823
+ "failure": "TicketLoadFailed",
824
+ "success": "TicketLoaded"
819
825
  }
820
826
  }
821
827
  ],
@@ -823,14 +829,12 @@
823
829
  "render-ui",
824
830
  "modal",
825
831
  {
826
- "direction": "vertical",
827
- "gap": "md",
828
832
  "type": "stack",
833
+ "gap": "md",
834
+ "direction": "vertical",
829
835
  "children": [
830
836
  {
831
- "gap": "sm",
832
837
  "type": "stack",
833
- "direction": "horizontal",
834
838
  "children": [
835
839
  {
836
840
  "name": "plus-circle",
@@ -838,19 +842,21 @@
838
842
  },
839
843
  {
840
844
  "variant": "h3",
841
- "content": "Create Ticket",
842
- "type": "typography"
845
+ "type": "typography",
846
+ "content": "Create Ticket"
843
847
  }
844
- ]
848
+ ],
849
+ "direction": "horizontal",
850
+ "gap": "sm"
845
851
  },
846
852
  {
847
853
  "type": "divider"
848
854
  },
849
855
  {
850
- "type": "form-section",
851
856
  "submitEvent": "SAVE",
852
- "mode": "create",
857
+ "type": "form-section",
853
858
  "cancelEvent": "CLOSE",
859
+ "mode": "create",
854
860
  "fields": [
855
861
  "subject",
856
862
  "description",
@@ -900,8 +906,8 @@
900
906
  "@payload.data",
901
907
  {
902
908
  "emit": {
903
- "failure": "TicketSaveFailed",
904
- "success": "TicketSaved"
909
+ "success": "TicketSaved",
910
+ "failure": "TicketSaveFailed"
905
911
  }
906
912
  }
907
913
  ],
@@ -1098,8 +1104,14 @@
1098
1104
  "event": "INIT",
1099
1105
  "effects": [
1100
1106
  [
1101
- "ref",
1102
- "Ticket"
1107
+ "fetch",
1108
+ "Ticket",
1109
+ {
1110
+ "emit": {
1111
+ "success": "TicketLoaded",
1112
+ "failure": "TicketLoadFailed"
1113
+ }
1114
+ }
1103
1115
  ]
1104
1116
  ]
1105
1117
  },
@@ -1123,24 +1135,22 @@
1123
1135
  "render-ui",
1124
1136
  "modal",
1125
1137
  {
1126
- "direction": "vertical",
1127
- "gap": "md",
1128
1138
  "children": [
1129
1139
  {
1130
- "gap": "sm",
1131
1140
  "direction": "horizontal",
1141
+ "type": "stack",
1142
+ "gap": "sm",
1132
1143
  "children": [
1133
1144
  {
1134
- "type": "icon",
1135
- "name": "edit"
1145
+ "name": "edit",
1146
+ "type": "icon"
1136
1147
  },
1137
1148
  {
1138
- "type": "typography",
1149
+ "variant": "h3",
1139
1150
  "content": "Edit Ticket",
1140
- "variant": "h3"
1151
+ "type": "typography"
1141
1152
  }
1142
- ],
1143
- "type": "stack"
1153
+ ]
1144
1154
  },
1145
1155
  {
1146
1156
  "type": "divider"
@@ -1148,6 +1158,8 @@
1148
1158
  {
1149
1159
  "cancelEvent": "CLOSE",
1150
1160
  "entity": "@payload.row",
1161
+ "mode": "edit",
1162
+ "submitEvent": "SAVE",
1151
1163
  "fields": [
1152
1164
  "subject",
1153
1165
  "description",
@@ -1155,11 +1167,11 @@
1155
1167
  "status",
1156
1168
  "assignee"
1157
1169
  ],
1158
- "mode": "edit",
1159
- "submitEvent": "SAVE",
1160
1170
  "type": "form-section"
1161
1171
  }
1162
1172
  ],
1173
+ "direction": "vertical",
1174
+ "gap": "md",
1163
1175
  "type": "stack"
1164
1176
  }
1165
1177
  ]
@@ -1201,8 +1213,8 @@
1201
1213
  "@payload.data",
1202
1214
  {
1203
1215
  "emit": {
1204
- "failure": "TicketUpdateFailed",
1205
- "success": "TicketUpdated"
1216
+ "success": "TicketUpdated",
1217
+ "failure": "TicketUpdateFailed"
1206
1218
  }
1207
1219
  }
1208
1220
  ],
@@ -1333,8 +1345,14 @@
1333
1345
  "event": "INIT",
1334
1346
  "effects": [
1335
1347
  [
1336
- "ref",
1337
- "Ticket"
1348
+ "fetch",
1349
+ "Ticket",
1350
+ {
1351
+ "emit": {
1352
+ "failure": "TicketLoadFailed",
1353
+ "success": "TicketLoaded"
1354
+ }
1355
+ }
1338
1356
  ]
1339
1357
  ]
1340
1358
  },
@@ -1347,18 +1365,17 @@
1347
1365
  "fetch",
1348
1366
  "Ticket",
1349
1367
  {
1350
- "id": "@payload.id",
1351
1368
  "emit": {
1352
- "failure": "TicketLoadFailed",
1353
- "success": "TicketLoaded"
1354
- }
1369
+ "success": "TicketLoaded",
1370
+ "failure": "TicketLoadFailed"
1371
+ },
1372
+ "id": "@payload.id"
1355
1373
  }
1356
1374
  ],
1357
1375
  [
1358
1376
  "render-ui",
1359
1377
  "modal",
1360
1378
  {
1361
- "type": "stack",
1362
1379
  "direction": "vertical",
1363
1380
  "children": [
1364
1381
  {
@@ -1372,9 +1389,9 @@
1372
1389
  "name": "eye"
1373
1390
  },
1374
1391
  {
1375
- "type": "typography",
1376
1392
  "content": "@entity.subject",
1377
- "variant": "h3"
1393
+ "variant": "h3",
1394
+ "type": "typography"
1378
1395
  }
1379
1396
  ]
1380
1397
  },
@@ -1382,115 +1399,116 @@
1382
1399
  "type": "divider"
1383
1400
  },
1384
1401
  {
1402
+ "type": "stack",
1385
1403
  "children": [
1386
1404
  {
1387
- "type": "typography",
1388
1405
  "variant": "caption",
1406
+ "type": "typography",
1389
1407
  "content": "Subject"
1390
1408
  },
1391
1409
  {
1392
- "variant": "body",
1393
1410
  "type": "typography",
1394
- "content": "@entity.subject"
1411
+ "content": "@entity.subject",
1412
+ "variant": "body"
1395
1413
  }
1396
1414
  ],
1397
- "type": "stack",
1398
1415
  "direction": "horizontal",
1399
1416
  "gap": "md"
1400
1417
  },
1401
1418
  {
1402
- "gap": "md",
1403
1419
  "type": "stack",
1420
+ "gap": "md",
1421
+ "direction": "horizontal",
1404
1422
  "children": [
1405
1423
  {
1406
- "variant": "caption",
1407
1424
  "content": "Description",
1425
+ "variant": "caption",
1408
1426
  "type": "typography"
1409
1427
  },
1410
1428
  {
1411
- "content": "@entity.description",
1412
1429
  "type": "typography",
1413
- "variant": "body"
1430
+ "variant": "body",
1431
+ "content": "@entity.description"
1414
1432
  }
1415
- ],
1416
- "direction": "horizontal"
1433
+ ]
1417
1434
  },
1418
1435
  {
1419
- "type": "stack",
1420
- "direction": "horizontal",
1436
+ "gap": "md",
1421
1437
  "children": [
1422
1438
  {
1423
1439
  "type": "typography",
1424
- "content": "Priority",
1425
- "variant": "caption"
1440
+ "variant": "caption",
1441
+ "content": "Priority"
1426
1442
  },
1427
1443
  {
1428
- "variant": "body",
1429
1444
  "content": "@entity.priority",
1430
- "type": "typography"
1445
+ "type": "typography",
1446
+ "variant": "body"
1431
1447
  }
1432
1448
  ],
1433
- "gap": "md"
1449
+ "type": "stack",
1450
+ "direction": "horizontal"
1434
1451
  },
1435
1452
  {
1436
1453
  "gap": "md",
1454
+ "type": "stack",
1437
1455
  "children": [
1438
1456
  {
1439
- "type": "typography",
1440
1457
  "variant": "caption",
1441
- "content": "Status"
1458
+ "content": "Status",
1459
+ "type": "typography"
1442
1460
  },
1443
1461
  {
1444
- "variant": "body",
1445
1462
  "type": "typography",
1446
- "content": "@entity.status"
1463
+ "content": "@entity.status",
1464
+ "variant": "body"
1447
1465
  }
1448
1466
  ],
1449
- "direction": "horizontal",
1450
- "type": "stack"
1467
+ "direction": "horizontal"
1451
1468
  },
1452
1469
  {
1470
+ "type": "stack",
1471
+ "direction": "horizontal",
1453
1472
  "gap": "md",
1454
1473
  "children": [
1455
1474
  {
1456
- "content": "Assignee",
1475
+ "variant": "caption",
1457
1476
  "type": "typography",
1458
- "variant": "caption"
1477
+ "content": "Assignee"
1459
1478
  },
1460
1479
  {
1461
1480
  "content": "@entity.assignee",
1462
- "variant": "body",
1463
- "type": "typography"
1481
+ "type": "typography",
1482
+ "variant": "body"
1464
1483
  }
1465
- ],
1466
- "type": "stack",
1467
- "direction": "horizontal"
1484
+ ]
1468
1485
  },
1469
1486
  {
1470
1487
  "type": "divider"
1471
1488
  },
1472
1489
  {
1490
+ "type": "stack",
1491
+ "direction": "horizontal",
1492
+ "justify": "end",
1473
1493
  "children": [
1474
1494
  {
1475
1495
  "icon": "edit",
1476
1496
  "action": "EDIT",
1497
+ "type": "button",
1477
1498
  "label": "Edit",
1478
- "variant": "primary",
1479
- "type": "button"
1499
+ "variant": "primary"
1480
1500
  },
1481
1501
  {
1482
- "label": "Close",
1483
1502
  "action": "CLOSE",
1484
- "type": "button",
1485
- "variant": "ghost"
1503
+ "label": "Close",
1504
+ "variant": "ghost",
1505
+ "type": "button"
1486
1506
  }
1487
1507
  ],
1488
- "direction": "horizontal",
1489
- "gap": "sm",
1490
- "type": "stack",
1491
- "justify": "end"
1508
+ "gap": "sm"
1492
1509
  }
1493
1510
  ],
1511
+ "type": "stack",
1494
1512
  "gap": "md"
1495
1513
  }
1496
1514
  ]
@@ -1707,12 +1725,18 @@
1707
1725
  "event": "INIT",
1708
1726
  "effects": [
1709
1727
  [
1710
- "ref",
1711
- "Ticket"
1712
- ]
1713
- ]
1714
- },
1715
- {
1728
+ "fetch",
1729
+ "Ticket",
1730
+ {
1731
+ "emit": {
1732
+ "failure": "TicketLoadFailed",
1733
+ "success": "TicketLoaded"
1734
+ }
1735
+ }
1736
+ ]
1737
+ ]
1738
+ },
1739
+ {
1716
1740
  "from": "idle",
1717
1741
  "to": "confirming",
1718
1742
  "event": "DELETE",
@@ -1738,56 +1762,56 @@
1738
1762
  "modal",
1739
1763
  {
1740
1764
  "type": "stack",
1741
- "gap": "md",
1742
1765
  "direction": "vertical",
1743
1766
  "children": [
1744
1767
  {
1745
- "align": "center",
1746
1768
  "type": "stack",
1747
- "direction": "horizontal",
1748
1769
  "children": [
1749
1770
  {
1750
- "name": "alert-triangle",
1751
- "type": "icon"
1771
+ "type": "icon",
1772
+ "name": "alert-triangle"
1752
1773
  },
1753
1774
  {
1754
1775
  "variant": "h3",
1755
- "type": "typography",
1756
- "content": "Delete Ticket"
1776
+ "content": "Delete Ticket",
1777
+ "type": "typography"
1757
1778
  }
1758
1779
  ],
1759
- "gap": "sm"
1780
+ "gap": "sm",
1781
+ "direction": "horizontal",
1782
+ "align": "center"
1760
1783
  },
1761
1784
  {
1762
1785
  "type": "divider"
1763
1786
  },
1764
1787
  {
1765
- "type": "alert",
1766
1788
  "message": "This action cannot be undone.",
1789
+ "type": "alert",
1767
1790
  "variant": "error"
1768
1791
  },
1769
1792
  {
1770
- "gap": "sm",
1771
- "justify": "end",
1772
1793
  "children": [
1773
1794
  {
1774
- "label": "Cancel",
1775
1795
  "action": "CANCEL",
1776
- "type": "button",
1777
- "variant": "ghost"
1796
+ "label": "Cancel",
1797
+ "variant": "ghost",
1798
+ "type": "button"
1778
1799
  },
1779
1800
  {
1801
+ "action": "CONFIRM_DELETE",
1780
1802
  "type": "button",
1781
1803
  "variant": "danger",
1782
1804
  "icon": "check",
1783
- "label": "Delete",
1784
- "action": "CONFIRM_DELETE"
1805
+ "label": "Delete"
1785
1806
  }
1786
1807
  ],
1808
+ "type": "stack",
1787
1809
  "direction": "horizontal",
1788
- "type": "stack"
1810
+ "justify": "end",
1811
+ "gap": "sm"
1789
1812
  }
1790
- ]
1813
+ ],
1814
+ "gap": "md"
1791
1815
  }
1792
1816
  ]
1793
1817
  ]
@@ -1822,8 +1846,14 @@
1822
1846
  }
1823
1847
  ],
1824
1848
  [
1825
- "ref",
1826
- "Ticket"
1849
+ "fetch",
1850
+ "Ticket",
1851
+ {
1852
+ "emit": {
1853
+ "success": "TicketLoaded",
1854
+ "failure": "TicketLoadFailed"
1855
+ }
1856
+ }
1827
1857
  ],
1828
1858
  [
1829
1859
  "emit",
@@ -1849,8 +1879,14 @@
1849
1879
  }
1850
1880
  ],
1851
1881
  [
1852
- "ref",
1853
- "Ticket"
1882
+ "fetch",
1883
+ "Ticket",
1884
+ {
1885
+ "emit": {
1886
+ "success": "TicketLoaded",
1887
+ "failure": "TicketLoadFailed"
1888
+ }
1889
+ }
1854
1890
  ]
1855
1891
  ]
1856
1892
  },
@@ -1872,8 +1908,14 @@
1872
1908
  }
1873
1909
  ],
1874
1910
  [
1875
- "ref",
1876
- "Ticket"
1911
+ "fetch",
1912
+ "Ticket",
1913
+ {
1914
+ "emit": {
1915
+ "failure": "TicketLoadFailed",
1916
+ "success": "TicketLoaded"
1917
+ }
1918
+ }
1877
1919
  ]
1878
1920
  ]
1879
1921
  }
@@ -2047,8 +2089,8 @@
2047
2089
  "Response",
2048
2090
  {
2049
2091
  "emit": {
2050
- "success": "ResponseLoaded",
2051
- "failure": "ResponseLoadFailed"
2092
+ "failure": "ResponseLoadFailed",
2093
+ "success": "ResponseLoaded"
2052
2094
  }
2053
2095
  }
2054
2096
  ],
@@ -2056,7 +2098,7 @@
2056
2098
  "render-ui",
2057
2099
  "main",
2058
2100
  {
2059
- "className": "py-12",
2101
+ "direction": "vertical",
2060
2102
  "children": [
2061
2103
  {
2062
2104
  "type": "spinner"
@@ -2064,14 +2106,14 @@
2064
2106
  {
2065
2107
  "type": "typography",
2066
2108
  "content": "Loading…",
2067
- "variant": "caption",
2068
- "color": "muted"
2109
+ "color": "muted",
2110
+ "variant": "caption"
2069
2111
  }
2070
2112
  ],
2071
2113
  "type": "stack",
2072
2114
  "align": "center",
2073
2115
  "gap": "md",
2074
- "direction": "vertical"
2116
+ "className": "py-12"
2075
2117
  }
2076
2118
  ]
2077
2119
  ]
@@ -2085,106 +2127,106 @@
2085
2127
  "render-ui",
2086
2128
  "main",
2087
2129
  {
2088
- "type": "dashboard-layout",
2089
2130
  "appName": "Helpdesk",
2090
- "navItems": [
2091
- {
2092
- "href": "/tickets",
2093
- "label": "Tickets",
2094
- "icon": "inbox"
2095
- },
2096
- {
2097
- "href": "/responses",
2098
- "label": "Responses",
2099
- "icon": "message-circle"
2100
- },
2101
- {
2102
- "href": "/metrics",
2103
- "label": "Metrics",
2104
- "icon": "layout-list"
2105
- }
2106
- ],
2107
2131
  "children": [
2108
2132
  {
2133
+ "className": "max-w-5xl mx-auto w-full",
2134
+ "direction": "vertical",
2109
2135
  "gap": "lg",
2110
- "type": "stack",
2111
2136
  "children": [
2112
2137
  {
2113
2138
  "justify": "between",
2114
- "gap": "md",
2115
- "type": "stack",
2116
2139
  "align": "center",
2117
2140
  "children": [
2118
2141
  {
2119
- "type": "stack",
2120
- "direction": "horizontal",
2121
- "gap": "sm",
2122
- "align": "center",
2123
2142
  "children": [
2124
2143
  {
2125
- "type": "icon",
2126
- "name": "message-circle"
2144
+ "name": "message-circle",
2145
+ "type": "icon"
2127
2146
  },
2128
2147
  {
2129
- "content": "Responses",
2148
+ "variant": "h2",
2130
2149
  "type": "typography",
2131
- "variant": "h2"
2150
+ "content": "Responses"
2132
2151
  }
2133
- ]
2152
+ ],
2153
+ "type": "stack",
2154
+ "gap": "sm",
2155
+ "direction": "horizontal",
2156
+ "align": "center"
2134
2157
  },
2135
2158
  {
2159
+ "gap": "sm",
2160
+ "direction": "horizontal",
2136
2161
  "children": [
2137
2162
  {
2138
- "variant": "primary",
2139
2163
  "icon": "edit",
2140
- "label": "Compose",
2141
2164
  "action": "COMPOSE",
2165
+ "label": "Compose",
2166
+ "variant": "primary",
2142
2167
  "type": "button"
2143
2168
  }
2144
2169
  ],
2145
- "type": "stack",
2146
- "direction": "horizontal",
2147
- "gap": "sm"
2170
+ "type": "stack"
2148
2171
  }
2149
2172
  ],
2150
- "direction": "horizontal"
2173
+ "direction": "horizontal",
2174
+ "gap": "md",
2175
+ "type": "stack"
2151
2176
  },
2152
2177
  {
2153
2178
  "type": "divider"
2154
2179
  },
2155
2180
  {
2156
- "variant": "card",
2181
+ "entity": "@payload.data",
2182
+ "fields": [],
2157
2183
  "gap": "sm",
2158
2184
  "itemActions": [
2159
2185
  {
2160
- "label": "View",
2186
+ "variant": "ghost",
2161
2187
  "event": "VIEW",
2162
- "variant": "ghost"
2188
+ "label": "View"
2163
2189
  }
2164
2190
  ],
2165
- "type": "data-list",
2166
- "fields": [],
2167
2191
  "columns": [
2168
2192
  {
2169
- "icon": "message-circle",
2193
+ "name": "author",
2170
2194
  "variant": "h4",
2171
- "name": "author"
2195
+ "icon": "message-circle"
2172
2196
  },
2173
2197
  {
2174
- "variant": "body",
2175
- "name": "body"
2198
+ "name": "body",
2199
+ "variant": "body"
2176
2200
  },
2177
2201
  {
2202
+ "name": "createdAt",
2178
2203
  "format": "date",
2179
- "variant": "caption",
2180
- "name": "createdAt"
2204
+ "variant": "caption"
2181
2205
  }
2182
2206
  ],
2183
- "entity": "@payload.data"
2207
+ "type": "data-list",
2208
+ "variant": "card"
2184
2209
  }
2185
2210
  ],
2186
- "direction": "vertical",
2187
- "className": "max-w-5xl mx-auto w-full"
2211
+ "type": "stack"
2212
+ }
2213
+ ],
2214
+ "type": "dashboard-layout",
2215
+ "navItems": [
2216
+ {
2217
+ "label": "Tickets",
2218
+ "href": "/tickets",
2219
+ "icon": "inbox"
2220
+ },
2221
+ {
2222
+ "href": "/responses",
2223
+ "icon": "message-circle",
2224
+ "label": "Responses"
2225
+ },
2226
+ {
2227
+ "href": "/metrics",
2228
+ "icon": "layout-list",
2229
+ "label": "Metrics"
2188
2230
  }
2189
2231
  ]
2190
2232
  }
@@ -2200,36 +2242,36 @@
2200
2242
  "render-ui",
2201
2243
  "main",
2202
2244
  {
2203
- "gap": "md",
2204
2245
  "children": [
2205
2246
  {
2247
+ "type": "icon",
2206
2248
  "name": "alert-triangle",
2207
- "color": "destructive",
2208
- "type": "icon"
2249
+ "color": "destructive"
2209
2250
  },
2210
2251
  {
2211
- "content": "Failed to load response",
2212
2252
  "variant": "h3",
2253
+ "content": "Failed to load response",
2213
2254
  "type": "typography"
2214
2255
  },
2215
2256
  {
2216
- "variant": "body",
2217
2257
  "content": "@payload.error",
2258
+ "type": "typography",
2218
2259
  "color": "muted",
2219
- "type": "typography"
2260
+ "variant": "body"
2220
2261
  },
2221
2262
  {
2222
2263
  "label": "Retry",
2223
- "action": "INIT",
2224
- "icon": "rotate-ccw",
2225
2264
  "type": "button",
2226
- "variant": "primary"
2265
+ "action": "INIT",
2266
+ "variant": "primary",
2267
+ "icon": "rotate-ccw"
2227
2268
  }
2228
2269
  ],
2229
2270
  "align": "center",
2230
- "className": "py-12",
2271
+ "direction": "vertical",
2231
2272
  "type": "stack",
2232
- "direction": "vertical"
2273
+ "gap": "md",
2274
+ "className": "py-12"
2233
2275
  }
2234
2276
  ]
2235
2277
  ]
@@ -2386,8 +2428,14 @@
2386
2428
  "event": "INIT",
2387
2429
  "effects": [
2388
2430
  [
2389
- "ref",
2390
- "Response"
2431
+ "fetch",
2432
+ "Response",
2433
+ {
2434
+ "emit": {
2435
+ "failure": "ResponseLoadFailed",
2436
+ "success": "ResponseLoaded"
2437
+ }
2438
+ }
2391
2439
  ]
2392
2440
  ]
2393
2441
  },
@@ -2400,41 +2448,41 @@
2400
2448
  "render-ui",
2401
2449
  "modal",
2402
2450
  {
2403
- "type": "stack",
2451
+ "direction": "vertical",
2452
+ "gap": "md",
2404
2453
  "children": [
2405
2454
  {
2455
+ "type": "stack",
2456
+ "direction": "horizontal",
2457
+ "gap": "sm",
2406
2458
  "children": [
2407
2459
  {
2408
- "type": "icon",
2409
- "name": "edit"
2460
+ "name": "edit",
2461
+ "type": "icon"
2410
2462
  },
2411
2463
  {
2464
+ "variant": "h3",
2412
2465
  "type": "typography",
2413
- "content": "New Response",
2414
- "variant": "h3"
2466
+ "content": "New Response"
2415
2467
  }
2416
- ],
2417
- "type": "stack",
2418
- "direction": "horizontal",
2419
- "gap": "sm"
2468
+ ]
2420
2469
  },
2421
2470
  {
2422
2471
  "type": "divider"
2423
2472
  },
2424
2473
  {
2425
- "cancelEvent": "CLOSE",
2426
- "submitEvent": "SEND",
2427
- "type": "form-section",
2428
- "mode": "create",
2429
2474
  "fields": [
2430
2475
  "ticketId",
2431
2476
  "body",
2432
2477
  "author"
2433
- ]
2478
+ ],
2479
+ "type": "form-section",
2480
+ "cancelEvent": "CLOSE",
2481
+ "mode": "create",
2482
+ "submitEvent": "SEND"
2434
2483
  }
2435
2484
  ],
2436
- "gap": "md",
2437
- "direction": "vertical"
2485
+ "type": "stack"
2438
2486
  }
2439
2487
  ]
2440
2488
  ]
@@ -2595,8 +2643,14 @@
2595
2643
  "event": "INIT",
2596
2644
  "effects": [
2597
2645
  [
2598
- "ref",
2599
- "Response"
2646
+ "fetch",
2647
+ "Response",
2648
+ {
2649
+ "emit": {
2650
+ "failure": "ResponseLoadFailed",
2651
+ "success": "ResponseLoaded"
2652
+ }
2653
+ }
2600
2654
  ]
2601
2655
  ]
2602
2656
  },
@@ -2609,24 +2663,21 @@
2609
2663
  "fetch",
2610
2664
  "Response",
2611
2665
  {
2612
- "id": "@payload.id",
2613
2666
  "emit": {
2614
2667
  "success": "ResponseLoaded",
2615
2668
  "failure": "ResponseLoadFailed"
2616
- }
2669
+ },
2670
+ "id": "@payload.id"
2617
2671
  }
2618
2672
  ],
2619
2673
  [
2620
2674
  "render-ui",
2621
2675
  "modal",
2622
2676
  {
2623
- "direction": "vertical",
2624
- "type": "stack",
2625
- "gap": "md",
2626
2677
  "children": [
2627
2678
  {
2628
2679
  "type": "stack",
2629
- "align": "center",
2680
+ "direction": "horizontal",
2630
2681
  "gap": "sm",
2631
2682
  "children": [
2632
2683
  {
@@ -2634,38 +2685,40 @@
2634
2685
  "name": "eye"
2635
2686
  },
2636
2687
  {
2688
+ "content": "@entity.ticketId",
2637
2689
  "type": "typography",
2638
- "variant": "h3",
2639
- "content": "@entity.ticketId"
2690
+ "variant": "h3"
2640
2691
  }
2641
2692
  ],
2642
- "direction": "horizontal"
2693
+ "align": "center"
2643
2694
  },
2644
2695
  {
2645
2696
  "type": "divider"
2646
2697
  },
2647
2698
  {
2648
- "direction": "horizontal",
2649
- "type": "stack",
2650
2699
  "gap": "md",
2700
+ "type": "stack",
2651
2701
  "children": [
2652
2702
  {
2653
2703
  "type": "typography",
2654
- "variant": "caption",
2655
- "content": "Ticket ID"
2704
+ "content": "Ticket ID",
2705
+ "variant": "caption"
2656
2706
  },
2657
2707
  {
2658
- "type": "typography",
2708
+ "variant": "body",
2659
2709
  "content": "@entity.ticketId",
2660
- "variant": "body"
2710
+ "type": "typography"
2661
2711
  }
2662
- ]
2712
+ ],
2713
+ "direction": "horizontal"
2663
2714
  },
2664
2715
  {
2716
+ "direction": "horizontal",
2717
+ "gap": "md",
2665
2718
  "children": [
2666
2719
  {
2667
- "type": "typography",
2668
2720
  "variant": "caption",
2721
+ "type": "typography",
2669
2722
  "content": "Body"
2670
2723
  },
2671
2724
  {
@@ -2674,14 +2727,11 @@
2674
2727
  "content": "@entity.body"
2675
2728
  }
2676
2729
  ],
2677
- "type": "stack",
2678
- "gap": "md",
2679
- "direction": "horizontal"
2730
+ "type": "stack"
2680
2731
  },
2681
2732
  {
2682
- "type": "stack",
2683
- "direction": "horizontal",
2684
2733
  "gap": "md",
2734
+ "type": "stack",
2685
2735
  "children": [
2686
2736
  {
2687
2737
  "type": "typography",
@@ -2689,47 +2739,51 @@
2689
2739
  "content": "Author"
2690
2740
  },
2691
2741
  {
2692
- "type": "typography",
2742
+ "content": "@entity.author",
2693
2743
  "variant": "body",
2694
- "content": "@entity.author"
2744
+ "type": "typography"
2695
2745
  }
2696
- ]
2746
+ ],
2747
+ "direction": "horizontal"
2697
2748
  },
2698
2749
  {
2750
+ "gap": "md",
2751
+ "direction": "horizontal",
2752
+ "type": "stack",
2699
2753
  "children": [
2700
2754
  {
2701
- "variant": "caption",
2702
2755
  "content": "Created At",
2703
- "type": "typography"
2756
+ "type": "typography",
2757
+ "variant": "caption"
2704
2758
  },
2705
2759
  {
2706
- "content": "@entity.createdAt",
2760
+ "variant": "body",
2707
2761
  "type": "typography",
2708
- "variant": "body"
2762
+ "content": "@entity.createdAt"
2709
2763
  }
2710
- ],
2711
- "type": "stack",
2712
- "direction": "horizontal",
2713
- "gap": "md"
2764
+ ]
2714
2765
  },
2715
2766
  {
2716
2767
  "type": "divider"
2717
2768
  },
2718
2769
  {
2719
- "gap": "sm",
2720
- "direction": "horizontal",
2721
2770
  "type": "stack",
2771
+ "direction": "horizontal",
2772
+ "gap": "sm",
2722
2773
  "justify": "end",
2723
2774
  "children": [
2724
2775
  {
2725
- "type": "button",
2726
- "variant": "ghost",
2727
2776
  "action": "CLOSE",
2728
- "label": "Close"
2777
+ "label": "Close",
2778
+ "variant": "ghost",
2779
+ "type": "button"
2729
2780
  }
2730
2781
  ]
2731
2782
  }
2732
- ]
2783
+ ],
2784
+ "gap": "md",
2785
+ "type": "stack",
2786
+ "direction": "vertical"
2733
2787
  }
2734
2788
  ]
2735
2789
  ]
@@ -2941,8 +2995,8 @@
2941
2995
  "SupportMetrics",
2942
2996
  {
2943
2997
  "emit": {
2944
- "failure": "SupportMetricsLoadFailed",
2945
- "success": "SupportMetricsLoaded"
2998
+ "success": "SupportMetricsLoaded",
2999
+ "failure": "SupportMetricsLoadFailed"
2946
3000
  }
2947
3001
  }
2948
3002
  ],
@@ -2952,161 +3006,165 @@
2952
3006
  {
2953
3007
  "navItems": [
2954
3008
  {
2955
- "icon": "inbox",
3009
+ "label": "Tickets",
2956
3010
  "href": "/tickets",
2957
- "label": "Tickets"
3011
+ "icon": "inbox"
2958
3012
  },
2959
3013
  {
2960
- "label": "Responses",
2961
3014
  "icon": "message-circle",
2962
- "href": "/responses"
3015
+ "href": "/responses",
3016
+ "label": "Responses"
2963
3017
  },
2964
3018
  {
2965
- "href": "/metrics",
2966
3019
  "label": "Metrics",
3020
+ "href": "/metrics",
2967
3021
  "icon": "layout-list"
2968
3022
  }
2969
3023
  ],
3024
+ "appName": "Helpdesk",
2970
3025
  "children": [
2971
3026
  {
3027
+ "type": "scaled-diagram",
2972
3028
  "children": [
2973
3029
  {
3030
+ "gap": "lg",
3031
+ "type": "stack",
2974
3032
  "children": [
2975
3033
  {
2976
- "type": "breadcrumb",
2977
3034
  "items": [
2978
3035
  {
2979
- "href": "/",
2980
- "label": "Home"
3036
+ "label": "Home",
3037
+ "href": "/"
2981
3038
  },
2982
3039
  {
2983
3040
  "label": "Support Metrics"
2984
3041
  }
2985
- ]
3042
+ ],
3043
+ "type": "breadcrumb"
2986
3044
  },
2987
3045
  {
2988
3046
  "direction": "horizontal",
2989
- "type": "stack",
2990
3047
  "gap": "md",
2991
3048
  "justify": "between",
2992
3049
  "children": [
2993
3050
  {
3051
+ "direction": "horizontal",
2994
3052
  "type": "stack",
2995
3053
  "gap": "md",
2996
3054
  "children": [
2997
3055
  {
2998
- "name": "activity",
2999
- "type": "icon"
3056
+ "type": "icon",
3057
+ "name": "activity"
3000
3058
  },
3001
3059
  {
3002
3060
  "variant": "h2",
3003
3061
  "type": "typography",
3004
3062
  "content": "Support Metrics"
3005
3063
  }
3006
- ],
3007
- "direction": "horizontal"
3064
+ ]
3008
3065
  },
3009
3066
  {
3010
- "icon": "refresh-cw",
3011
- "variant": "secondary",
3012
3067
  "label": "Refresh",
3068
+ "action": "REFRESH",
3069
+ "variant": "secondary",
3013
3070
  "type": "button",
3014
- "action": "REFRESH"
3071
+ "icon": "refresh-cw"
3015
3072
  }
3016
- ]
3073
+ ],
3074
+ "type": "stack"
3017
3075
  },
3018
3076
  {
3019
3077
  "type": "divider"
3020
3078
  },
3021
3079
  {
3080
+ "padding": "md",
3081
+ "type": "box",
3022
3082
  "children": [
3023
3083
  {
3084
+ "type": "simple-grid",
3085
+ "cols": 3.0,
3024
3086
  "children": [
3025
3087
  {
3026
- "value": "@entity.openTickets",
3027
3088
  "type": "stat-display",
3028
- "label": "OpenTickets"
3089
+ "label": "OpenTickets",
3090
+ "value": "@entity.openTickets"
3029
3091
  },
3030
3092
  {
3093
+ "type": "stat-display",
3031
3094
  "label": "ResolvedTickets",
3032
- "value": "@entity.resolvedTickets",
3033
- "type": "stat-display"
3095
+ "value": "@entity.resolvedTickets"
3034
3096
  },
3035
3097
  {
3098
+ "type": "card",
3036
3099
  "children": [
3037
3100
  {
3038
- "gap": "sm",
3039
- "direction": "vertical",
3040
3101
  "type": "stack",
3102
+ "direction": "vertical",
3041
3103
  "children": [
3042
3104
  {
3105
+ "content": "AvgResponseTime",
3043
3106
  "variant": "caption",
3044
- "type": "typography",
3045
- "content": "AvgResponseTime"
3107
+ "type": "typography"
3046
3108
  },
3047
3109
  {
3048
- "variant": "h3",
3110
+ "content": "@entity.avgResponseTime",
3049
3111
  "type": "typography",
3050
- "content": "@entity.avgResponseTime"
3112
+ "variant": "h3"
3051
3113
  }
3052
- ]
3114
+ ],
3115
+ "gap": "sm"
3053
3116
  }
3054
- ],
3055
- "type": "card"
3117
+ ]
3056
3118
  },
3057
3119
  {
3058
- "type": "stat-display",
3059
3120
  "label": "SatisfactionScore",
3121
+ "type": "stat-display",
3060
3122
  "value": "@entity.satisfactionScore"
3061
3123
  },
3062
3124
  {
3063
- "value": "@entity.activeAgents",
3125
+ "label": "ActiveAgents",
3064
3126
  "type": "stat-display",
3065
- "label": "ActiveAgents"
3127
+ "value": "@entity.activeAgents"
3066
3128
  }
3067
- ],
3068
- "cols": 3.0,
3069
- "type": "simple-grid"
3129
+ ]
3070
3130
  }
3071
- ],
3072
- "type": "box",
3073
- "padding": "md"
3131
+ ]
3074
3132
  },
3075
3133
  {
3076
3134
  "type": "divider"
3077
3135
  },
3078
3136
  {
3079
- "cols": 2.0,
3080
- "type": "grid",
3081
- "gap": "md",
3082
3137
  "children": [
3083
3138
  {
3084
- "type": "card",
3085
3139
  "children": [
3086
3140
  {
3087
- "variant": "caption",
3088
3141
  "type": "typography",
3142
+ "variant": "caption",
3089
3143
  "content": "Chart View"
3090
3144
  }
3091
- ]
3145
+ ],
3146
+ "type": "card"
3092
3147
  },
3093
3148
  {
3149
+ "type": "card",
3094
3150
  "children": [
3095
3151
  {
3096
3152
  "content": "Graph View",
3097
- "type": "typography",
3098
- "variant": "caption"
3153
+ "variant": "caption",
3154
+ "type": "typography"
3099
3155
  }
3100
- ],
3101
- "type": "card"
3156
+ ]
3102
3157
  }
3103
- ]
3158
+ ],
3159
+ "cols": 2.0,
3160
+ "type": "grid",
3161
+ "gap": "md"
3104
3162
  },
3105
3163
  {
3106
3164
  "data": [
3107
3165
  {
3108
- "date": "Jan",
3109
- "value": 12.0
3166
+ "value": 12.0,
3167
+ "date": "Jan"
3110
3168
  },
3111
3169
  {
3112
3170
  "value": 19.0,
@@ -3117,16 +3175,16 @@
3117
3175
  "value": 15.0
3118
3176
  },
3119
3177
  {
3120
- "date": "Apr",
3121
- "value": 25.0
3178
+ "value": 25.0,
3179
+ "date": "Apr"
3122
3180
  },
3123
3181
  {
3124
3182
  "value": 22.0,
3125
3183
  "date": "May"
3126
3184
  },
3127
3185
  {
3128
- "value": 30.0,
3129
- "date": "Jun"
3186
+ "date": "Jun",
3187
+ "value": 30.0
3130
3188
  }
3131
3189
  ],
3132
3190
  "type": "line-chart"
@@ -3145,45 +3203,41 @@
3145
3203
  ]
3146
3204
  },
3147
3205
  {
3148
- "width": 400.0,
3149
- "height": 200.0,
3206
+ "edges": [
3207
+ {
3208
+ "source": "a",
3209
+ "target": "b"
3210
+ },
3211
+ {
3212
+ "target": "c",
3213
+ "source": "b"
3214
+ }
3215
+ ],
3216
+ "type": "graph-view",
3150
3217
  "nodes": [
3151
3218
  {
3152
3219
  "label": "Start",
3153
3220
  "id": "a"
3154
3221
  },
3155
3222
  {
3156
- "label": "Process",
3157
- "id": "b"
3223
+ "id": "b",
3224
+ "label": "Process"
3158
3225
  },
3159
3226
  {
3160
3227
  "label": "End",
3161
3228
  "id": "c"
3162
3229
  }
3163
3230
  ],
3164
- "type": "graph-view",
3165
- "edges": [
3166
- {
3167
- "target": "b",
3168
- "source": "a"
3169
- },
3170
- {
3171
- "source": "b",
3172
- "target": "c"
3173
- }
3174
- ]
3231
+ "height": 200.0,
3232
+ "width": 400.0
3175
3233
  }
3176
3234
  ],
3177
- "direction": "vertical",
3178
- "gap": "lg",
3179
- "type": "stack"
3235
+ "direction": "vertical"
3180
3236
  }
3181
- ],
3182
- "type": "scaled-diagram"
3237
+ ]
3183
3238
  }
3184
3239
  ],
3185
- "type": "dashboard-layout",
3186
- "appName": "Helpdesk"
3240
+ "type": "dashboard-layout"
3187
3241
  }
3188
3242
  ]
3189
3243
  ]
@@ -3207,12 +3261,32 @@
3207
3261
  "render-ui",
3208
3262
  "main",
3209
3263
  {
3264
+ "appName": "Helpdesk",
3265
+ "navItems": [
3266
+ {
3267
+ "label": "Tickets",
3268
+ "icon": "inbox",
3269
+ "href": "/tickets"
3270
+ },
3271
+ {
3272
+ "icon": "message-circle",
3273
+ "href": "/responses",
3274
+ "label": "Responses"
3275
+ },
3276
+ {
3277
+ "href": "/metrics",
3278
+ "label": "Metrics",
3279
+ "icon": "layout-list"
3280
+ }
3281
+ ],
3282
+ "type": "dashboard-layout",
3210
3283
  "children": [
3211
3284
  {
3212
3285
  "type": "scaled-diagram",
3213
3286
  "children": [
3214
3287
  {
3215
3288
  "type": "stack",
3289
+ "gap": "lg",
3216
3290
  "direction": "vertical",
3217
3291
  "children": [
3218
3292
  {
@@ -3232,77 +3306,74 @@
3232
3306
  "gap": "md",
3233
3307
  "children": [
3234
3308
  {
3235
- "type": "stack",
3236
3309
  "direction": "horizontal",
3237
- "gap": "md",
3238
3310
  "children": [
3239
3311
  {
3240
- "type": "icon",
3241
- "name": "activity"
3312
+ "name": "activity",
3313
+ "type": "icon"
3242
3314
  },
3243
3315
  {
3244
- "type": "typography",
3316
+ "variant": "h2",
3245
3317
  "content": "Support Metrics",
3246
- "variant": "h2"
3318
+ "type": "typography"
3247
3319
  }
3248
- ]
3320
+ ],
3321
+ "type": "stack",
3322
+ "gap": "md"
3249
3323
  },
3250
3324
  {
3251
- "icon": "refresh-cw",
3252
3325
  "label": "Refresh",
3326
+ "icon": "refresh-cw",
3327
+ "type": "button",
3253
3328
  "variant": "secondary",
3254
- "action": "REFRESH",
3255
- "type": "button"
3329
+ "action": "REFRESH"
3256
3330
  }
3257
3331
  ],
3258
- "justify": "between",
3259
- "direction": "horizontal"
3332
+ "direction": "horizontal",
3333
+ "justify": "between"
3260
3334
  },
3261
3335
  {
3262
3336
  "type": "divider"
3263
3337
  },
3264
3338
  {
3265
- "padding": "md",
3266
3339
  "children": [
3267
3340
  {
3268
- "type": "simple-grid",
3269
- "cols": 3.0,
3270
3341
  "children": [
3271
3342
  {
3272
- "value": "@entity.openTickets",
3343
+ "type": "stat-display",
3273
3344
  "label": "OpenTickets",
3274
- "type": "stat-display"
3345
+ "value": "@entity.openTickets"
3275
3346
  },
3276
3347
  {
3277
- "type": "stat-display",
3278
3348
  "label": "ResolvedTickets",
3279
- "value": "@entity.resolvedTickets"
3349
+ "value": "@entity.resolvedTickets",
3350
+ "type": "stat-display"
3280
3351
  },
3281
3352
  {
3282
3353
  "children": [
3283
3354
  {
3284
3355
  "gap": "sm",
3285
3356
  "direction": "vertical",
3357
+ "type": "stack",
3286
3358
  "children": [
3287
3359
  {
3360
+ "content": "AvgResponseTime",
3288
3361
  "type": "typography",
3289
- "variant": "caption",
3290
- "content": "AvgResponseTime"
3362
+ "variant": "caption"
3291
3363
  },
3292
3364
  {
3293
- "type": "typography",
3294
3365
  "variant": "h3",
3366
+ "type": "typography",
3295
3367
  "content": "@entity.avgResponseTime"
3296
3368
  }
3297
- ],
3298
- "type": "stack"
3369
+ ]
3299
3370
  }
3300
3371
  ],
3301
3372
  "type": "card"
3302
3373
  },
3303
3374
  {
3304
- "value": "@entity.satisfactionScore",
3305
3375
  "type": "stat-display",
3376
+ "value": "@entity.satisfactionScore",
3306
3377
  "label": "SatisfactionScore"
3307
3378
  },
3308
3379
  {
@@ -3310,15 +3381,20 @@
3310
3381
  "label": "ActiveAgents",
3311
3382
  "type": "stat-display"
3312
3383
  }
3313
- ]
3384
+ ],
3385
+ "type": "simple-grid",
3386
+ "cols": 3.0
3314
3387
  }
3315
3388
  ],
3316
- "type": "box"
3389
+ "type": "box",
3390
+ "padding": "md"
3317
3391
  },
3318
3392
  {
3319
3393
  "type": "divider"
3320
3394
  },
3321
3395
  {
3396
+ "cols": 2.0,
3397
+ "gap": "md",
3322
3398
  "type": "grid",
3323
3399
  "children": [
3324
3400
  {
@@ -3326,31 +3402,29 @@
3326
3402
  "children": [
3327
3403
  {
3328
3404
  "type": "typography",
3329
- "variant": "caption",
3330
- "content": "Chart View"
3405
+ "content": "Chart View",
3406
+ "variant": "caption"
3331
3407
  }
3332
3408
  ]
3333
3409
  },
3334
3410
  {
3411
+ "type": "card",
3335
3412
  "children": [
3336
3413
  {
3337
- "variant": "caption",
3338
3414
  "type": "typography",
3339
- "content": "Graph View"
3415
+ "content": "Graph View",
3416
+ "variant": "caption"
3340
3417
  }
3341
- ],
3342
- "type": "card"
3418
+ ]
3343
3419
  }
3344
- ],
3345
- "gap": "md",
3346
- "cols": 2.0
3420
+ ]
3347
3421
  },
3348
3422
  {
3349
3423
  "type": "line-chart",
3350
3424
  "data": [
3351
3425
  {
3352
- "date": "Jan",
3353
- "value": 12.0
3426
+ "value": 12.0,
3427
+ "date": "Jan"
3354
3428
  },
3355
3429
  {
3356
3430
  "value": 19.0,
@@ -3361,8 +3435,8 @@
3361
3435
  "value": 15.0
3362
3436
  },
3363
3437
  {
3364
- "date": "Apr",
3365
- "value": 25.0
3438
+ "value": 25.0,
3439
+ "date": "Apr"
3366
3440
  },
3367
3441
  {
3368
3442
  "date": "May",
@@ -3375,71 +3449,51 @@
3375
3449
  ]
3376
3450
  },
3377
3451
  {
3452
+ "type": "chart-legend",
3378
3453
  "items": [
3379
3454
  {
3380
3455
  "color": "primary",
3381
3456
  "label": "Current"
3382
3457
  },
3383
3458
  {
3384
- "label": "Previous",
3385
- "color": "muted"
3459
+ "color": "muted",
3460
+ "label": "Previous"
3386
3461
  }
3387
- ],
3388
- "type": "chart-legend"
3462
+ ]
3389
3463
  },
3390
3464
  {
3465
+ "height": 200.0,
3391
3466
  "nodes": [
3392
3467
  {
3393
- "label": "Start",
3394
- "id": "a"
3468
+ "id": "a",
3469
+ "label": "Start"
3395
3470
  },
3396
3471
  {
3397
- "label": "Process",
3398
- "id": "b"
3472
+ "id": "b",
3473
+ "label": "Process"
3399
3474
  },
3400
3475
  {
3401
- "id": "c",
3402
- "label": "End"
3476
+ "label": "End",
3477
+ "id": "c"
3403
3478
  }
3404
3479
  ],
3480
+ "width": 400.0,
3481
+ "type": "graph-view",
3405
3482
  "edges": [
3406
3483
  {
3407
- "target": "b",
3408
- "source": "a"
3484
+ "source": "a",
3485
+ "target": "b"
3409
3486
  },
3410
3487
  {
3411
3488
  "source": "b",
3412
3489
  "target": "c"
3413
3490
  }
3414
- ],
3415
- "height": 200.0,
3416
- "type": "graph-view",
3417
- "width": 400.0
3491
+ ]
3418
3492
  }
3419
- ],
3420
- "gap": "lg"
3493
+ ]
3421
3494
  }
3422
3495
  ]
3423
3496
  }
3424
- ],
3425
- "type": "dashboard-layout",
3426
- "appName": "Helpdesk",
3427
- "navItems": [
3428
- {
3429
- "label": "Tickets",
3430
- "icon": "inbox",
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
3497
  ]
3444
3498
  }
3445
3499
  ]
@@ -3464,13 +3518,11 @@
3464
3518
  "render-ui",
3465
3519
  "main",
3466
3520
  {
3521
+ "type": "dashboard-layout",
3467
3522
  "children": [
3468
3523
  {
3469
- "type": "scaled-diagram",
3470
3524
  "children": [
3471
3525
  {
3472
- "type": "stack",
3473
- "gap": "lg",
3474
3526
  "direction": "vertical",
3475
3527
  "children": [
3476
3528
  {
@@ -3486,34 +3538,34 @@
3486
3538
  "type": "breadcrumb"
3487
3539
  },
3488
3540
  {
3489
- "justify": "between",
3490
3541
  "children": [
3491
3542
  {
3492
- "type": "stack",
3493
3543
  "children": [
3494
3544
  {
3495
3545
  "type": "icon",
3496
3546
  "name": "activity"
3497
3547
  },
3498
3548
  {
3499
- "content": "Support Metrics",
3500
3549
  "variant": "h2",
3550
+ "content": "Support Metrics",
3501
3551
  "type": "typography"
3502
3552
  }
3503
3553
  ],
3504
- "direction": "horizontal",
3505
- "gap": "md"
3554
+ "gap": "md",
3555
+ "type": "stack",
3556
+ "direction": "horizontal"
3506
3557
  },
3507
3558
  {
3508
- "variant": "secondary",
3509
- "type": "button",
3510
3559
  "icon": "refresh-cw",
3511
3560
  "label": "Refresh",
3512
- "action": "REFRESH"
3561
+ "action": "REFRESH",
3562
+ "variant": "secondary",
3563
+ "type": "button"
3513
3564
  }
3514
3565
  ],
3515
- "gap": "md",
3566
+ "justify": "between",
3516
3567
  "direction": "horizontal",
3568
+ "gap": "md",
3517
3569
  "type": "stack"
3518
3570
  },
3519
3571
  {
@@ -3521,15 +3573,13 @@
3521
3573
  },
3522
3574
  {
3523
3575
  "type": "box",
3524
- "padding": "md",
3525
3576
  "children": [
3526
3577
  {
3527
- "type": "simple-grid",
3528
3578
  "cols": 3.0,
3529
3579
  "children": [
3530
3580
  {
3531
- "value": "@entity.openTickets",
3532
3581
  "type": "stat-display",
3582
+ "value": "@entity.openTickets",
3533
3583
  "label": "OpenTickets"
3534
3584
  },
3535
3585
  {
@@ -3541,67 +3591,69 @@
3541
3591
  "type": "card",
3542
3592
  "children": [
3543
3593
  {
3594
+ "type": "stack",
3595
+ "gap": "sm",
3544
3596
  "children": [
3545
3597
  {
3546
- "variant": "caption",
3547
3598
  "content": "AvgResponseTime",
3599
+ "variant": "caption",
3548
3600
  "type": "typography"
3549
3601
  },
3550
3602
  {
3551
- "content": "@entity.avgResponseTime",
3603
+ "type": "typography",
3552
3604
  "variant": "h3",
3553
- "type": "typography"
3605
+ "content": "@entity.avgResponseTime"
3554
3606
  }
3555
3607
  ],
3556
- "direction": "vertical",
3557
- "type": "stack",
3558
- "gap": "sm"
3608
+ "direction": "vertical"
3559
3609
  }
3560
3610
  ]
3561
3611
  },
3562
3612
  {
3563
- "type": "stat-display",
3564
3613
  "value": "@entity.satisfactionScore",
3565
- "label": "SatisfactionScore"
3614
+ "label": "SatisfactionScore",
3615
+ "type": "stat-display"
3566
3616
  },
3567
3617
  {
3568
- "label": "ActiveAgents",
3569
3618
  "value": "@entity.activeAgents",
3570
- "type": "stat-display"
3619
+ "type": "stat-display",
3620
+ "label": "ActiveAgents"
3571
3621
  }
3572
- ]
3622
+ ],
3623
+ "type": "simple-grid"
3573
3624
  }
3574
- ]
3625
+ ],
3626
+ "padding": "md"
3575
3627
  },
3576
3628
  {
3577
3629
  "type": "divider"
3578
3630
  },
3579
3631
  {
3632
+ "type": "grid",
3633
+ "gap": "md",
3580
3634
  "cols": 2.0,
3581
3635
  "children": [
3582
3636
  {
3637
+ "type": "card",
3583
3638
  "children": [
3584
3639
  {
3585
- "content": "Chart View",
3586
3640
  "variant": "caption",
3641
+ "content": "Chart View",
3587
3642
  "type": "typography"
3588
3643
  }
3589
- ],
3590
- "type": "card"
3644
+ ]
3591
3645
  },
3592
3646
  {
3647
+ "type": "card",
3593
3648
  "children": [
3594
3649
  {
3595
- "variant": "caption",
3596
3650
  "content": "Graph View",
3597
- "type": "typography"
3651
+ "type": "typography",
3652
+ "variant": "caption"
3598
3653
  }
3599
- ],
3600
- "type": "card"
3654
+ ]
3601
3655
  }
3602
- ],
3603
- "type": "grid",
3604
- "gap": "md"
3656
+ ]
3605
3657
  },
3606
3658
  {
3607
3659
  "type": "line-chart",
@@ -3611,16 +3663,16 @@
3611
3663
  "value": 12.0
3612
3664
  },
3613
3665
  {
3614
- "date": "Feb",
3615
- "value": 19.0
3666
+ "value": 19.0,
3667
+ "date": "Feb"
3616
3668
  },
3617
3669
  {
3618
3670
  "date": "Mar",
3619
3671
  "value": 15.0
3620
3672
  },
3621
3673
  {
3622
- "date": "Apr",
3623
- "value": 25.0
3674
+ "value": 25.0,
3675
+ "date": "Apr"
3624
3676
  },
3625
3677
  {
3626
3678
  "date": "May",
@@ -3636,68 +3688,70 @@
3636
3688
  "type": "chart-legend",
3637
3689
  "items": [
3638
3690
  {
3639
- "label": "Current",
3640
- "color": "primary"
3691
+ "color": "primary",
3692
+ "label": "Current"
3641
3693
  },
3642
3694
  {
3643
- "color": "muted",
3644
- "label": "Previous"
3695
+ "label": "Previous",
3696
+ "color": "muted"
3645
3697
  }
3646
3698
  ]
3647
3699
  },
3648
3700
  {
3649
- "edges": [
3650
- {
3651
- "target": "b",
3652
- "source": "a"
3653
- },
3654
- {
3655
- "source": "b",
3656
- "target": "c"
3657
- }
3658
- ],
3659
3701
  "type": "graph-view",
3702
+ "width": 400.0,
3703
+ "height": 200.0,
3660
3704
  "nodes": [
3661
3705
  {
3662
- "id": "a",
3663
- "label": "Start"
3706
+ "label": "Start",
3707
+ "id": "a"
3664
3708
  },
3665
3709
  {
3666
3710
  "label": "Process",
3667
3711
  "id": "b"
3668
3712
  },
3669
3713
  {
3670
- "label": "End",
3671
- "id": "c"
3714
+ "id": "c",
3715
+ "label": "End"
3672
3716
  }
3673
3717
  ],
3674
- "height": 200.0,
3675
- "width": 400.0
3718
+ "edges": [
3719
+ {
3720
+ "source": "a",
3721
+ "target": "b"
3722
+ },
3723
+ {
3724
+ "source": "b",
3725
+ "target": "c"
3726
+ }
3727
+ ]
3676
3728
  }
3677
- ]
3729
+ ],
3730
+ "gap": "lg",
3731
+ "type": "stack"
3678
3732
  }
3679
- ]
3733
+ ],
3734
+ "type": "scaled-diagram"
3680
3735
  }
3681
3736
  ],
3682
3737
  "navItems": [
3683
3738
  {
3684
- "label": "Tickets",
3685
3739
  "href": "/tickets",
3686
- "icon": "inbox"
3740
+ "icon": "inbox",
3741
+ "label": "Tickets"
3687
3742
  },
3688
3743
  {
3689
- "href": "/responses",
3744
+ "icon": "message-circle",
3690
3745
  "label": "Responses",
3691
- "icon": "message-circle"
3746
+ "href": "/responses"
3692
3747
  },
3693
3748
  {
3694
- "href": "/metrics",
3749
+ "label": "Metrics",
3695
3750
  "icon": "layout-list",
3696
- "label": "Metrics"
3751
+ "href": "/metrics"
3697
3752
  }
3698
3753
  ],
3699
- "appName": "Helpdesk",
3700
- "type": "dashboard-layout"
3754
+ "appName": "Helpdesk"
3701
3755
  }
3702
3756
  ]
3703
3757
  ]
@@ -3712,8 +3766,8 @@
3712
3766
  "SupportMetrics",
3713
3767
  {
3714
3768
  "emit": {
3715
- "failure": "SupportMetricsLoadFailed",
3716
- "success": "SupportMetricsLoaded"
3769
+ "success": "SupportMetricsLoaded",
3770
+ "failure": "SupportMetricsLoadFailed"
3717
3771
  }
3718
3772
  }
3719
3773
  ],
@@ -3723,15 +3777,18 @@
3723
3777
  {
3724
3778
  "children": [
3725
3779
  {
3780
+ "type": "scaled-diagram",
3726
3781
  "children": [
3727
3782
  {
3783
+ "type": "stack",
3784
+ "gap": "lg",
3728
3785
  "children": [
3729
3786
  {
3730
3787
  "type": "breadcrumb",
3731
3788
  "items": [
3732
3789
  {
3733
- "label": "Home",
3734
- "href": "/"
3790
+ "href": "/",
3791
+ "label": "Home"
3735
3792
  },
3736
3793
  {
3737
3794
  "label": "Support Metrics"
@@ -3739,58 +3796,62 @@
3739
3796
  ]
3740
3797
  },
3741
3798
  {
3799
+ "direction": "horizontal",
3800
+ "gap": "md",
3801
+ "justify": "between",
3802
+ "type": "stack",
3742
3803
  "children": [
3743
3804
  {
3744
- "direction": "horizontal",
3745
3805
  "gap": "md",
3746
- "type": "stack",
3747
3806
  "children": [
3748
3807
  {
3749
3808
  "name": "activity",
3750
3809
  "type": "icon"
3751
3810
  },
3752
3811
  {
3753
- "type": "typography",
3754
3812
  "content": "Support Metrics",
3755
- "variant": "h2"
3813
+ "variant": "h2",
3814
+ "type": "typography"
3756
3815
  }
3757
- ]
3816
+ ],
3817
+ "direction": "horizontal",
3818
+ "type": "stack"
3758
3819
  },
3759
3820
  {
3760
- "type": "button",
3761
3821
  "variant": "secondary",
3762
- "icon": "refresh-cw",
3763
3822
  "action": "REFRESH",
3764
- "label": "Refresh"
3823
+ "label": "Refresh",
3824
+ "type": "button",
3825
+ "icon": "refresh-cw"
3765
3826
  }
3766
- ],
3767
- "type": "stack",
3768
- "gap": "md",
3769
- "direction": "horizontal",
3770
- "justify": "between"
3827
+ ]
3771
3828
  },
3772
3829
  {
3773
3830
  "type": "divider"
3774
3831
  },
3775
3832
  {
3833
+ "type": "box",
3834
+ "padding": "md",
3776
3835
  "children": [
3777
3836
  {
3837
+ "type": "simple-grid",
3778
3838
  "cols": 3.0,
3779
3839
  "children": [
3780
3840
  {
3781
- "label": "OpenTickets",
3782
3841
  "value": "@entity.openTickets",
3783
- "type": "stat-display"
3842
+ "type": "stat-display",
3843
+ "label": "OpenTickets"
3784
3844
  },
3785
3845
  {
3846
+ "value": "@entity.resolvedTickets",
3786
3847
  "type": "stat-display",
3787
- "label": "ResolvedTickets",
3788
- "value": "@entity.resolvedTickets"
3848
+ "label": "ResolvedTickets"
3789
3849
  },
3790
3850
  {
3791
3851
  "type": "card",
3792
3852
  "children": [
3793
3853
  {
3854
+ "type": "stack",
3794
3855
  "children": [
3795
3856
  {
3796
3857
  "variant": "caption",
@@ -3798,20 +3859,19 @@
3798
3859
  "content": "AvgResponseTime"
3799
3860
  },
3800
3861
  {
3801
- "variant": "h3",
3802
3862
  "type": "typography",
3863
+ "variant": "h3",
3803
3864
  "content": "@entity.avgResponseTime"
3804
3865
  }
3805
3866
  ],
3806
- "type": "stack",
3807
- "direction": "vertical",
3808
- "gap": "sm"
3867
+ "gap": "sm",
3868
+ "direction": "vertical"
3809
3869
  }
3810
3870
  ]
3811
3871
  },
3812
3872
  {
3813
- "label": "SatisfactionScore",
3814
3873
  "type": "stat-display",
3874
+ "label": "SatisfactionScore",
3815
3875
  "value": "@entity.satisfactionScore"
3816
3876
  },
3817
3877
  {
@@ -3819,34 +3879,31 @@
3819
3879
  "label": "ActiveAgents",
3820
3880
  "value": "@entity.activeAgents"
3821
3881
  }
3822
- ],
3823
- "type": "simple-grid"
3882
+ ]
3824
3883
  }
3825
- ],
3826
- "type": "box",
3827
- "padding": "md"
3884
+ ]
3828
3885
  },
3829
3886
  {
3830
3887
  "type": "divider"
3831
3888
  },
3832
3889
  {
3833
- "cols": 2.0,
3890
+ "gap": "md",
3834
3891
  "children": [
3835
3892
  {
3836
3893
  "type": "card",
3837
3894
  "children": [
3838
3895
  {
3839
3896
  "variant": "caption",
3840
- "type": "typography",
3841
- "content": "Chart View"
3897
+ "content": "Chart View",
3898
+ "type": "typography"
3842
3899
  }
3843
3900
  ]
3844
3901
  },
3845
3902
  {
3846
3903
  "children": [
3847
3904
  {
3848
- "type": "typography",
3849
3905
  "variant": "caption",
3906
+ "type": "typography",
3850
3907
  "content": "Graph View"
3851
3908
  }
3852
3909
  ],
@@ -3854,14 +3911,14 @@
3854
3911
  }
3855
3912
  ],
3856
3913
  "type": "grid",
3857
- "gap": "md"
3914
+ "cols": 2.0
3858
3915
  },
3859
3916
  {
3860
3917
  "type": "line-chart",
3861
3918
  "data": [
3862
3919
  {
3863
- "value": 12.0,
3864
- "date": "Jan"
3920
+ "date": "Jan",
3921
+ "value": 12.0
3865
3922
  },
3866
3923
  {
3867
3924
  "date": "Feb",
@@ -3889,8 +3946,8 @@
3889
3946
  "type": "chart-legend",
3890
3947
  "items": [
3891
3948
  {
3892
- "label": "Current",
3893
- "color": "primary"
3949
+ "color": "primary",
3950
+ "label": "Current"
3894
3951
  },
3895
3952
  {
3896
3953
  "label": "Previous",
@@ -3899,23 +3956,10 @@
3899
3956
  ]
3900
3957
  },
3901
3958
  {
3902
- "height": 200.0,
3903
- "edges": [
3904
- {
3905
- "source": "a",
3906
- "target": "b"
3907
- },
3908
- {
3909
- "target": "c",
3910
- "source": "b"
3911
- }
3912
- ],
3913
- "width": 400.0,
3914
- "type": "graph-view",
3915
3959
  "nodes": [
3916
3960
  {
3917
- "id": "a",
3918
- "label": "Start"
3961
+ "label": "Start",
3962
+ "id": "a"
3919
3963
  },
3920
3964
  {
3921
3965
  "label": "Process",
@@ -3925,17 +3969,28 @@
3925
3969
  "id": "c",
3926
3970
  "label": "End"
3927
3971
  }
3928
- ]
3972
+ ],
3973
+ "width": 400.0,
3974
+ "type": "graph-view",
3975
+ "edges": [
3976
+ {
3977
+ "target": "b",
3978
+ "source": "a"
3979
+ },
3980
+ {
3981
+ "source": "b",
3982
+ "target": "c"
3983
+ }
3984
+ ],
3985
+ "height": 200.0
3929
3986
  }
3930
3987
  ],
3931
- "gap": "lg",
3932
- "direction": "vertical",
3933
- "type": "stack"
3988
+ "direction": "vertical"
3934
3989
  }
3935
- ],
3936
- "type": "scaled-diagram"
3990
+ ]
3937
3991
  }
3938
3992
  ],
3993
+ "type": "dashboard-layout",
3939
3994
  "appName": "Helpdesk",
3940
3995
  "navItems": [
3941
3996
  {
@@ -3945,16 +4000,15 @@
3945
4000
  },
3946
4001
  {
3947
4002
  "icon": "message-circle",
3948
- "label": "Responses",
3949
- "href": "/responses"
4003
+ "href": "/responses",
4004
+ "label": "Responses"
3950
4005
  },
3951
4006
  {
3952
4007
  "href": "/metrics",
3953
- "icon": "layout-list",
3954
- "label": "Metrics"
4008
+ "label": "Metrics",
4009
+ "icon": "layout-list"
3955
4010
  }
3956
- ],
3957
- "type": "dashboard-layout"
4011
+ ]
3958
4012
  }
3959
4013
  ]
3960
4014
  ]
@@ -3969,8 +4023,8 @@
3969
4023
  "SupportMetrics",
3970
4024
  {
3971
4025
  "emit": {
3972
- "success": "SupportMetricsLoaded",
3973
- "failure": "SupportMetricsLoadFailed"
4026
+ "failure": "SupportMetricsLoadFailed",
4027
+ "success": "SupportMetricsLoaded"
3974
4028
  }
3975
4029
  }
3976
4030
  ],
@@ -3979,12 +4033,30 @@
3979
4033
  "main",
3980
4034
  {
3981
4035
  "appName": "Helpdesk",
4036
+ "navItems": [
4037
+ {
4038
+ "label": "Tickets",
4039
+ "href": "/tickets",
4040
+ "icon": "inbox"
4041
+ },
4042
+ {
4043
+ "href": "/responses",
4044
+ "icon": "message-circle",
4045
+ "label": "Responses"
4046
+ },
4047
+ {
4048
+ "href": "/metrics",
4049
+ "label": "Metrics",
4050
+ "icon": "layout-list"
4051
+ }
4052
+ ],
4053
+ "type": "dashboard-layout",
3982
4054
  "children": [
3983
4055
  {
3984
4056
  "type": "scaled-diagram",
3985
4057
  "children": [
3986
4058
  {
3987
- "type": "stack",
4059
+ "gap": "lg",
3988
4060
  "direction": "vertical",
3989
4061
  "children": [
3990
4062
  {
@@ -4001,33 +4073,33 @@
4001
4073
  },
4002
4074
  {
4003
4075
  "gap": "md",
4004
- "justify": "between",
4005
4076
  "children": [
4006
4077
  {
4078
+ "gap": "md",
4079
+ "type": "stack",
4007
4080
  "direction": "horizontal",
4008
4081
  "children": [
4009
4082
  {
4010
- "type": "icon",
4011
- "name": "activity"
4083
+ "name": "activity",
4084
+ "type": "icon"
4012
4085
  },
4013
4086
  {
4014
4087
  "type": "typography",
4015
4088
  "variant": "h2",
4016
4089
  "content": "Support Metrics"
4017
4090
  }
4018
- ],
4019
- "gap": "md",
4020
- "type": "stack"
4091
+ ]
4021
4092
  },
4022
4093
  {
4023
- "action": "REFRESH",
4024
- "icon": "refresh-cw",
4025
4094
  "label": "Refresh",
4095
+ "variant": "secondary",
4026
4096
  "type": "button",
4027
- "variant": "secondary"
4097
+ "action": "REFRESH",
4098
+ "icon": "refresh-cw"
4028
4099
  }
4029
4100
  ],
4030
4101
  "type": "stack",
4102
+ "justify": "between",
4031
4103
  "direction": "horizontal"
4032
4104
  },
4033
4105
  {
@@ -4039,6 +4111,7 @@
4039
4111
  "children": [
4040
4112
  {
4041
4113
  "type": "simple-grid",
4114
+ "cols": 3.0,
4042
4115
  "children": [
4043
4116
  {
4044
4117
  "type": "stat-display",
@@ -4054,6 +4127,9 @@
4054
4127
  "type": "card",
4055
4128
  "children": [
4056
4129
  {
4130
+ "gap": "sm",
4131
+ "direction": "vertical",
4132
+ "type": "stack",
4057
4133
  "children": [
4058
4134
  {
4059
4135
  "type": "typography",
@@ -4061,29 +4137,25 @@
4061
4137
  "variant": "caption"
4062
4138
  },
4063
4139
  {
4140
+ "variant": "h3",
4064
4141
  "content": "@entity.avgResponseTime",
4065
- "type": "typography",
4066
- "variant": "h3"
4142
+ "type": "typography"
4067
4143
  }
4068
- ],
4069
- "direction": "vertical",
4070
- "gap": "sm",
4071
- "type": "stack"
4144
+ ]
4072
4145
  }
4073
4146
  ]
4074
4147
  },
4075
4148
  {
4076
- "label": "SatisfactionScore",
4149
+ "type": "stat-display",
4077
4150
  "value": "@entity.satisfactionScore",
4078
- "type": "stat-display"
4151
+ "label": "SatisfactionScore"
4079
4152
  },
4080
4153
  {
4081
4154
  "label": "ActiveAgents",
4082
- "value": "@entity.activeAgents",
4083
- "type": "stat-display"
4155
+ "type": "stat-display",
4156
+ "value": "@entity.activeAgents"
4084
4157
  }
4085
- ],
4086
- "cols": 3.0
4158
+ ]
4087
4159
  }
4088
4160
  ]
4089
4161
  },
@@ -4091,49 +4163,49 @@
4091
4163
  "type": "divider"
4092
4164
  },
4093
4165
  {
4094
- "cols": 2.0,
4095
4166
  "children": [
4096
4167
  {
4097
- "type": "card",
4098
4168
  "children": [
4099
4169
  {
4170
+ "variant": "caption",
4100
4171
  "type": "typography",
4101
- "content": "Chart View",
4102
- "variant": "caption"
4172
+ "content": "Chart View"
4103
4173
  }
4104
- ]
4174
+ ],
4175
+ "type": "card"
4105
4176
  },
4106
4177
  {
4107
4178
  "children": [
4108
4179
  {
4109
- "content": "Graph View",
4180
+ "type": "typography",
4110
4181
  "variant": "caption",
4111
- "type": "typography"
4182
+ "content": "Graph View"
4112
4183
  }
4113
4184
  ],
4114
4185
  "type": "card"
4115
4186
  }
4116
4187
  ],
4117
4188
  "gap": "md",
4118
- "type": "grid"
4189
+ "type": "grid",
4190
+ "cols": 2.0
4119
4191
  },
4120
4192
  {
4121
4193
  "data": [
4122
4194
  {
4123
- "value": 12.0,
4124
- "date": "Jan"
4195
+ "date": "Jan",
4196
+ "value": 12.0
4125
4197
  },
4126
4198
  {
4127
- "value": 19.0,
4128
- "date": "Feb"
4199
+ "date": "Feb",
4200
+ "value": 19.0
4129
4201
  },
4130
4202
  {
4131
4203
  "date": "Mar",
4132
4204
  "value": 15.0
4133
4205
  },
4134
4206
  {
4135
- "date": "Apr",
4136
- "value": 25.0
4207
+ "value": 25.0,
4208
+ "date": "Apr"
4137
4209
  },
4138
4210
  {
4139
4211
  "date": "May",
@@ -4153,8 +4225,8 @@
4153
4225
  "label": "Current"
4154
4226
  },
4155
4227
  {
4156
- "color": "muted",
4157
- "label": "Previous"
4228
+ "label": "Previous",
4229
+ "color": "muted"
4158
4230
  }
4159
4231
  ],
4160
4232
  "type": "chart-legend"
@@ -4166,52 +4238,34 @@
4166
4238
  "target": "b"
4167
4239
  },
4168
4240
  {
4169
- "source": "b",
4170
- "target": "c"
4241
+ "target": "c",
4242
+ "source": "b"
4171
4243
  }
4172
4244
  ],
4173
4245
  "height": 200.0,
4174
- "type": "graph-view",
4175
4246
  "width": 400.0,
4176
4247
  "nodes": [
4177
4248
  {
4178
- "label": "Start",
4179
- "id": "a"
4249
+ "id": "a",
4250
+ "label": "Start"
4180
4251
  },
4181
4252
  {
4182
- "id": "b",
4183
- "label": "Process"
4253
+ "label": "Process",
4254
+ "id": "b"
4184
4255
  },
4185
4256
  {
4186
4257
  "id": "c",
4187
4258
  "label": "End"
4188
4259
  }
4189
- ]
4260
+ ],
4261
+ "type": "graph-view"
4190
4262
  }
4191
4263
  ],
4192
- "gap": "lg"
4264
+ "type": "stack"
4193
4265
  }
4194
4266
  ]
4195
4267
  }
4196
- ],
4197
- "navItems": [
4198
- {
4199
- "href": "/tickets",
4200
- "label": "Tickets",
4201
- "icon": "inbox"
4202
- },
4203
- {
4204
- "href": "/responses",
4205
- "label": "Responses",
4206
- "icon": "message-circle"
4207
- },
4208
- {
4209
- "label": "Metrics",
4210
- "icon": "layout-list",
4211
- "href": "/metrics"
4212
- }
4213
- ],
4214
- "type": "dashboard-layout"
4268
+ ]
4215
4269
  }
4216
4270
  ]
4217
4271
  ]