@almadar/std 14.3.0 → 14.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 (33) hide show
  1. package/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
  2. package/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
  3. package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
  4. package/behaviors/registry/app/organisms/std-crm.orb +950 -817
  5. package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
  6. package/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
  7. package/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
  8. package/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
  9. package/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
  10. package/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
  11. package/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
  12. package/behaviors/registry/app/organisms/std-lms.orb +1060 -926
  13. package/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
  14. package/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
  15. package/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
  16. package/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
  17. package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
  18. package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
  19. package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
  20. package/dist/behaviors/registry/app/organisms/std-crm.orb +950 -817
  21. package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
  22. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
  23. package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
  24. package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
  25. package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
  26. package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
  27. package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
  28. package/dist/behaviors/registry/app/organisms/std-lms.orb +1060 -926
  29. package/dist/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
  30. package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
  31. package/dist/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
  32. package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
  33. package/package.json +1 -1
package/dist/behaviors/registry/app/organisms/std-helpdesk.orb CHANGED
@@ -5,6 +5,12 @@
5
5
  "orbitals": [
6
6
  {
7
7
  "name": "TicketOrbital",
8
+ "uses": [
9
+ {
10
+ "from": "std/behaviors/std-app-layout",
11
+ "as": "AppShell"
12
+ }
13
+ ],
8
14
  "entity": {
9
15
  "name": "Ticket",
10
16
  "persistence": "runtime",
@@ -59,6 +65,38 @@
59
65
  ]
60
66
  },
61
67
  "traits": [
68
+ {
69
+ "ref": "AppShell.traits.AppLayout",
70
+ "name": "TicketAppLayout",
71
+ "config": {
72
+ "contentTrait": "@trait.TicketBrowse",
73
+ "navItems": [
74
+ {
75
+ "label": "Tickets",
76
+ "href": "/tickets",
77
+ "icon": "inbox"
78
+ },
79
+ {
80
+ "href": "/responses",
81
+ "icon": "message-circle",
82
+ "label": "Responses"
83
+ },
84
+ {
85
+ "href": "/metrics",
86
+ "icon": "layout-list",
87
+ "label": "Metrics"
88
+ }
89
+ ],
90
+ "notifications": [],
91
+ "appName": "Helpdesk",
92
+ "notificationClickEvent": "TICKET_NOTIFICATIONS_OPEN",
93
+ "searchEvent": "TICKET_SEARCH"
94
+ },
95
+ "events": {
96
+ "NOTIFY_CLICK": "TICKET_NOTIFICATIONS_OPEN",
97
+ "SEARCH": "TICKET_SEARCH"
98
+ }
99
+ },
62
100
  {
63
101
  "name": "TicketBrowse",
64
102
  "category": "interaction",
@@ -341,6 +379,22 @@
341
379
  "kind": "trait",
342
380
  "trait": "TicketDelete"
343
381
  }
382
+ },
383
+ {
384
+ "event": "TICKET_SEARCH",
385
+ "triggers": "TICKET_SEARCH",
386
+ "source": {
387
+ "kind": "trait",
388
+ "trait": "TicketAppLayout"
389
+ }
390
+ },
391
+ {
392
+ "event": "TICKET_NOTIFICATIONS_OPEN",
393
+ "triggers": "TICKET_NOTIFICATIONS_OPEN",
394
+ "source": {
395
+ "kind": "trait",
396
+ "trait": "TicketAppLayout"
397
+ }
344
398
  }
345
399
  ],
346
400
  "stateMachine": {
@@ -355,6 +409,26 @@
355
409
  "key": "INIT",
356
410
  "name": "Initialize"
357
411
  },
412
+ {
413
+ "key": "TICKET_SEARCH",
414
+ "name": "Ticket Search",
415
+ "payloadSchema": [
416
+ {
417
+ "name": "value",
418
+ "type": "string"
419
+ }
420
+ ]
421
+ },
422
+ {
423
+ "key": "TICKET_NOTIFICATIONS_OPEN",
424
+ "name": "Ticket Notifications Open",
425
+ "payloadSchema": [
426
+ {
427
+ "name": "id",
428
+ "type": "string"
429
+ }
430
+ ]
431
+ },
358
432
  {
359
433
  "key": "TicketLoaded",
360
434
  "name": "Ticket loaded",
@@ -549,22 +623,22 @@
549
623
  "render-ui",
550
624
  "main",
551
625
  {
552
- "direction": "vertical",
553
- "gap": "md",
554
- "type": "stack",
555
626
  "className": "py-12",
556
- "align": "center",
557
627
  "children": [
558
628
  {
559
629
  "type": "spinner"
560
630
  },
561
631
  {
632
+ "variant": "caption",
562
633
  "color": "muted",
563
634
  "type": "typography",
564
- "content": "Loading…",
565
- "variant": "caption"
635
+ "content": "Loading…"
566
636
  }
567
- ]
637
+ ],
638
+ "gap": "md",
639
+ "type": "stack",
640
+ "direction": "vertical",
641
+ "align": "center"
568
642
  }
569
643
  ]
570
644
  ]
@@ -572,143 +646,199 @@
572
646
  {
573
647
  "from": "browsing",
574
648
  "to": "browsing",
575
- "event": "TicketLoaded",
649
+ "event": "TICKET_SEARCH",
576
650
  "effects": [
651
+ [
652
+ "fetch",
653
+ "Ticket",
654
+ {
655
+ "emit": {
656
+ "failure": "TicketLoadFailed",
657
+ "success": "TicketLoaded"
658
+ }
659
+ }
660
+ ],
577
661
  [
578
662
  "render-ui",
579
663
  "main",
580
664
  {
581
- "appName": "Helpdesk",
582
- "type": "dashboard-layout",
583
- "navItems": [
665
+ "type": "stack",
666
+ "gap": "md",
667
+ "children": [
584
668
  {
585
- "label": "Tickets",
586
- "href": "/tickets",
587
- "icon": "inbox"
669
+ "type": "spinner"
588
670
  },
589
671
  {
590
- "href": "/responses",
591
- "label": "Responses",
592
- "icon": "message-circle"
672
+ "variant": "caption",
673
+ "type": "typography",
674
+ "color": "muted",
675
+ "content": "Searching…"
676
+ }
677
+ ],
678
+ "className": "py-12",
679
+ "direction": "vertical",
680
+ "align": "center"
681
+ }
682
+ ]
683
+ ]
684
+ },
685
+ {
686
+ "from": "browsing",
687
+ "to": "browsing",
688
+ "event": "TICKET_NOTIFICATIONS_OPEN",
689
+ "effects": [
690
+ [
691
+ "render-ui",
692
+ "main",
693
+ {
694
+ "type": "stack",
695
+ "gap": "md",
696
+ "align": "center",
697
+ "className": "py-8",
698
+ "direction": "vertical",
699
+ "children": [
700
+ {
701
+ "name": "bell",
702
+ "type": "icon"
593
703
  },
594
704
  {
595
- "href": "/metrics",
596
- "icon": "layout-list",
597
- "label": "Metrics"
705
+ "variant": "h3",
706
+ "type": "typography",
707
+ "content": "No notifications"
708
+ },
709
+ {
710
+ "color": "muted",
711
+ "variant": "caption",
712
+ "content": "You're all caught up.",
713
+ "type": "typography"
714
+ },
715
+ {
716
+ "type": "button",
717
+ "label": "Back to tickets",
718
+ "variant": "ghost",
719
+ "action": "INIT"
598
720
  }
599
- ],
721
+ ]
722
+ }
723
+ ]
724
+ ]
725
+ },
726
+ {
727
+ "from": "browsing",
728
+ "to": "browsing",
729
+ "event": "TicketLoaded",
730
+ "effects": [
731
+ [
732
+ "render-ui",
733
+ "main",
734
+ {
735
+ "type": "stack",
736
+ "direction": "vertical",
737
+ "gap": "lg",
600
738
  "children": [
601
739
  {
602
- "className": "max-w-5xl mx-auto w-full",
603
- "type": "stack",
604
- "direction": "vertical",
605
740
  "children": [
606
741
  {
742
+ "gap": "sm",
607
743
  "align": "center",
744
+ "type": "stack",
745
+ "direction": "horizontal",
608
746
  "children": [
609
747
  {
610
- "direction": "horizontal",
611
- "gap": "sm",
612
- "children": [
613
- {
614
- "type": "icon",
615
- "name": "inbox"
616
- },
617
- {
618
- "variant": "h2",
619
- "content": "Tickets",
620
- "type": "typography"
621
- }
622
- ],
623
- "type": "stack",
624
- "align": "center"
748
+ "name": "inbox",
749
+ "type": "icon"
625
750
  },
626
751
  {
627
- "type": "stack",
628
- "direction": "horizontal",
629
- "children": [
630
- {
631
- "icon": "plus",
632
- "label": "New Ticket",
633
- "type": "button",
634
- "action": "CREATE",
635
- "variant": "primary"
636
- }
637
- ],
638
- "gap": "sm"
752
+ "content": "Tickets",
753
+ "variant": "h2",
754
+ "type": "typography"
639
755
  }
640
- ],
641
- "direction": "horizontal",
642
- "gap": "md",
643
- "justify": "between",
644
- "type": "stack"
645
- },
646
- {
647
- "type": "divider"
756
+ ]
648
757
  },
649
758
  {
759
+ "gap": "sm",
760
+ "direction": "horizontal",
650
761
  "children": [
651
762
  {
652
- "icon": "inbox",
653
- "type": "stat-display",
654
- "value": "@payload.data.length",
655
- "label": "Open Tickets"
763
+ "variant": "primary",
764
+ "type": "button",
765
+ "label": "New Ticket",
766
+ "action": "CREATE",
767
+ "icon": "plus"
656
768
  }
657
769
  ],
658
- "type": "simple-grid",
659
- "cols": 1.0
770
+ "type": "stack"
771
+ }
772
+ ],
773
+ "type": "stack",
774
+ "gap": "md",
775
+ "direction": "horizontal",
776
+ "align": "center",
777
+ "justify": "between"
778
+ },
779
+ {
780
+ "type": "divider"
781
+ },
782
+ {
783
+ "cols": 1.0,
784
+ "children": [
785
+ {
786
+ "icon": "inbox",
787
+ "label": "Open Tickets",
788
+ "type": "stat-display",
789
+ "value": "@payload.data.length"
790
+ }
791
+ ],
792
+ "type": "simple-grid"
793
+ },
794
+ {
795
+ "type": "divider"
796
+ },
797
+ {
798
+ "itemActions": [
799
+ {
800
+ "event": "VIEW",
801
+ "variant": "ghost",
802
+ "label": "View"
660
803
  },
661
804
  {
662
- "type": "divider"
805
+ "event": "EDIT",
806
+ "label": "Edit",
807
+ "variant": "ghost"
663
808
  },
664
809
  {
665
- "fields": [
666
- {
667
- "icon": "inbox",
668
- "name": "subject",
669
- "variant": "h3"
670
- },
671
- {
672
- "variant": "badge",
673
- "name": "priority"
674
- },
675
- {
676
- "variant": "badge",
677
- "name": "status"
678
- },
679
- {
680
- "name": "assignee",
681
- "variant": "body"
682
- },
683
- {
684
- "name": "description",
685
- "variant": "caption"
686
- }
687
- ],
688
- "gap": "sm",
689
- "itemActions": [
690
- {
691
- "variant": "ghost",
692
- "event": "VIEW",
693
- "label": "View"
694
- },
695
- {
696
- "variant": "ghost",
697
- "label": "Edit",
698
- "event": "EDIT"
699
- },
700
- {
701
- "label": "Delete",
702
- "event": "DELETE",
703
- "variant": "danger"
704
- }
705
- ],
706
- "variant": "card",
707
- "type": "data-list",
708
- "entity": "@payload.data"
810
+ "variant": "danger",
811
+ "label": "Delete",
812
+ "event": "DELETE"
813
+ }
814
+ ],
815
+ "variant": "card",
816
+ "entity": "@payload.data",
817
+ "gap": "sm",
818
+ "fields": [
819
+ {
820
+ "name": "subject",
821
+ "variant": "h3",
822
+ "icon": "inbox"
823
+ },
824
+ {
825
+ "variant": "badge",
826
+ "name": "priority"
827
+ },
828
+ {
829
+ "name": "status",
830
+ "variant": "badge"
831
+ },
832
+ {
833
+ "name": "assignee",
834
+ "variant": "body"
835
+ },
836
+ {
837
+ "name": "description",
838
+ "variant": "caption"
709
839
  }
710
840
  ],
711
- "gap": "lg"
841
+ "type": "data-list"
712
842
  }
713
843
  ]
714
844
  }
@@ -724,11 +854,6 @@
724
854
  "render-ui",
725
855
  "main",
726
856
  {
727
- "direction": "vertical",
728
- "type": "stack",
729
- "gap": "md",
730
- "align": "center",
731
- "className": "py-12",
732
857
  "children": [
733
858
  {
734
859
  "type": "icon",
@@ -736,24 +861,29 @@
736
861
  "color": "destructive"
737
862
  },
738
863
  {
864
+ "variant": "h3",
739
865
  "type": "typography",
740
- "content": "Failed to load ticket",
741
- "variant": "h3"
866
+ "content": "Failed to load ticket"
742
867
  },
743
868
  {
744
- "color": "muted",
745
869
  "content": "@payload.error",
746
- "variant": "body",
747
- "type": "typography"
870
+ "type": "typography",
871
+ "color": "muted",
872
+ "variant": "body"
748
873
  },
749
874
  {
750
- "type": "button",
751
- "variant": "primary",
752
- "label": "Retry",
753
875
  "icon": "rotate-ccw",
754
- "action": "INIT"
876
+ "action": "INIT",
877
+ "variant": "primary",
878
+ "type": "button",
879
+ "label": "Retry"
755
880
  }
756
- ]
881
+ ],
882
+ "align": "center",
883
+ "className": "py-12",
884
+ "type": "stack",
885
+ "direction": "vertical",
886
+ "gap": "md"
757
887
  }
758
888
  ]
