@almadar/std 8.2.0 → 8.4.0

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