759
889
  ]
@@ -953,8 +1083,8 @@
953
1083
  "Ticket",
954
1084
  {
955
1085
  "emit": {
956
- "failure": "TicketLoadFailed",
957
- "success": "TicketLoaded"
1086
+ "success": "TicketLoaded",
1087
+ "failure": "TicketLoadFailed"
958
1088
  }
959
1089
  }
960
1090
  ],
@@ -962,41 +1092,41 @@
962
1092
  "render-ui",
963
1093
  "modal",
964
1094
  {
965
- "direction": "vertical",
966
1095
  "type": "stack",
1096
+ "direction": "vertical",
967
1097
  "gap": "md",
968
1098
  "children": [
969
1099
  {
1100
+ "direction": "horizontal",
1101
+ "type": "stack",
1102
+ "gap": "sm",
970
1103
  "children": [
971
1104
  {
972
- "name": "plus-circle",
973
- "type": "icon"
1105
+ "type": "icon",
1106
+ "name": "plus-circle"
974
1107
  },
975
1108
  {
976
- "variant": "h3",
1109
+ "type": "typography",
977
1110
  "content": "Create Ticket",
978
- "type": "typography"
1111
+ "variant": "h3"
979
1112
  }
980
- ],
981
- "direction": "horizontal",
982
- "gap": "sm",
983
- "type": "stack"
1113
+ ]
984
1114
  },
985
1115
  {
986
1116
  "type": "divider"
987
1117
  },
988
1118
  {
989
- "cancelEvent": "CLOSE",
990
1119
  "mode": "create",
991
- "type": "form-section",
992
- "submitEvent": "SAVE",
993
1120
  "fields": [
994
1121
  "subject",
995
1122
  "description",
996
1123
  "priority",
997
1124
  "status",
998
1125
  "assignee"
999
- ]
1126
+ ],
1127
+ "type": "form-section",
1128
+ "cancelEvent": "CLOSE",
1129
+ "submitEvent": "SAVE"
1000
1130
  }
1001
1131
  ]
1002
1132
  }
@@ -1277,8 +1407,8 @@
1277
1407
  {
1278
1408
  "id": "@payload.id",
1279
1409
  "emit": {
1280
- "success": "TicketLoaded",
1281
- "failure": "TicketLoadFailed"
1410
+ "failure": "TicketLoadFailed",
1411
+ "success": "TicketLoaded"
1282
1412
  }
1283
1413
  }
1284
1414
  ],
@@ -1287,30 +1417,29 @@
1287
1417
  "modal",
1288
1418
  {
1289
1419
  "gap": "md",
1290
- "direction": "vertical",
1291
- "type": "stack",
1292
1420
  "children": [
1293
1421
  {
1422
+ "type": "stack",
1423
+ "direction": "horizontal",
1424
+ "gap": "sm",
1294
1425
  "children": [
1295
1426
  {
1296
1427
  "type": "icon",
1297
1428
  "name": "edit"
1298
1429
  },
1299
1430
  {
1431
+ "content": "Edit Ticket",
1300
1432
  "variant": "h3",
1301
- "type": "typography",
1302
- "content": "Edit Ticket"
1433
+ "type": "typography"
1303
1434
  }
1304
- ],
1305
- "direction": "horizontal",
1306
- "type": "stack",
1307
- "gap": "sm"
1435
+ ]
1308
1436
  },
1309
1437
  {
1310
1438
  "type": "divider"
1311
1439
  },
1312
1440
  {
1313
1441
  "mode": "edit",
1442
+ "entity": "@payload.row",
1314
1443
  "fields": [
1315
1444
  "subject",
1316
1445
  "description",
@@ -1318,12 +1447,13 @@
1318
1447
  "status",
1319
1448
  "assignee"
1320
1449
  ],
1321
- "type": "form-section",
1322
1450
  "cancelEvent": "CLOSE",
1323
- "submitEvent": "SAVE",
1324
- "entity": "@payload.row"
1451
+ "type": "form-section",
1452
+ "submitEvent": "SAVE"
1325
1453
  }
1326
- ]
1454
+ ],
1455
+ "type": "stack",
1456
+ "direction": "vertical"
1327
1457
  }
1328
1458
  ]
1329
1459
  ]
@@ -1364,8 +1494,8 @@
1364
1494
  "@payload.data",
1365
1495
  {
1366
1496
  "emit": {
1367
- "success": "TicketUpdated",
1368
- "failure": "TicketUpdateFailed"
1497
+ "failure": "TicketUpdateFailed",
1498
+ "success": "TicketUpdated"
1369
1499
  }
1370
1500
  }
1371
1501
  ],
@@ -1548,8 +1678,8 @@
1548
1678
  "Ticket",
1549
1679
  {
1550
1680
  "emit": {
1551
- "success": "TicketLoaded",
1552
- "failure": "TicketLoadFailed"
1681
+ "failure": "TicketLoadFailed",
1682
+ "success": "TicketLoaded"
1553
1683
  }
1554
1684
  }
1555
1685
  ]
@@ -1564,36 +1694,35 @@
1564
1694
  "fetch",
1565
1695
  "Ticket",
1566
1696
  {
1697
+ "id": "@payload.id",
1567
1698
  "emit": {
1568
- "failure": "TicketLoadFailed",
1569
- "success": "TicketLoaded"
1570
- },
1571
- "id": "@payload.id"
1699
+ "success": "TicketLoaded",
1700
+ "failure": "TicketLoadFailed"
1701
+ }
1572
1702
  }
1573
1703
  ],
1574
1704
  [
1575
1705
  "render-ui",
1576
1706
  "modal",
1577
1707
  {
1578
- "type": "stack",
1579
1708
  "direction": "vertical",
1580
1709
  "children": [
1581
1710
  {
1711
+ "align": "center",
1582
1712
  "children": [
1583
1713
  {
1584
1714
  "type": "icon",
1585
1715
  "name": "eye"
1586
1716
  },
1587
1717
  {
1588
- "type": "typography",
1589
1718
  "variant": "h3",
1719
+ "type": "typography",
1590
1720
  "content": "@entity.subject"
1591
1721
  }
1592
1722
  ],
1593
- "type": "stack",
1594
- "align": "center",
1723
+ "direction": "horizontal",
1595
1724
  "gap": "sm",
1596
- "direction": "horizontal"
1725
+ "type": "stack"
1597
1726
  },
1598
1727
  {
1599
1728
  "type": "divider"
@@ -1601,44 +1730,44 @@
1601
1730
  {
1602
1731
  "type": "stack",
1603
1732
  "direction": "horizontal",
1733
+ "gap": "md",
1604
1734
  "children": [
1605
1735
  {
1736
+ "content": "Subject",
1606
1737
  "type": "typography",
1607
- "variant": "caption",
1608
- "content": "Subject"
1738
+ "variant": "caption"
1609
1739
  },
1610
1740
  {
1611
1741
  "variant": "body",
1612
1742
  "type": "typography",
1613
1743
  "content": "@entity.subject"
1614
1744
  }
1615
- ],
1616
- "gap": "md"
1745
+ ]
1617
1746
  },
1618
1747
  {
1619
1748
  "gap": "md",
1620
1749
  "type": "stack",
1621
1750
  "children": [
1622
1751
  {
1623
- "type": "typography",
1624
1752
  "variant": "caption",
1753
+ "type": "typography",
1625
1754
  "content": "Description"
1626
1755
  },
1627
1756
  {
1628
- "content": "@entity.description",
1629
1757
  "variant": "body",
1758
+ "content": "@entity.description",
1630
1759
  "type": "typography"
1631
1760
  }
1632
1761
  ],
1633
1762
  "direction": "horizontal"
1634
1763
  },
1635
1764
  {
1636
- "gap": "md",
1765
+ "direction": "horizontal",
1637
1766
  "children": [
1638
1767
  {
1639
- "content": "Priority",
1768
+ "type": "typography",
1640
1769
  "variant": "caption",
1641
- "type": "typography"
1770
+ "content": "Priority"
1642
1771
  },
1643
1772
  {
1644
1773
  "content": "@entity.priority",
@@ -1646,8 +1775,8 @@
1646
1775
  "variant": "body"
1647
1776
  }
1648
1777
  ],
1649
- "direction": "horizontal",
1650
- "type": "stack"
1778
+ "type": "stack",
1779
+ "gap": "md"
1651
1780
  },
1652
1781
  {
1653
1782
  "gap": "md",
@@ -1659,56 +1788,57 @@
1659
1788
  "content": "Status"
1660
1789
  },
1661
1790
  {
1791
+ "content": "@entity.status",
1662
1792
  "type": "typography",
1663
- "variant": "body",
1664
- "content": "@entity.status"
1793
+ "variant": "body"
1665
1794
  }
1666
1795
  ],
1667
1796
  "direction": "horizontal"
1668
1797
  },
1669
1798
  {
1799
+ "direction": "horizontal",
1800
+ "gap": "md",
1670
1801
  "children": [
1671
1802
  {
1672
1803
  "variant": "caption",
1673
- "content": "Assignee",
1674
- "type": "typography"
1804
+ "type": "typography",
1805
+ "content": "Assignee"
1675
1806
  },
1676
1807
  {
1677
- "content": "@entity.assignee",
1808
+ "type": "typography",
1678
1809
  "variant": "body",
1679
- "type": "typography"
1810
+ "content": "@entity.assignee"
1680
1811
  }
1681
1812
  ],
1682
- "gap": "md",
1683
- "type": "stack",
1684
- "direction": "horizontal"
1813
+ "type": "stack"
1685
1814
  },
1686
1815
  {
1687
1816
  "type": "divider"
1688
1817
  },
1689
1818
  {
1690
- "direction": "horizontal",
1691
1819
  "justify": "end",
1820
+ "type": "stack",
1821
+ "direction": "horizontal",
1692
1822
  "gap": "sm",
1693
1823
  "children": [
1694
1824
  {
1695
- "action": "EDIT",
1696
- "type": "button",
1697
1825
  "icon": "edit",
1698
- "variant": "primary",
1699
- "label": "Edit"
1826
+ "type": "button",
1827
+ "label": "Edit",
1828
+ "action": "EDIT",
1829
+ "variant": "primary"
1700
1830
  },
1701
1831
  {
1702
- "label": "Close",
1703
- "type": "button",
1832
+ "variant": "ghost",
1704
1833
  "action": "CLOSE",
1705
- "variant": "ghost"
1834
+ "label": "Close",
1835
+ "type": "button"
1706
1836
  }
1707
- ],
1708
- "type": "stack"
1837
+ ]
1709
1838
  }
1710
1839
  ],
1711
- "gap": "md"
1840
+ "gap": "md",
1841
+ "type": "stack"
1712
1842
  }
1713
1843
  ]
1714
1844
  ]
@@ -1938,8 +2068,8 @@
1938
2068
  "Ticket",
1939
2069
  {
1940
2070
  "emit": {
1941
- "success": "TicketLoaded",
1942
- "failure": "TicketLoadFailed"
2071
+ "failure": "TicketLoadFailed",
2072
+ "success": "TicketLoaded"
1943
2073
  }
1944
2074
  }
1945
2075
  ]
@@ -1971,23 +2101,24 @@
1971
2101
  "modal",
1972
2102
  {
1973
2103
  "type": "stack",
2104
+ "gap": "md",
1974
2105
  "children": [
1975
2106
  {
2107
+ "gap": "sm",
1976
2108
  "align": "center",
2109
+ "direction": "horizontal",
1977
2110
  "type": "stack",
1978
- "gap": "sm",
1979
2111
  "children": [
1980
2112
  {
1981
2113
  "name": "alert-triangle",
1982
2114
  "type": "icon"
1983
2115
  },
1984
2116
  {
2117
+ "content": "Delete Ticket",
1985
2118
  "variant": "h3",
1986
- "type": "typography",
1987
- "content": "Delete Ticket"
2119
+ "type": "typography"
1988
2120
  }
1989
- ],
1990
- "direction": "horizontal"
2121
+ ]
1991
2122
  },
1992
2123
  {
1993
2124
  "type": "divider"
@@ -1998,29 +2129,28 @@
1998
2129
  "message": "This action cannot be undone."
1999
2130
  },
2000
2131
  {
2001
- "type": "stack",
2002
- "direction": "horizontal",
2003
2132
  "justify": "end",
2133
+ "type": "stack",
2134
+ "gap": "sm",
2004
2135
  "children": [
2005
2136
  {
2006
- "type": "button",
2007
- "variant": "ghost",
2008
2137
  "action": "CANCEL",
2009
- "label": "Cancel"
2138
+ "type": "button",
2139
+ "label": "Cancel",
2140
+ "variant": "ghost"
2010
2141
  },
2011
2142
  {
2012
- "icon": "check",
2013
- "variant": "danger",
2014
- "type": "button",
2015
2143
  "label": "Delete",
2144
+ "type": "button",
2145
+ "variant": "danger",
2146
+ "icon": "check",
2016
2147
  "action": "CONFIRM_DELETE"
2017
2148
  }
2018
2149
  ],
2019
- "gap": "sm"
2150
+ "direction": "horizontal"
2020
2151
  }
2021
2152
  ],
2022
- "direction": "vertical",
2023
- "gap": "md"
2153
+ "direction": "vertical"
2024
2154
  }
2025
2155
  ]
2026
2156
  ]
@@ -2121,8 +2251,8 @@
2121
2251
  "Ticket",
2122
2252
  {
2123
2253
  "emit": {
2124
- "failure": "TicketLoadFailed",
2125
- "success": "TicketLoaded"
2254
+ "success": "TicketLoaded",
2255
+ "failure": "TicketLoadFailed"
2126
2256
  }
2127
2257
  }
2128
2258
  ]
@@ -2138,6 +2268,9 @@
2138
2268
  "name": "TicketsPage",
2139
2269
  "path": "/tickets",
2140
2270
  "traits": [
2271
+ {
2272
+ "ref": "TicketAppLayout"
2273
+ },
2141
2274
  {
2142
2275
  "ref": "TicketBrowse"
2143
2276
  },
@@ -2342,8 +2475,8 @@
2342
2475
  "Response",
2343
2476
  {
2344
2477
  "emit": {
2345
- "failure": "ResponseLoadFailed",
2346
- "success": "ResponseLoaded"
2478
+ "success": "ResponseLoaded",
2479
+ "failure": "ResponseLoadFailed"
2347
2480
  }
2348
2481
  }
2349
2482
  ],
@@ -2351,22 +2484,22 @@
2351
2484
  "render-ui",
2352
2485
  "main",
2353
2486
  {
2354
- "type": "stack",
2355
- "gap": "md",
2356
- "className": "py-12",
2357
2487
  "children": [
2358
2488
  {
2359
2489
  "type": "spinner"
2360
2490
  },
2361
2491
  {
2362
2492
  "color": "muted",
2363
- "type": "typography",
2364
2493
  "content": "Loading…",
2494
+ "type": "typography",
2365
2495
  "variant": "caption"
2366
2496
  }
2367
2497
  ],
2498
+ "gap": "md",
2499
+ "type": "stack",
2368
2500
  "direction": "vertical",
2369
- "align": "center"
2501
+ "align": "center",
2502
+ "className": "py-12"
2370
2503
  }
2371
2504
  ]
2372
2505
  ]
@@ -2380,59 +2513,54 @@
2380
2513
  "render-ui",
2381
2514
  "main",
2382
2515
  {
2383
- "type": "dashboard-layout",
2384
2516
  "children": [
2385
2517
  {
2386
- "gap": "lg",
2387
- "direction": "vertical",
2388
- "className": "max-w-5xl mx-auto w-full",
2389
- "type": "stack",
2390
2518
  "children": [
2391
2519
  {
2520
+ "align": "center",
2521
+ "direction": "horizontal",
2522
+ "justify": "between",
2523
+ "gap": "md",
2524
+ "type": "stack",
2392
2525
  "children": [
2393
2526
  {
2394
- "gap": "sm",
2395
2527
  "direction": "horizontal",
2396
2528
  "align": "center",
2397
- "type": "stack",
2398
2529
  "children": [
2399
2530
  {
2400
- "name": "message-circle",
2401
- "type": "icon"
2531
+ "type": "icon",
2532
+ "name": "message-circle"
2402
2533
  },
2403
2534
  {
2404
- "type": "typography",
2405
2535
  "variant": "h2",
2536
+ "type": "typography",
2406
2537
  "content": "Responses"
2407
2538
  }
2408
- ]
2539
+ ],
2540
+ "type": "stack",
2541
+ "gap": "sm"
2409
2542
  },
2410
2543
  {
2411
- "gap": "sm",
2412
- "direction": "horizontal",
2413
2544
  "type": "stack",
2545
+ "direction": "horizontal",
2546
+ "gap": "sm",
2414
2547
  "children": [
2415
2548
  {
2416
- "action": "COMPOSE",
2417
- "variant": "primary",
2549
+ "label": "Compose",
2418
2550
  "icon": "edit",
2419
2551
  "type": "button",
2420
- "label": "Compose"
2552
+ "action": "COMPOSE",
2553
+ "variant": "primary"
2421
2554
  }
2422
2555
  ]
2423
2556
  }
2424
- ],
2425
- "align": "center",
2426
- "gap": "md",
2427
- "type": "stack",
2428
- "justify": "between",
2429
- "direction": "horizontal"
2557
+ ]
2430
2558
  },
2431
2559
  {
2432
2560
  "type": "divider"
2433
2561
  },
2434
2562
  {
2435
- "type": "data-list",
2563
+ "gap": "sm",
2436
2564
  "itemActions": [
2437
2565
  {
2438
2566
  "variant": "ghost",
@@ -2440,14 +2568,12 @@
2440
2568
  "label": "View"
2441
2569
  }
2442
2570
  ],
2443
- "variant": "card",
2444
- "gap": "sm",
2445
- "entity": "@payload.data",
2571
+ "type": "data-list",
2446
2572
  "fields": [
2447
2573
  {
2448
- "variant": "h4",
2449
2574
  "icon": "message-circle",
2450
- "name": "author"
2575
+ "name": "author",
2576
+ "variant": "h4"
2451
2577
  },
2452
2578
  {
2453
2579
  "name": "body",
@@ -2455,32 +2581,39 @@
2455
2581
  },
2456
2582
  {
2457
2583
  "format": "date",
2458
- "name": "createdAt",
2459
- "variant": "caption"
2584
+ "variant": "caption",
2585
+ "name": "createdAt"
2460
2586
  }
2461
- ]
2587
+ ],
2588
+ "variant": "card",
2589
+ "entity": "@payload.data"
2462
2590
  }
2463
- ]
2591
+ ],
2592
+ "type": "stack",
2593
+ "className": "max-w-5xl mx-auto w-full",
2594
+ "gap": "lg",
2595
+ "direction": "vertical"
2464
2596
  }
2465
2597
  ],
2466
- "appName": "Helpdesk",
2467
2598
  "navItems": [
2468
2599
  {
2469
- "href": "/tickets",
2470
2600
  "icon": "inbox",
2601
+ "href": "/tickets",
2471
2602
  "label": "Tickets"
2472
2603
  },
2473
2604
  {
2474
- "label": "Responses",
2605
+ "href": "/responses",
2475
2606
  "icon": "message-circle",
2476
- "href": "/responses"
2607
+ "label": "Responses"
2477
2608
  },
2478
2609
  {
2610
+ "label": "Metrics",
2479
2611
  "icon": "layout-list",
2480
- "href": "/metrics",
2481
- "label": "Metrics"
2612
+ "href": "/metrics"
2482
2613
  }
2483
- ]
2614
+ ],
2615
+ "appName": "Helpdesk",
2616
+ "type": "dashboard-layout"
2484
2617
  }
2485
2618
  ]
2486
2619
  ]
@@ -2494,36 +2627,36 @@
2494
2627
  "render-ui",
2495
2628
  "main",
2496
2629
  {
2630
+ "align": "center",
2631
+ "gap": "md",
2632
+ "className": "py-12",
2497
2633
  "children": [
2498
2634
  {
2499
2635
  "color": "destructive",
2500
- "name": "alert-triangle",
2501
- "type": "icon"
2636
+ "type": "icon",
2637
+ "name": "alert-triangle"
2502
2638
  },
2503
2639
  {
2504
2640
  "type": "typography",
2505
- "variant": "h3",
2506
- "content": "Failed to load response"
2641
+ "content": "Failed to load response",
2642
+ "variant": "h3"
2507
2643
  },
2508
2644
  {
2509
- "variant": "body",
2510
- "content": "@payload.error",
2645
+ "color": "muted",
2511
2646
  "type": "typography",
2512
- "color": "muted"
2647
+ "content": "@payload.error",
2648
+ "variant": "body"
2513
2649
  },
2514
2650
  {
2651
+ "label": "Retry",
2652
+ "action": "INIT",
2515
2653
  "icon": "rotate-ccw",
2516
2654
  "type": "button",
2517
- "label": "Retry",
2518
- "variant": "primary",
2519
- "action": "INIT"
2655
+ "variant": "primary"
2520
2656
  }
2521
2657
  ],
2522
2658
  "direction": "vertical",
2523
- "align": "center",
2524
- "gap": "md",
2525
- "type": "stack",
2526
- "className": "py-12"
2659
+ "type": "stack"
2527
2660
  }
2528
2661
  ]
2529
2662
  ]
@@ -2711,13 +2844,12 @@
2711
2844
  "modal",
2712
2845
  {
2713
2846
  "gap": "md",
2714
- "direction": "vertical",
2715
2847
  "type": "stack",
2716
2848
  "children": [
2717
2849
  {
2850
+ "type": "stack",
2718
2851
  "direction": "horizontal",
2719
2852
  "gap": "sm",
2720
- "type": "stack",
2721
2853
  "children": [
2722
2854
  {
2723
2855
  "type": "icon",
@@ -2734,17 +2866,18 @@
2734
2866
  "type": "divider"
2735
2867
  },
2736
2868
  {
2737
- "type": "form-section",
2869
+ "submitEvent": "SEND",
2870
+ "cancelEvent": "CLOSE",
2738
2871
  "fields": [
2739
2872
  "ticketId",
2740
2873
  "body",
2741
2874
  "author"
2742
2875
  ],
2743
- "submitEvent": "SEND",
2744
- "cancelEvent": "CLOSE",
2745
- "mode": "create"
2876
+ "mode": "create",
2877
+ "type": "form-section"
2746
2878
  }
2747
- ]
2879
+ ],
2880
+ "direction": "vertical"
2748
2881
  }
2749
2882
  ]
2750
2883
  ]
@@ -2939,8 +3072,8 @@
2939
3072
  "Response",
2940
3073
  {
2941
3074
  "emit": {
2942
- "success": "ResponseLoaded",
2943
- "failure": "ResponseLoadFailed"
3075
+ "failure": "ResponseLoadFailed",
3076
+ "success": "ResponseLoaded"
2944
3077
  }
2945
3078
  }
2946
3079
  ]
@@ -2957,8 +3090,8 @@
2957
3090
  {
2958
3091
  "id": "@payload.id",
2959
3092
  "emit": {
2960
- "success": "ResponseLoaded",
2961
- "failure": "ResponseLoadFailed"
3093
+ "failure": "ResponseLoadFailed",
3094
+ "success": "ResponseLoaded"
2962
3095
  }
2963
3096
  }
2964
3097
  ],
@@ -2966,22 +3099,24 @@
2966
3099
  "render-ui",
2967
3100
  "modal",
2968
3101
  {
3102
+ "gap": "md",
3103
+ "direction": "vertical",
2969
3104
  "type": "stack",
2970
3105
  "children": [
2971
3106
  {
2972
- "direction": "horizontal",
2973
3107
  "align": "center",
2974
- "type": "stack",
3108
+ "direction": "horizontal",
2975
3109
  "gap": "sm",
3110
+ "type": "stack",
2976
3111
  "children": [
2977
3112
  {
2978
- "name": "eye",
2979
- "type": "icon"
3113
+ "type": "icon",
3114
+ "name": "eye"
2980
3115
  },
2981
3116
  {
2982
3117
  "content": "@entity.ticketId",
2983
- "variant": "h3",
2984
- "type": "typography"
3118
+ "type": "typography",
3119
+ "variant": "h3"
2985
3120
  }
2986
3121
  ]
2987
3122
  },
@@ -2989,93 +3124,91 @@
2989
3124
  "type": "divider"
2990
3125
  },
2991
3126
  {
2992
- "direction": "horizontal",
2993
3127
  "gap": "md",
2994
3128
  "children": [
2995
3129
  {
3130
+ "content": "Ticket ID",
2996
3131
  "type": "typography",
2997
- "variant": "caption",
2998
- "content": "Ticket ID"
3132
+ "variant": "caption"
2999
3133
  },
3000
3134
  {
3001
- "type": "typography",
3135
+ "variant": "body",
3002
3136
  "content": "@entity.ticketId",
3003
- "variant": "body"
3137
+ "type": "typography"
3004
3138
  }
3005
3139
  ],
3140
+ "direction": "horizontal",
3006
3141
  "type": "stack"
3007
3142
  },
3008
3143
  {
3009
3144
  "direction": "horizontal",
3145
+ "type": "stack",
3010
3146
  "children": [
3011
3147
  {
3148
+ "type": "typography",
3012
3149
  "variant": "caption",
3013
- "content": "Body",
3014
- "type": "typography"
3150
+ "content": "Body"
3015
3151
  },
3016
3152
  {
3153
+ "type": "typography",
3017
3154
  "variant": "body",
3018
- "content": "@entity.body",
3019
- "type": "typography"
3155
+ "content": "@entity.body"
3020
3156
  }
3021
3157
  ],
3022
- "type": "stack",
3023
3158
  "gap": "md"
3024
3159
  },
3025
3160
  {
3026
3161
  "type": "stack",
3027
3162
  "direction": "horizontal",
3163
+ "gap": "md",
3028
3164
  "children": [
3029
3165
  {
3030
3166
  "type": "typography",
3031
- "content": "Author",
3032
- "variant": "caption"
3167
+ "variant": "caption",
3168
+ "content": "Author"
3033
3169
  },
3034
3170
  {
3035
- "content": "@entity.author",
3036
3171
  "variant": "body",
3172
+ "content": "@entity.author",
3037
3173
  "type": "typography"
3038
3174
  }
3039
- ],
3040
- "gap": "md"
3175
+ ]
3041
3176
  },
3042
3177
  {
3043
- "direction": "horizontal",
3044
- "gap": "md",
3045
3178
  "type": "stack",
3046
3179
  "children": [
3047
3180
  {
3048
3181
  "variant": "caption",
3049
- "type": "typography",
3050
- "content": "Created At"
3182
+ "content": "Created At",
3183
+ "type": "typography"
3051
3184
  },
3052
3185
  {
3053
- "variant": "body",
3186
+ "type": "typography",
3054
3187
  "content": "@entity.createdAt",
3055
- "type": "typography"
3188
+ "variant": "body"
3056
3189
  }
3057
- ]
3190
+ ],
3191
+ "gap": "md",
3192
+ "direction": "horizontal"
3058
3193
  },
3059
3194
  {
3060
3195
  "type": "divider"
3061
3196
  },
3062
3197
  {
3063
- "justify": "end",
3064
- "direction": "horizontal",
3065
- "type": "stack",
3198
+ "gap": "sm",
3066
3199
  "children": [
3067
3200
  {
3068
- "label": "Close",
3069
3201
  "action": "CLOSE",
3070
- "type": "button",
3071
- "variant": "ghost"
3202
+ "variant": "ghost",
3203
+ "label": "Close",
3204
+ "type": "button"
3072
3205
  }
3073
3206
  ],
3074
- "gap": "sm"
3207
+ "type": "stack",
3208
+ "justify": "end",
3209
+ "direction": "horizontal"
3075
3210
  }
3076
- ],
3077
- "gap": "md",
3078
- "direction": "vertical"
3211
+ ]
3079
3212
  }
3080
3213
  ]
3081
3214
  ]
@@ -3314,8 +3447,8 @@
3314
3447
  "SupportMetrics",
3315
3448
  {
3316
3449
  "emit": {
3317
- "failure": "SupportMetricsLoadFailed",
3318
- "success": "SupportMetricsLoaded"
3450
+ "success": "SupportMetricsLoaded",
3451
+ "failure": "SupportMetricsLoadFailed"
3319
3452
  }
3320
3453
  }
3321
3454
  ],
@@ -3323,18 +3456,37 @@
3323
3456
  "render-ui",
3324
3457
  "main",
3325
3458
  {
3326
- "appName": "Helpdesk",
3459
+ "navItems": [
3460
+ {
3461
+ "label": "Tickets",
3462
+ "href": "/tickets",
3463
+ "icon": "inbox"
3464
+ },
3465
+ {
3466
+ "href": "/responses",
3467
+ "label": "Responses",
3468
+ "icon": "message-circle"
3469
+ },
3470
+ {
3471
+ "label": "Metrics",
3472
+ "icon": "layout-list",
3473
+ "href": "/metrics"
3474
+ }
3475
+ ],
3327
3476
  "children": [
3328
3477
  {
3478
+ "type": "scaled-diagram",
3329
3479
  "children": [
3330
3480
  {
3331
3481
  "type": "stack",
3482
+ "gap": "lg",
3483
+ "direction": "vertical",
3332
3484
  "children": [
3333
3485
  {
3334
3486
  "items": [
3335
3487
  {
3336
- "label": "Home",
3337
- "href": "/"
3488
+ "href": "/",
3489
+ "label": "Home"
3338
3490
  },
3339
3491
  {
3340
3492
  "label": "Support Metrics"
@@ -3344,43 +3496,41 @@
3344
3496
  },
3345
3497
  {
3346
3498
  "direction": "horizontal",
3499
+ "type": "stack",
3500
+ "gap": "md",
3347
3501
  "children": [
3348
3502
  {
3349
- "gap": "md",
3350
- "direction": "horizontal",
3351
- "type": "stack",
3352
3503
  "children": [
3353
3504
  {
3354
- "name": "activity",
3355
- "type": "icon"
3505
+ "type": "icon",
3506
+ "name": "activity"
3356
3507
  },
3357
3508
  {
3509
+ "variant": "h2",
3358
3510
  "type": "typography",
3359
- "content": "Support Metrics",
3360
- "variant": "h2"
3511
+ "content": "Support Metrics"
3361
3512
  }
3362
- ]
3513
+ ],
3514
+ "gap": "md",
3515
+ "direction": "horizontal",
3516
+ "type": "stack"
3363
3517
  },
3364
3518
  {
3365
- "action": "REFRESH",
3366
3519
  "label": "Refresh",
3367
3520
  "type": "button",
3521
+ "action": "REFRESH",
3368
3522
  "icon": "refresh-cw",
3369
3523
  "variant": "secondary"
3370
3524
  }
3371
3525
  ],
3372
- "justify": "between",
3373
- "type": "stack",
3374
- "gap": "md"
3526
+ "justify": "between"
3375
3527
  },
3376
3528
  {
3377
3529
  "type": "divider"
3378
3530
  },
3379
3531
  {
3380
- "type": "box",
3381
3532
  "children": [
3382
3533
  {
3383
- "cols": 3.0,
3384
3534
  "children": [
3385
3535
  {
3386
3536
  "type": "stat-display",
@@ -3388,36 +3538,36 @@
3388
3538
  "value": "@entity.openTickets"
3389
3539
  },
3390
3540
  {
3391
- "type": "stat-display",
3392
3541
  "value": "@entity.resolvedTickets",
3542
+ "type": "stat-display",
3393
3543
  "label": "ResolvedTickets"
3394
3544
  },
3395
3545
  {
3546
+ "type": "card",
3396
3547
  "children": [
3397
3548
  {
3398
3549
  "children": [
3399
3550
  {
3400
- "variant": "caption",
3401
3551
  "content": "AvgResponseTime",
3552
+ "variant": "caption",
3402
3553
  "type": "typography"
3403
3554
  },
3404
3555
  {
3405
- "variant": "h3",
3406
3556
  "type": "typography",
3407
- "content": "@entity.avgResponseTime"
3557
+ "content": "@entity.avgResponseTime",
3558
+ "variant": "h3"
3408
3559
  }
3409
3560
  ],
3561
+ "type": "stack",
3410
3562
  "gap": "sm",
3411
- "direction": "vertical",
3412
- "type": "stack"
3563
+ "direction": "vertical"
3413
3564
  }
3414
- ],
3415
- "type": "card"
3565
+ ]
3416
3566
  },
3417
3567
  {
3568
+ "type": "stat-display",
3418
3569
  "label": "SatisfactionScore",
3419
- "value": "@entity.satisfactionScore",
3420
- "type": "stat-display"
3570
+ "value": "@entity.satisfactionScore"
3421
3571
  },
3422
3572
  {
3423
3573
  "type": "stat-display",
@@ -3425,40 +3575,42 @@
3425
3575
  "value": "@entity.activeAgents"
3426
3576
  }
3427
3577
  ],
3578
+ "cols": 3.0,
3428
3579
  "type": "simple-grid"
3429
3580
  }
3430
3581
  ],
3431
- "padding": "md"
3582
+ "padding": "md",
3583
+ "type": "box"
3432
3584
  },
3433
3585
  {
3434
3586
  "type": "divider"
3435
3587
  },
3436
3588
  {
3437
- "cols": 2.0,
3438
3589
  "gap": "md",
3590
+ "type": "grid",
3591
+ "cols": 2.0,
3439
3592
  "children": [
3440
3593
  {
3594
+ "type": "card",
3441
3595
  "children": [
3442
3596
  {
3443
- "variant": "caption",
3597
+ "content": "Chart View",
3444
3598
  "type": "typography",
3445
- "content": "Chart View"
3599
+ "variant": "caption"
3446
3600
  }
3447
- ],
3448
- "type": "card"
3601
+ ]
3449
3602
  },
3450
3603
  {
3451
3604
  "type": "card",
3452
3605
  "children": [
3453
3606
  {
3454
- "type": "typography",
3607
+ "content": "Graph View",
3455
3608
  "variant": "caption",
3456
- "content": "Graph View"
3609
+ "type": "typography"
3457
3610
  }
3458
3611
  ]
3459
3612
  }
3460
- ],
3461
- "type": "grid"
3613
+ ]
3462
3614
  },
3463
3615
  {
3464
3616
  "type": "line-chart",
@@ -3472,50 +3624,37 @@
3472
3624
  "value": 19.0
3473
3625
  },
3474
3626
  {
3475
- "value": 15.0,
3476
- "date": "Mar"
3627
+ "date": "Mar",
3628
+ "value": 15.0
3477
3629
  },
3478
3630
  {
3479
- "date": "Apr",
3480
- "value": 25.0
3631
+ "value": 25.0,
3632
+ "date": "Apr"
3481
3633
  },
3482
3634
  {
3483
- "value": 22.0,
3484
- "date": "May"
3635
+ "date": "May",
3636
+ "value": 22.0
3485
3637
  },
3486
3638
  {
3487
- "value": 30.0,
3488
- "date": "Jun"
3639
+ "date": "Jun",
3640
+ "value": 30.0
3489
3641
  }
3490
3642
  ]
3491
3643
  },
3492
3644
  {
3493
- "type": "chart-legend",
3494
3645
  "items": [
3495
3646
  {
3496
3647
  "color": "primary",
3497
3648
  "label": "Current"
3498
3649
  },
3499
3650
  {
3500
- "label": "Previous",
3501
- "color": "muted"
3651
+ "color": "muted",
3652
+ "label": "Previous"
3502
3653
  }
3503
- ]
3654
+ ],
3655
+ "type": "chart-legend"
3504
3656
  },
3505
3657
  {
3506
- "edges": [
3507
- {
3508
- "target": "b",
3509
- "source": "a"
3510
- },
3511
- {
3512
- "target": "c",
3513
- "source": "b"
3514
- }
3515
- ],
3516
- "height": 200.0,
3517
- "type": "graph-view",
3518
- "width": 400.0,
3519
3658
  "nodes": [
3520
3659
  {
3521
3660
  "label": "Start",
@@ -3526,37 +3665,31 @@
3526
3665
  "label": "Process"
3527
3666
  },
3528
3667
  {
3529
- "id": "c",
3530
- "label": "End"
3668
+ "label": "End",
3669
+ "id": "c"
3670
+ }
3671
+ ],
3672
+ "width": 400.0,
3673
+ "height": 200.0,
3674
+ "type": "graph-view",
3675
+ "edges": [
3676
+ {
3677
+ "target": "b",
3678
+ "source": "a"
3679
+ },
3680
+ {
3681
+ "source": "b",
3682
+ "target": "c"
3531
3683
  }
3532
3684
  ]
3533
3685
  }
3534
- ],
3535
- "direction": "vertical",
3536
- "gap": "lg"
3686
+ ]
3537
3687
  }
3538
- ],
3539
- "type": "scaled-diagram"
3688
+ ]
3540
3689
  }
3541
3690
  ],
3542
- "type": "dashboard-layout",
3543
- "navItems": [
3544
- {
3545
- "href": "/tickets",
3546
- "icon": "inbox",
3547
- "label": "Tickets"
3548
- },
3549
- {
3550
- "icon": "message-circle",
3551
- "label": "Responses",
3552
- "href": "/responses"
3553
- },
3554
- {
3555
- "label": "Metrics",
3556
- "icon": "layout-list",
3557
- "href": "/metrics"
3558
- }
3559
- ]
3691
+ "appName": "Helpdesk",
3692
+ "type": "dashboard-layout"
3560
3693
  }
3561
3694
  ]
3562
3695
  ]
@@ -3571,8 +3704,8 @@
3571
3704
  "SupportMetrics",
3572
3705
  {
3573
3706
  "emit": {
3574
- "failure": "SupportMetricsLoadFailed",
3575
- "success": "SupportMetricsLoaded"
3707
+ "success": "SupportMetricsLoaded",
3708
+ "failure": "SupportMetricsLoadFailed"
3576
3709
  }
3577
3710
  }
3578
3711
  ],
@@ -3580,32 +3713,35 @@
3580
3713
  "render-ui",
3581
3714
  "main",
3582
3715
  {
3716
+ "type": "dashboard-layout",
3717
+ "appName": "Helpdesk",
3583
3718
  "navItems": [
3584
3719
  {
3585
- "icon": "inbox",
3720
+ "href": "/tickets",
3586
3721
  "label": "Tickets",
3587
- "href": "/tickets"
3722
+ "icon": "inbox"
3588
3723
  },
3589
3724
  {
3725
+ "icon": "message-circle",
3590
3726
  "label": "Responses",
3591
- "href": "/responses",
3592
- "icon": "message-circle"
3727
+ "href": "/responses"
3593
3728
  },
3594
3729
  {
3595
- "href": "/metrics",
3730
+ "icon": "layout-list",
3596
3731
  "label": "Metrics",
3597
- "icon": "layout-list"
3732
+ "href": "/metrics"
3598
3733
  }
3599
3734
  ],
3600
3735
  "children": [
3601
3736
  {
3737
+ "type": "scaled-diagram",
3602
3738
  "children": [
3603
3739
  {
3604
- "type": "stack",
3605
- "direction": "vertical",
3606
3740
  "gap": "lg",
3741
+ "type": "stack",
3607
3742
  "children": [
3608
3743
  {
3744
+ "type": "breadcrumb",
3609
3745
  "items": [
3610
3746
  {
3611
3747
  "label": "Home",
@@ -3614,87 +3750,84 @@
3614
3750
  {
3615
3751
  "label": "Support Metrics"
3616
3752
  }
3617
- ],
3618
- "type": "breadcrumb"
3753
+ ]
3619
3754
  },
3620
3755
  {
3621
- "direction": "horizontal",
3622
- "gap": "md",
3623
- "type": "stack",
3624
- "justify": "between",
3625
3756
  "children": [
3626
3757
  {
3627
- "type": "stack",
3628
- "direction": "horizontal",
3629
3758
  "children": [
3630
3759
  {
3631
3760
  "name": "activity",
3632
3761
  "type": "icon"
3633
3762
  },
3634
3763
  {
3635
- "content": "Support Metrics",
3636
3764
  "variant": "h2",
3765
+ "content": "Support Metrics",
3637
3766
  "type": "typography"
3638
3767
  }
3639
3768
  ],
3769
+ "direction": "horizontal",
3770
+ "type": "stack",
3640
3771
  "gap": "md"
3641
3772
  },
3642
3773
  {
3643
- "icon": "refresh-cw",
3644
3774
  "action": "REFRESH",
3645
- "type": "button",
3646
3775
  "variant": "secondary",
3647
- "label": "Refresh"
3776
+ "label": "Refresh",
3777
+ "type": "button",
3778
+ "icon": "refresh-cw"
3648
3779
  }
3649
- ]
3780
+ ],
3781
+ "justify": "between",
3782
+ "type": "stack",
3783
+ "gap": "md",
3784
+ "direction": "horizontal"
3650
3785
  },
3651
3786
  {
3652
3787
  "type": "divider"
3653
3788
  },
3654
3789
  {
3655
- "type": "box",
3656
- "padding": "md",
3657
3790
  "children": [
3658
3791
  {
3659
3792
  "type": "simple-grid",
3660
3793
  "cols": 3.0,
3661
3794
  "children": [
3662
3795
  {
3663
- "label": "OpenTickets",
3664
3796
  "value": "@entity.openTickets",
3797
+ "label": "OpenTickets",
3665
3798
  "type": "stat-display"
3666
3799
  },
3667
3800
  {
3668
- "label": "ResolvedTickets",
3801
+ "value": "@entity.resolvedTickets",
3669
3802
  "type": "stat-display",
3670
- "value": "@entity.resolvedTickets"
3803
+ "label": "ResolvedTickets"
3671
3804
  },
3672
3805
  {
3673
3806
  "children": [
3674
3807
  {
3675
- "gap": "sm",
3676
3808
  "direction": "vertical",
3677
- "type": "stack",
3678
3809
  "children": [
3679
3810
  {
3680
- "type": "typography",
3681
3811
  "variant": "caption",
3812
+ "type": "typography",
3682
3813
  "content": "AvgResponseTime"
3683
3814
  },
3684
3815
  {
3685
- "content": "@entity.avgResponseTime",
3686
3816
  "type": "typography",
3817
+ "content": "@entity.avgResponseTime",
3687
3818
  "variant": "h3"
3688
3819
  }
3689
- ]
3820
+ ],
3821
+ "gap": "sm",
3822
+ "type": "stack"
3690
3823
  }
3691
3824
  ],
3692
3825
  "type": "card"
3693
3826
  },
3694
3827
  {
3695
3828
  "label": "SatisfactionScore",
3696
- "type": "stat-display",
3697
- "value": "@entity.satisfactionScore"
3829
+ "value": "@entity.satisfactionScore",
3830
+ "type": "stat-display"
3698
3831
  },
3699
3832
  {
3700
3833
  "label": "ActiveAgents",
@@ -3703,21 +3836,24 @@
3703
3836
  }
3704
3837
  ]
3705
3838
  }
3706
- ]
3839
+ ],
3840
+ "type": "box",
3841
+ "padding": "md"
3707
3842
  },
3708
3843
  {
3709
3844
  "type": "divider"
3710
3845
  },
3711
3846
  {
3847
+ "cols": 2.0,
3712
3848
  "type": "grid",
3713
3849
  "children": [
3714
3850
  {
3715
3851
  "type": "card",
3716
3852
  "children": [
3717
3853
  {
3718
- "variant": "caption",
3854
+ "content": "Chart View",
3719
3855
  "type": "typography",
3720
- "content": "Chart View"
3856
+ "variant": "caption"
3721
3857
  }
3722
3858
  ]
3723
3859
  },
@@ -3725,18 +3861,16 @@
3725
3861
  "type": "card",
3726
3862
  "children": [
3727
3863
  {
3728
- "variant": "caption",
3864
+ "type": "typography",
3729
3865
  "content": "Graph View",
3730
- "type": "typography"
3866
+ "variant": "caption"
3731
3867
  }
3732
3868
  ]
3733
3869
  }
3734
3870
  ],
3735
- "cols": 2.0,
3736
3871
  "gap": "md"
3737
3872
  },
3738
3873
  {
3739
- "type": "line-chart",
3740
3874
  "data": [
3741
3875
  {
3742
3876
  "value": 12.0,
@@ -3762,58 +3896,57 @@
3762
3896
  "date": "Jun",
3763
3897
  "value": 30.0
3764
3898
  }
3765
- ]
3899
+ ],
3900
+ "type": "line-chart"
3766
3901
  },
3767
3902
  {
3903
+ "type": "chart-legend",
3768
3904
  "items": [
3769
3905
  {
3770
3906
  "label": "Current",
3771
3907
  "color": "primary"
3772
3908
  },
3773
3909
  {
3774
- "label": "Previous",
3775
- "color": "muted"
3910
+ "color": "muted",
3911
+ "label": "Previous"
3776
3912
  }
3777
- ],
3778
- "type": "chart-legend"
3913
+ ]
3779
3914
  },
3780
3915
  {
3781
- "type": "graph-view",
3782
- "width": 400.0,
3916
+ "edges": [
3917
+ {
3918
+ "target": "b",
3919
+ "source": "a"
3920
+ },
3921
+ {
3922
+ "source": "b",
3923
+ "target": "c"
3924
+ }
3925
+ ],
3783
3926
  "nodes": [
3784
3927
  {
3785
3928
  "id": "a",
3786
3929
  "label": "Start"
3787
3930
  },
3788
3931
  {
3789
- "label": "Process",
3790
- "id": "b"
3932
+ "id": "b",
3933
+ "label": "Process"
3791
3934
  },
3792
3935
  {
3793
3936
  "label": "End",
3794
3937
  "id": "c"
3795
3938
  }
3796
3939
  ],
3940
+ "width": 400.0,
3797
3941
  "height": 200.0,
3798
- "edges": [
3799
- {
3800
- "source": "a",
3801
- "target": "b"
3802
- },
3803
- {
3804
- "source": "b",
3805
- "target": "c"
3806
- }
3807
- ]
3942
+ "type": "graph-view"
3808
3943
  }
3809
- ]
3944
+ ],
3945
+ "direction": "vertical"
3810
3946
  }
3811
- ],
3812
- "type": "scaled-diagram"
3947
+ ]
3813
3948
  }
3814
- ],
3815
- "appName": "Helpdesk",
3816
- "type": "dashboard-layout"
3949
+ ]
3817
3950
  }
3818
3951
  ]
3819
3952
  ]
@@ -3840,8 +3973,10 @@
3840
3973
  "type": "dashboard-layout",
3841
3974
  "children": [
3842
3975
  {
3976
+ "type": "scaled-diagram",
3843
3977
  "children": [
3844
3978
  {
3979
+ "direction": "vertical",
3845
3980
  "children": [
3846
3981
  {
3847
3982
  "items": [
@@ -3856,35 +3991,35 @@
3856
3991
  "type": "breadcrumb"
3857
3992
  },
3858
3993
  {
3994
+ "direction": "horizontal",
3995
+ "justify": "between",
3859
3996
  "type": "stack",
3860
3997
  "gap": "md",
3861
- "direction": "horizontal",
3862
3998
  "children": [
3863
3999
  {
4000
+ "direction": "horizontal",
4001
+ "gap": "md",
3864
4002
  "children": [
3865
4003
  {
3866
- "name": "activity",
3867
- "type": "icon"
4004
+ "type": "icon",
4005
+ "name": "activity"
3868
4006
  },
3869
4007
  {
3870
- "content": "Support Metrics",
3871
4008
  "type": "typography",
4009
+ "content": "Support Metrics",
3872
4010
  "variant": "h2"
3873
4011
  }
3874
4012
  ],
3875
- "gap": "md",
3876
- "direction": "horizontal",
3877
4013
  "type": "stack"
3878
4014
  },
3879
4015
  {
4016
+ "action": "REFRESH",
3880
4017
  "type": "button",
3881
4018
  "variant": "secondary",
3882
4019
  "icon": "refresh-cw",
3883
- "label": "Refresh",
3884
- "action": "REFRESH"
4020
+ "label": "Refresh"
3885
4021
  }
3886
- ],
3887
- "justify": "between"
4022
+ ]
3888
4023
  },
3889
4024
  {
3890
4025
  "type": "divider"
@@ -3893,51 +4028,51 @@
3893
4028
  "children": [
3894
4029
  {
3895
4030
  "type": "simple-grid",
3896
- "cols": 3.0,
3897
4031
  "children": [
3898
4032
  {
3899
- "type": "stat-display",
3900
4033
  "value": "@entity.openTickets",
4034
+ "type": "stat-display",
3901
4035
  "label": "OpenTickets"
3902
4036
  },
3903
4037
  {
3904
- "type": "stat-display",
4038
+ "label": "ResolvedTickets",
3905
4039
  "value": "@entity.resolvedTickets",
3906
- "label": "ResolvedTickets"
4040
+ "type": "stat-display"
3907
4041
  },
3908
4042
  {
4043
+ "type": "card",
3909
4044
  "children": [
3910
4045
  {
3911
4046
  "direction": "vertical",
3912
- "gap": "sm",
3913
- "type": "stack",
3914
4047
  "children": [
3915
4048
  {
3916
4049
  "type": "typography",
3917
- "content": "AvgResponseTime",
3918
- "variant": "caption"
4050
+ "variant": "caption",
4051
+ "content": "AvgResponseTime"
3919
4052
  },
3920
4053
  {
3921
4054
  "variant": "h3",
3922
4055
  "content": "@entity.avgResponseTime",
3923
4056
  "type": "typography"
3924
4057
  }
3925
- ]
4058
+ ],
4059
+ "type": "stack",
4060
+ "gap": "sm"
3926
4061
  }
3927
- ],
3928
- "type": "card"
4062
+ ]
3929
4063
  },
3930
4064
  {
4065
+ "type": "stat-display",
3931
4066
  "value": "@entity.satisfactionScore",
3932
- "label": "SatisfactionScore",
3933
- "type": "stat-display"
4067
+ "label": "SatisfactionScore"
3934
4068
  },
3935
4069
  {
3936
4070
  "label": "ActiveAgents",
3937
4071
  "value": "@entity.activeAgents",
3938
4072
  "type": "stat-display"
3939
4073
  }
3940
- ]
4074
+ ],
4075
+ "cols": 3.0
3941
4076
  }
3942
4077
  ],
3943
4078
  "type": "box",
@@ -3947,17 +4082,19 @@
3947
4082
  "type": "divider"
3948
4083
  },
3949
4084
  {
4085
+ "type": "grid",
3950
4086
  "cols": 2.0,
4087
+ "gap": "md",
3951
4088
  "children": [
3952
4089
  {
3953
- "type": "card",
3954
4090
  "children": [
3955
4091
  {
3956
- "content": "Chart View",
3957
4092
  "type": "typography",
4093
+ "content": "Chart View",
3958
4094
  "variant": "caption"
3959
4095
  }
3960
- ]
4096
+ ],
4097
+ "type": "card"
3961
4098
  },
3962
4099
  {
3963
4100
  "type": "card",
@@ -3969,9 +4106,7 @@
3969
4106
  }
3970
4107
  ]
3971
4108
  }
3972
- ],
3973
- "gap": "md",
3974
- "type": "grid"
4109
+ ]
3975
4110
  },
3976
4111
  {
3977
4112
  "type": "line-chart",
@@ -3985,8 +4120,8 @@
3985
4120
  "date": "Feb"
3986
4121
  },
3987
4122
  {
3988
- "value": 15.0,
3989
- "date": "Mar"
4123
+ "date": "Mar",
4124
+ "value": 15.0
3990
4125
  },
3991
4126
  {
3992
4127
  "date": "Apr",
@@ -3997,42 +4132,29 @@
3997
4132
  "date": "May"
3998
4133
  },
3999
4134
  {
4000
- "value": 30.0,
4001
- "date": "Jun"
4135
+ "date": "Jun",
4136
+ "value": 30.0
4002
4137
  }
4003
4138
  ]
4004
4139
  },
4005
4140
  {
4006
- "type": "chart-legend",
4007
4141
  "items": [
4008
4142
  {
4009
- "color": "primary",
4010
- "label": "Current"
4143
+ "label": "Current",
4144
+ "color": "primary"
4011
4145
  },
4012
4146
  {
4013
- "label": "Previous",
4014
- "color": "muted"
4147
+ "color": "muted",
4148
+ "label": "Previous"
4015
4149
  }
4016
- ]
4150
+ ],
4151
+ "type": "chart-legend"
4017
4152
  },
4018
4153
  {
4019
- "edges": [
4020
- {
4021
- "target": "b",
4022
- "source": "a"
4023
- },
4024
- {
4025
- "target": "c",
4026
- "source": "b"
4027
- }
4028
- ],
4029
- "type": "graph-view",
4030
- "width": 400.0,
4031
- "height": 200.0,
4032
4154
  "nodes": [
4033
4155
  {
4034
- "id": "a",
4035
- "label": "Start"
4156
+ "label": "Start",
4157
+ "id": "a"
4036
4158
  },
4037
4159
  {
4038
4160
  "id": "b",
@@ -4042,35 +4164,46 @@
4042
4164
  "id": "c",
4043
4165
  "label": "End"
4044
4166
  }
4045
- ]
4167
+ ],
4168
+ "type": "graph-view",
4169
+ "width": 400.0,
4170
+ "edges": [
4171
+ {
4172
+ "source": "a",
4173
+ "target": "b"
4174
+ },
4175
+ {
4176
+ "source": "b",
4177
+ "target": "c"
4178
+ }
4179
+ ],
4180
+ "height": 200.0
4046
4181
  }
4047
4182
  ],
4048
4183
  "gap": "lg",
4049
- "direction": "vertical",
4050
4184
  "type": "stack"
4051
4185
  }
4052
- ],
4053
- "type": "scaled-diagram"
4186
+ ]
4054
4187
  }
4055
4188
  ],
4189
+ "appName": "Helpdesk",
4056
4190
  "navItems": [
4057
4191
  {
4058
4192
  "label": "Tickets",
4059
- "icon": "inbox",
4060
- "href": "/tickets"
4193
+ "href": "/tickets",
4194
+ "icon": "inbox"
4061
4195
  },
4062
4196
  {
4063
- "label": "Responses",
4064
4197
  "icon": "message-circle",
4198
+ "label": "Responses",
4065
4199
  "href": "/responses"
4066
4200
  },
4067
4201
  {
4068
- "label": "Metrics",
4069
4202
  "href": "/metrics",
4070
- "icon": "layout-list"
4203
+ "icon": "layout-list",
4204
+ "label": "Metrics"
4071
4205
  }
4072
- ],
4073
- "appName": "Helpdesk"
4206
+ ]
4074
4207
  }
4075
4208
  ]
4076
4209
  ]
@@ -4085,8 +4218,8 @@
4085
4218
  "SupportMetrics",
4086
4219
  {
4087
4220
  "emit": {
4088
- "success": "SupportMetricsLoaded",
4089
- "failure": "SupportMetricsLoadFailed"
4221
+ "failure": "SupportMetricsLoadFailed",
4222
+ "success": "SupportMetricsLoaded"
4090
4223
  }
4091
4224
  }
4092
4225
  ],
@@ -4094,80 +4227,66 @@
4094
4227
  "render-ui",
4095
4228
  "main",
4096
4229
  {
4097
- "type": "dashboard-layout",
4098
4230
  "appName": "Helpdesk",
4099
- "navItems": [
4100
- {
4101
- "label": "Tickets",
4102
- "icon": "inbox",
4103
- "href": "/tickets"
4104
- },
4105
- {
4106
- "label": "Responses",
4107
- "href": "/responses",
4108
- "icon": "message-circle"
4109
- },
4110
- {
4111
- "href": "/metrics",
4112
- "label": "Metrics",
4113
- "icon": "layout-list"
4114
- }
4115
- ],
4116
- "children": [
4231
+ "children": [
4117
4232
  {
4233
+ "type": "scaled-diagram",
4118
4234
  "children": [
4119
4235
  {
4236
+ "gap": "lg",
4237
+ "type": "stack",
4238
+ "direction": "vertical",
4120
4239
  "children": [
4121
4240
  {
4122
- "type": "breadcrumb",
4123
4241
  "items": [
4124
4242
  {
4125
- "href": "/",
4126
- "label": "Home"
4243
+ "label": "Home",
4244
+ "href": "/"
4127
4245
  },
4128
4246
  {
4129
4247
  "label": "Support Metrics"
4130
4248
  }
4131
- ]
4249
+ ],
4250
+ "type": "breadcrumb"
4132
4251
  },
4133
4252
  {
4134
- "type": "stack",
4135
- "justify": "between",
4136
- "gap": "md",
4137
4253
  "children": [
4138
4254
  {
4139
4255
  "gap": "md",
4256
+ "type": "stack",
4257
+ "direction": "horizontal",
4140
4258
  "children": [
4141
4259
  {
4142
- "name": "activity",
4143
- "type": "icon"
4260
+ "type": "icon",
4261
+ "name": "activity"
4144
4262
  },
4145
4263
  {
4264
+ "variant": "h2",
4146
4265
  "type": "typography",
4147
- "content": "Support Metrics",
4148
- "variant": "h2"
4266
+ "content": "Support Metrics"
4149
4267
  }
4150
- ],
4151
- "type": "stack",
4152
- "direction": "horizontal"
4268
+ ]
4153
4269
  },
4154
4270
  {
4155
- "variant": "secondary",
4271
+ "type": "button",
4156
4272
  "action": "REFRESH",
4273
+ "variant": "secondary",
4157
4274
  "icon": "refresh-cw",
4158
- "type": "button",
4159
4275
  "label": "Refresh"
4160
4276
  }
4161
4277
  ],
4162
- "direction": "horizontal"
4278
+ "gap": "md",
4279
+ "type": "stack",
4280
+ "direction": "horizontal",
4281
+ "justify": "between"
4163
4282
  },
4164
4283
  {
4165
4284
  "type": "divider"
4166
4285
  },
4167
4286
  {
4168
- "type": "box",
4169
4287
  "children": [
4170
4288
  {
4289
+ "cols": 3.0,
4171
4290
  "children": [
4172
4291
  {
4173
4292
  "type": "stat-display",
@@ -4175,78 +4294,78 @@
4175
4294
  "value": "@entity.openTickets"
4176
4295
  },
4177
4296
  {
4178
- "value": "@entity.resolvedTickets",
4297
+ "label": "ResolvedTickets",
4179
4298
  "type": "stat-display",
4180
- "label": "ResolvedTickets"
4299
+ "value": "@entity.resolvedTickets"
4181
4300
  },
4182
4301
  {
4302
+ "type": "card",
4183
4303
  "children": [
4184
4304
  {
4185
- "direction": "vertical",
4186
- "gap": "sm",
4187
4305
  "type": "stack",
4306
+ "direction": "vertical",
4188
4307
  "children": [
4189
4308
  {
4190
- "content": "AvgResponseTime",
4309
+ "type": "typography",
4191
4310
  "variant": "caption",
4192
- "type": "typography"
4311
+ "content": "AvgResponseTime"
4193
4312
  },
4194
4313
  {
4195
4314
  "type": "typography",
4196
- "variant": "h3",
4197
- "content": "@entity.avgResponseTime"
4315
+ "content": "@entity.avgResponseTime",
4316
+ "variant": "h3"
4198
4317
  }
4199
- ]
4318
+ ],
4319
+ "gap": "sm"
4200
4320
  }
4201
- ],
4202
- "type": "card"
4321
+ ]
4203
4322
  },
4204
4323
  {
4205
4324
  "value": "@entity.satisfactionScore",
4206
- "label": "SatisfactionScore",
4207
- "type": "stat-display"
4325
+ "type": "stat-display",
4326
+ "label": "SatisfactionScore"
4208
4327
  },
4209
4328
  {
4210
- "type": "stat-display",
4211
4329
  "label": "ActiveAgents",
4212
- "value": "@entity.activeAgents"
4330
+ "value": "@entity.activeAgents",
4331
+ "type": "stat-display"
4213
4332
  }
4214
4333
  ],
4215
- "type": "simple-grid",
4216
- "cols": 3.0
4334
+ "type": "simple-grid"
4217
4335
  }
4218
4336
  ],
4219
- "padding": "md"
4337
+ "padding": "md",
4338
+ "type": "box"
4220
4339
  },
4221
4340
  {
4222
4341
  "type": "divider"
4223
4342
  },
4224
4343
  {
4344
+ "cols": 2.0,
4345
+ "gap": "md",
4346
+ "type": "grid",
4225
4347
  "children": [
4226
4348
  {
4227
- "type": "card",
4228
4349
  "children": [
4229
4350
  {
4230
4351
  "variant": "caption",
4231
- "type": "typography",
4232
- "content": "Chart View"
4352
+ "content": "Chart View",
4353
+ "type": "typography"
4233
4354
  }
4234
- ]
4355
+ ],
4356
+ "type": "card"
4235
4357
  },
4236
4358
  {
4237
- "type": "card",
4238
4359
  "children": [
4239
4360
  {
4361
+ "content": "Graph View",
4240
4362
  "type": "typography",
4241
- "variant": "caption",
4242
- "content": "Graph View"
4363
+ "variant": "caption"
4243
4364
  }
4244
- ]
4365
+ ],
4366
+ "type": "card"
4245
4367
  }
4246
- ],
4247
- "gap": "md",
4248
- "type": "grid",
4249
- "cols": 2.0
4368
+ ]
4250
4369
  },
4251
4370
  {
4252
4371
  "type": "line-chart",
@@ -4260,16 +4379,16 @@
4260
4379
  "value": 19.0
4261
4380
  },
4262
4381
  {
4263
- "value": 15.0,
4264
- "date": "Mar"
4382
+ "date": "Mar",
4383
+ "value": 15.0
4265
4384
  },
4266
4385
  {
4267
- "value": 25.0,
4268
- "date": "Apr"
4386
+ "date": "Apr",
4387
+ "value": 25.0
4269
4388
  },
4270
4389
  {
4271
- "date": "May",
4272
- "value": 22.0
4390
+ "value": 22.0,
4391
+ "date": "May"
4273
4392
  },
4274
4393
  {
4275
4394
  "value": 30.0,
@@ -4284,25 +4403,13 @@
4284
4403
  "label": "Current"
4285
4404
  },
4286
4405
  {
4287
- "label": "Previous",
4288
- "color": "muted"
4406
+ "color": "muted",
4407
+ "label": "Previous"
4289
4408
  }
4290
4409
  ],
4291
4410
  "type": "chart-legend"
4292
4411
  },
4293
4412
  {
4294
- "type": "graph-view",
4295
- "width": 400.0,
4296
- "edges": [
4297
- {
4298
- "source": "a",
4299
- "target": "b"
4300
- },
4301
- {
4302
- "target": "c",
4303
- "source": "b"
4304
- }
4305
- ],
4306
4413
  "nodes": [
4307
4414
  {
4308
4415
  "id": "a",
@@ -4313,19 +4420,45 @@
4313
4420
  "label": "Process"
4314
4421
  },
4315
4422
  {
4316
- "id": "c",
4317
- "label": "End"
4423
+ "label": "End",
4424
+ "id": "c"
4318
4425
  }
4319
4426
  ],
4320
- "height": 200.0
4427
+ "width": 400.0,
4428
+ "type": "graph-view",
4429
+ "height": 200.0,
4430
+ "edges": [
4431
+ {
4432
+ "target": "b",
4433
+ "source": "a"
4434
+ },
4435
+ {
4436
+ "source": "b",
4437
+ "target": "c"
4438
+ }
4439
+ ]
4321
4440
  }
4322
- ],
4323
- "type": "stack",
4324
- "direction": "vertical",
4325
- "gap": "lg"
4441
+ ]
4326
4442
  }
4327
- ],
4328
- "type": "scaled-diagram"
4443
+ ]
4444
+ }
4445
+ ],
4446
+ "type": "dashboard-layout",
4447
+ "navItems": [
4448
+ {
4449
+ "icon": "inbox",
4450
+ "label": "Tickets",
4451
+ "href": "/tickets"
4452
+ },
4453
+ {
4454
+ "label": "Responses",
4455
+ "icon": "message-circle",
4456
+ "href": "/responses"
4457
+ },
4458
+ {
4459
+ "href": "/metrics",
4460
+ "icon": "layout-list",
4461
+ "label": "Metrics"
4329
4462
  }
4330
4463
  ]
4331
4464
  }
@@ -4342,8 +4475,8 @@
4342
4475
  "SupportMetrics",
4343
4476
  {
4344
4477
  "emit": {
4345
- "failure": "SupportMetricsLoadFailed",
4346
- "success": "SupportMetricsLoaded"
4478
+ "success": "SupportMetricsLoaded",
4479
+ "failure": "SupportMetricsLoadFailed"
4347
4480
  }
4348
4481
  }
4349
4482
  ],
@@ -4351,83 +4484,96 @@
4351
4484
  "render-ui",
4352
4485
  "main",
4353
4486
  {
4354
- "appName": "Helpdesk",
4487
+ "navItems": [
4488
+ {
4489
+ "icon": "inbox",
4490
+ "label": "Tickets",
4491
+ "href": "/tickets"
4492
+ },
4493
+ {
4494
+ "href": "/responses",
4495
+ "label": "Responses",
4496
+ "icon": "message-circle"
4497
+ },
4498
+ {
4499
+ "label": "Metrics",
4500
+ "href": "/metrics",
4501
+ "icon": "layout-list"
4502
+ }
4503
+ ],
4355
4504
  "type": "dashboard-layout",
4505
+ "appName": "Helpdesk",
4356
4506
  "children": [
4357
4507
  {
4358
- "type": "scaled-diagram",
4359
4508
  "children": [
4360
4509
  {
4361
- "gap": "lg",
4362
- "direction": "vertical",
4363
4510
  "children": [
4364
4511
  {
4365
- "type": "breadcrumb",
4366
4512
  "items": [
4367
4513
  {
4368
- "href": "/",
4369
- "label": "Home"
4514
+ "label": "Home",
4515
+ "href": "/"
4370
4516
  },
4371
4517
  {
4372
4518
  "label": "Support Metrics"
4373
4519
  }
4374
- ]
4520
+ ],
4521
+ "type": "breadcrumb"
4375
4522
  },
4376
4523
  {
4524
+ "direction": "horizontal",
4525
+ "gap": "md",
4526
+ "type": "stack",
4527
+ "justify": "between",
4377
4528
  "children": [
4378
4529
  {
4379
- "gap": "md",
4530
+ "direction": "horizontal",
4380
4531
  "type": "stack",
4532
+ "gap": "md",
4381
4533
  "children": [
4382
4534
  {
4383
- "type": "icon",
4384
- "name": "activity"
4535
+ "name": "activity",
4536
+ "type": "icon"
4385
4537
  },
4386
4538
  {
4539
+ "variant": "h2",
4387
4540
  "type": "typography",
4388
- "content": "Support Metrics",
4389
- "variant": "h2"
4541
+ "content": "Support Metrics"
4390
4542
  }
4391
- ],
4392
- "direction": "horizontal"
4543
+ ]
4393
4544
  },
4394
4545
  {
4546
+ "label": "Refresh",
4395
4547
  "icon": "refresh-cw",
4396
- "variant": "secondary",
4397
- "type": "button",
4398
4548
  "action": "REFRESH",
4399
- "label": "Refresh"
4549
+ "variant": "secondary",
4550
+ "type": "button"
4400
4551
  }
4401
- ],
4402
- "gap": "md",
4403
- "direction": "horizontal",
4404
- "type": "stack",
4405
- "justify": "between"
4552
+ ]
4406
4553
  },
4407
4554
  {
4408
4555
  "type": "divider"
4409
4556
  },
4410
4557
  {
4411
- "padding": "md",
4412
- "type": "box",
4413
4558
  "children": [
4414
4559
  {
4415
- "cols": 3.0,
4416
- "type": "simple-grid",
4417
4560
  "children": [
4418
4561
  {
4562
+ "type": "stat-display",
4419
4563
  "value": "@entity.openTickets",
4420
- "label": "OpenTickets",
4421
- "type": "stat-display"
4564
+ "label": "OpenTickets"
4422
4565
  },
4423
4566
  {
4424
- "label": "ResolvedTickets",
4425
4567
  "type": "stat-display",
4568
+ "label": "ResolvedTickets",
4426
4569
  "value": "@entity.resolvedTickets"
4427
4570
  },
4428
4571
  {
4572
+ "type": "card",
4429
4573
  "children": [
4430
4574
  {
4575
+ "type": "stack",
4576
+ "direction": "vertical",
4431
4577
  "children": [
4432
4578
  {
4433
4579
  "type": "typography",
@@ -4440,71 +4586,71 @@
4440
4586
  "content": "@entity.avgResponseTime"
4441
4587
  }
4442
4588
  ],
4443
- "type": "stack",
4444
- "direction": "vertical",
4445
4589
  "gap": "sm"
4446
4590
  }
4447
- ],
4448
- "type": "card"
4591
+ ]
4449
4592
  },
4450
4593
  {
4451
4594
  "value": "@entity.satisfactionScore",
4452
- "type": "stat-display",
4453
- "label": "SatisfactionScore"
4595
+ "label": "SatisfactionScore",
4596
+ "type": "stat-display"
4454
4597
  },
4455
4598
  {
4599
+ "value": "@entity.activeAgents",
4456
4600
  "type": "stat-display",
4457
- "label": "ActiveAgents",
4458
- "value": "@entity.activeAgents"
4601
+ "label": "ActiveAgents"
4459
4602
  }
4460
- ]
4603
+ ],
4604
+ "cols": 3.0,
4605
+ "type": "simple-grid"
4461
4606
  }
4462
- ]
4607
+ ],
4608
+ "padding": "md",
4609
+ "type": "box"
4463
4610
  },
4464
4611
  {
4465
4612
  "type": "divider"
4466
4613
  },
4467
4614
  {
4468
4615
  "gap": "md",
4469
- "type": "grid",
4470
4616
  "cols": 2.0,
4617
+ "type": "grid",
4471
4618
  "children": [
4472
4619
  {
4473
4620
  "type": "card",
4474
4621
  "children": [
4475
4622
  {
4623
+ "variant": "caption",
4476
4624
  "type": "typography",
4477
- "content": "Chart View",
4478
- "variant": "caption"
4625
+ "content": "Chart View"
4479
4626
  }
4480
4627
  ]
4481
4628
  },
4482
4629
  {
4483
- "type": "card",
4484
4630
  "children": [
4485
4631
  {
4486
- "type": "typography",
4487
4632
  "variant": "caption",
4488
- "content": "Graph View"
4633
+ "content": "Graph View",
4634
+ "type": "typography"
4489
4635
  }
4490
- ]
4636
+ ],
4637
+ "type": "card"
4491
4638
  }
4492
4639
  ]
4493
4640
  },
4494
4641
  {
4495
- "type": "line-chart",
4496
4642
  "data": [
4497
4643
  {
4498
- "date": "Jan",
4499
- "value": 12.0
4644
+ "value": 12.0,
4645
+ "date": "Jan"
4500
4646
  },
4501
4647
  {
4502
4648
  "date": "Feb",
4503
4649
  "value": 19.0
4504
4650
  },
4505
4651
  {
4506
- "date": "Mar",
4507
- "value": 15.0
4652
+ "value": 15.0,
4653
+ "date": "Mar"
4508
4654
  },
4509
4655
  {
4510
4656
  "value": 25.0,
@@ -4515,13 +4661,13 @@
4515
4661
  "value": 22.0
4516
4662
  },
4517
4663
  {
4518
- "value": 30.0,
4519
- "date": "Jun"
4664
+ "date": "Jun",
4665
+ "value": 30.0
4520
4666
  }
4521
- ]
4667
+ ],
4668
+ "type": "line-chart"
4522
4669
  },
4523
4670
  {
4524
- "type": "chart-legend",
4525
4671
  "items": [
4526
4672
  {
4527
4673
  "label": "Current",
@@ -4531,13 +4677,16 @@
4531
4677
  "label": "Previous",
4532
4678
  "color": "muted"
4533
4679
  }
4534
- ]
4680
+ ],
4681
+ "type": "chart-legend"
4535
4682
  },
4536
4683
  {
4684
+ "type": "graph-view",
4685
+ "width": 400.0,
4537
4686
  "nodes": [
4538
4687
  {
4539
- "label": "Start",
4540
- "id": "a"
4688
+ "id": "a",
4689
+ "label": "Start"
4541
4690
  },
4542
4691
  {
4543
4692
  "label": "Process",
@@ -4549,40 +4698,24 @@
4549
4698
  }
4550
4699
  ],
4551
4700
  "height": 200.0,
4552
- "width": 400.0,
4553
- "type": "graph-view",
4554
4701
  "edges": [
4555
4702
  {
4556
4703
  "source": "a",
4557
4704
  "target": "b"
4558
4705
  },
4559
4706
  {
4560
- "target": "c",
4561
- "source": "b"
4707
+ "source": "b",
4708
+ "target": "c"
4562
4709
  }
4563
4710
  ]
4564
4711
  }
4565
4712
  ],
4566
- "type": "stack"
4713
+ "direction": "vertical",
4714
+ "type": "stack",
4715
+ "gap": "lg"
4567
4716
  }
4568
- ]
4569
- }
4570
- ],
4571
- "navItems": [
4572
- {
4573
- "href": "/tickets",
4574
- "icon": "inbox",
4575
- "label": "Tickets"
4576
- },
4577
- {
4578
- "href": "/responses",
4579
- "label": "Responses",
4580
- "icon": "message-circle"
4581
- },
4582
- {
4583
- "label": "Metrics",
4584
- "icon": "layout-list",
4585
- "href": "/metrics"
4717
+ ],
4718
+ "type": "scaled-diagram"
4586
4719
  }
4587
4720
  ]
4588
4721
  }